twitch.css - frontends - front-ends for some sites (experiment) | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
twitch.css (1457B) | |
--- | |
1 body { | |
2 font-family: sans-serif, monospace; | |
3 text-align: center; | |
4 overflow-y: scroll; | |
5 color: #000; | |
6 background-color: #fff; | |
7 margin: 0; | |
8 padding: 0; | |
9 } | |
10 table { | |
11 border: 0; | |
12 } | |
13 hr { | |
14 height: 1px; | |
15 color: #ccc; | |
16 background-color: #ccc; | |
17 border: 0; | |
18 } | |
19 h1 { | |
20 font-size: 140%; | |
21 } | |
22 h2 { | |
23 font-size: 120%; | |
24 } | |
25 h3 { | |
26 font-size: 100%; | |
27 } | |
28 h1, h1 a, h1 a:visited, | |
29 h2, h2 a, h2 a:visited, | |
30 h3, h3 a, h3 a:visited, | |
31 h1 a:hover, h2 a:hover, h3 a:hover { | |
32 color: inherit; | |
33 } | |
34 | |
35 table.table { | |
36 border-collapse: collapse; | |
37 width: 100%; | |
38 } | |
39 table tr th { | |
40 text-align: left; | |
41 font-weight: bold; | |
42 } | |
43 table.table tr th { | |
44 padding: 3px; | |
45 border: 1px solid #777; | |
46 border-bottom: 3px solid #777; | |
47 } | |
48 table.table tr td { | |
49 padding: 3px; | |
50 border: 1px solid #777; | |
51 } | |
52 table.table tr th { | |
53 background-color: #eee; | |
54 } | |
55 | |
56 table.table tr th.viewers, | |
57 table.table tr th.channels { | |
58 text-align: right; | |
59 } | |
60 | |
61 table.table tr td.title { | |
62 max-width: 30ex; | |
63 text-overflow: ellipsis; | |
64 overflow: hidden; | |
65 } | |
66 pre, code { | |
67 border: 1px dashed #777; | |
68 background-color: #eee; | |
69 padding: 5px; | |
70 display: block; | |
71 overflow-x: auto; | |
72 } | |
73 code { | |
74 white-space: nowrap; | |
75 word-wrap: normal; | |
76 } | |
77 #menuwrap { | |
78 background-color: #eee; | |
79 padding: 1ex; | |
80 border-bottom: 1px solid #ccc; | |
81 } | |
82 #main { | |
83 padding: 1ex; | |
84 } | |
85 #menu, | |
86 #main { | |
87 margin: 0px auto; | |
88 text-align: left; | |
89 max-width: 100ex; | |
90 } | |
91 #menu a { | |
92 font-weight: bold; | |
93 vertical-align: middle; | |
94 } | |
95 #links-contact { | |
96 float: right; | |
97 } | |
98 .hidden { | |
99 display: none; | |
100 } | |
101 | |
102 label { | |
103 display: inline-block; | |
104 width: 10ex; | |
105 } |