Mercurial > hg > lukkari
comparison luk4.css @ 68:0acf6e16af93
Add another stylesheet, a dark one.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 24 Oct 2012 03:45:28 +0300 |
parents | |
children | 8109809f67cb |
comparison
equal
deleted
inserted
replaced
67:7f5deab32417 | 68:0acf6e16af93 |
---|---|
1 body { | |
2 margin: 1em; | |
3 background: black; | |
4 color: white; | |
5 | |
6 font-family: Verdana, Arial, helvetica, sans-serif; | |
7 font-size: 10pt; | |
8 } | |
9 | |
10 a, a:visited, a:active { | |
11 text-decoration: underline; | |
12 color: white; | |
13 } | |
14 | |
15 a:hover { | |
16 text-decoration: underline; | |
17 color: #555; | |
18 } | |
19 | |
20 h1, h2, h3 { | |
21 font-family: Arial, sans-serif; | |
22 // font-family: impact; | |
23 font-weight: normal; | |
24 color: white; | |
25 background: black; | |
26 padding: 5pt; | |
27 padding-bottom: 8px; | |
28 text-shadow: 2px 2px 2px #000; | |
29 -moz-border-radius: 8pt; | |
30 border-radius: 8pt; | |
31 box-shadow: 0px 0px 6px rgba(255,255,255,0.7); | |
32 } | |
33 | |
34 #csssel { | |
35 position: absolute; | |
36 right: 1em; | |
37 top: 1em; | |
38 font-size: 6pt; | |
39 background: black; | |
40 padding: 5pt; | |
41 -moz-border-radius: 5pt; | |
42 border-radius: 5pt; | |
43 text-shadow: 1px 1px 1px #000; | |
44 box-shadow: 0px 0px 4px rgba(255,255,255,0.9); | |
45 } | |
46 | |
47 #ctitle { | |
48 text-align: right; | |
49 font-size: 8pt; | |
50 } | |
51 | |
52 #csssel a { | |
53 padding: 2pt; | |
54 color: #ccc; | |
55 text-decoration: none; | |
56 } | |
57 | |
58 #csssel a:hover { | |
59 text-decoration: underline; | |
60 } | |
61 | |
62 #clang { | |
63 text-align: right; | |
64 font-weight: bold; | |
65 } | |
66 | |
67 #clang a { | |
68 color: #f00; | |
69 } | |
70 | |
71 #contents { | |
72 z-index: 5; | |
73 position: absolute; | |
74 right: 0.5em; | |
75 left: 0.5em; | |
76 padding: 10pt; | |
77 -moz-border-radius: 10pt; | |
78 border-radius: 10pt; | |
79 text-shadow: 1px 1px 1px rgba(0,0,0,0.4); | |
80 box-shadow: 0px 0px 8px rgba(255,255,255,0.9); | |
81 } | |
82 | |
83 | |
84 table { | |
85 border: 0px; | |
86 padding: 0px; | |
87 margin: 0px; | |
88 } | |
89 | |
90 tr { | |
91 border: 0px; | |
92 padding: 0px; | |
93 margin: 0px; | |
94 } | |
95 | |
96 table.timetable th { | |
97 padding: 3pt; | |
98 margin: 3pt; | |
99 text-align: center; | |
100 | |
101 // background: rgb(30,45,55); | |
102 color: #ccc; | |
103 -moz-border-radius: 5pt; | |
104 border-radius: 5pt; | |
105 box-shadow: 0px 0px 4px rgba(255,255,255,0.4); | |
106 } | |
107 | |
108 td { | |
109 padding: 4px; | |
110 margin: 2px; | |
111 color: #ccc; | |
112 -moz-border-radius: 5pt; | |
113 border-radius: 5pt; | |
114 } | |
115 | |
116 table.timetable { | |
117 font-size: 10pt; | |
118 } | |
119 | |
120 table.timetable td > a, table.timetable td > a:visited, table.timetable td > a:active { | |
121 text-decoration: none; | |
122 text-shadow: 2px 2px 2px #000; | |
123 color: #fff; | |
124 } | |
125 | |
126 table.timetable td > a:hover { | |
127 color: yellow; | |
128 } | |
129 | |
130 | |
131 th.hours { | |
132 white-space: nowrap; | |
133 } | |
134 | |
135 table.timetable * table { | |
136 width: 100%; | |
137 height: 100%; | |
138 } | |
139 | |
140 table.timetable tr:hover th { | |
141 color: red; | |
142 } | |
143 | |
144 td.clgrouped, td.clgrouped * td { | |
145 background: rgb(20,35,45); | |
146 } | |
147 | |
148 td.clnothing, td.clnothing * td { | |
149 } | |
150 | |
151 td.clnormal, td.clnormal * td { | |
152 background: rgb(20,35,35); | |
153 } | |
154 | |
155 td.clactive, td.clactive * td { | |
156 background: rgb(35,55,55); | |
157 border: 1px solid white; | |
158 } | |
159 | |
160 div.nhours { | |
161 text-align: right; | |
162 } | |
163 | |
164 div.nhours span { | |
165 background: black; | |
166 padding: 2pt; | |
167 border: 1px solid gray; | |
168 } | |
169 | |
170 #footer { | |
171 padding-top: 5pt; | |
172 font-size: 5pt; | |
173 } | |
174 | |
175 #controls { | |
176 padding: 0px; | |
177 margin: 0px; | |
178 } | |
179 | |
180 #controls table * { | |
181 padding: 0px; | |
182 margin: 0px; | |
183 } | |
184 | |
185 #controls a { | |
186 padding: 5pt; | |
187 margin-bottom: 30pt; | |
188 -moz-border-radius: 8px; | |
189 border-radius: 8px; | |
190 text-decoration: none; | |
191 color: white; | |
192 background: rgba(255,255,255,0.2); | |
193 box-shadow: 0px 0px 4px rgba(255,255,255,0.9); | |
194 } | |
195 | |
196 #controls a:hover { | |
197 color: white; | |
198 background: #666; | |
199 box-shadow: 0px 0px 4px rgba(255,255,255,0.9); | |
200 } | |
201 | |
202 #controls select { | |
203 background: white; | |
204 border: 1px solid white; | |
205 color: black; | |
206 | |
207 padding: 5pt; | |
208 -moz-border-radius: 8px; | |
209 border-radius: 8px; | |
210 box-shadow: 0px 0px 6px rgba(255,255,255,0.9); | |
211 } | |
212 | |
213 #controls input.submit { | |
214 color: white; | |
215 background: rgba(200,255,200,0.2); | |
216 border: 1px solid rgba(255,255,255,0.3); | |
217 | |
218 padding: 5pt; | |
219 -moz-border-radius: 8px; | |
220 border-radius: 8px; | |
221 box-shadow: 0px 0px 4px rgba(255,255,255,0.9); | |
222 } | |
223 | |
224 #controls input.submit:hover { | |
225 color: white; | |
226 background: rgba(200,255,200,0.5); | |
227 } |