Mercurial > hg > lukkari
comparison luk1.css @ 48:d41b51cd4ae5
Implement switchable CSS support and a new default style + very minor code
cleanups.
author | Matti Hamalainen <ccr@tnsp.org> |
---|---|
date | Wed, 17 Oct 2012 14:02:24 +0300 |
parents | |
children | 16aea8e5cb71 |
comparison
equal
deleted
inserted
replaced
47:ceca06576918 | 48:d41b51cd4ae5 |
---|---|
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: rgb(10,114,133); | |
26 padding: 5pt; | |
27 padding-bottom: 8px; | |
28 text-shadow: 2px 2px 2px #000; | |
29 -moz-border-radius: 8pt; | |
30 border-radius: 8pt; | |
31 } | |
32 | |
33 #csssel { | |
34 position: absolute; | |
35 right: 1em; | |
36 top: 1em; | |
37 font-size: 5pt; | |
38 background: rgb(10,114,133); | |
39 padding: 5pt; | |
40 -moz-border-radius: 5pt; | |
41 border-radius: 5pt; | |
42 } | |
43 | |
44 #csssel a { | |
45 padding: 2pt; | |
46 color: #ccc; | |
47 text-decoration: none; | |
48 } | |
49 | |
50 #csssel a:hover { | |
51 text-decoration: underline; | |
52 } | |
53 | |
54 #contents { | |
55 z-index: 5; | |
56 position: absolute; | |
57 right: 0.5em; | |
58 left: 0.5em; | |
59 background: rgba(10,114,133,0.6); | |
60 padding: 10pt; | |
61 -moz-border-radius: 10pt; | |
62 border-radius: 10pt; | |
63 text-shadow: 1px 1px 1px rgba(0,0,0,0.4); | |
64 } | |
65 | |
66 | |
67 table { | |
68 border: 0px; | |
69 padding: 0px; | |
70 margin: 0px; | |
71 } | |
72 | |
73 tr { | |
74 border: 0px; | |
75 padding: 0px; | |
76 margin: 0px; | |
77 } | |
78 | |
79 table.timetable th { | |
80 padding: 2px; | |
81 margin: 2px; | |
82 background: #444; | |
83 text-align: center; | |
84 | |
85 background: rgba(10,114,133,0.6); | |
86 color: #ccc; | |
87 -moz-border-radius: 5pt; | |
88 border-radius: 5pt; | |
89 } | |
90 | |
91 td { | |
92 padding: 4px; | |
93 margin: 2px; | |
94 background: rgba(0,84,103,0.7); | |
95 color: #ccc; | |
96 -moz-border-radius: 5pt; | |
97 border-radius: 5pt; | |
98 } | |
99 | |
100 table.timetable { | |
101 font-size: 10pt; | |
102 } | |
103 | |
104 table.timetable td > a, table.timetable td > a:visited, table.timetable td > a:active { | |
105 text-decoration: none; | |
106 text-shadow: 2px 2px 2px #000; | |
107 color: #fff; | |
108 } | |
109 | |
110 table.timetable td > a:hover { | |
111 color: yellow; | |
112 } | |
113 | |
114 | |
115 th.hours { | |
116 white-space: nowrap; | |
117 } | |
118 | |
119 table.timetable * table { | |
120 width: 100%; | |
121 height: 100%; | |
122 } | |
123 | |
124 table.timetable tr:hover th { | |
125 color: red; | |
126 } | |
127 | |
128 td.clgrouped, td.clgrouped * td { | |
129 background: rgb(63,80,63); | |
130 } | |
131 | |
132 td.clnothing { | |
133 background: rgb(0,84,103); | |
134 } | |
135 | |
136 td.clnormal { | |
137 } | |
138 | |
139 div.nhours { | |
140 text-align: right; | |
141 } | |
142 | |
143 div.nhours span { | |
144 background: black; | |
145 padding: 2pt; | |
146 border: 1px solid gray; | |
147 } | |
148 | |
149 #footer { | |
150 padding-top: 5pt; | |
151 font-size: 5pt; | |
152 } | |
153 | |
154 #controls { | |
155 padding: 0px; | |
156 margin: 0px; | |
157 } | |
158 | |
159 #controls table * { | |
160 padding: 0px; | |
161 margin: 0px; | |
162 } | |
163 | |
164 #controls a { | |
165 padding: 5pt; | |
166 margin-bottom: 30pt; | |
167 // border: 1px solid rgba(10,114,133,0.3); | |
168 -moz-border-radius: 8px; | |
169 border-radius: 8px; | |
170 text-decoration: none; | |
171 color: white; | |
172 background: rgba(255,255,255,0.2); | |
173 } | |
174 | |
175 #controls a:hover { | |
176 color: white; | |
177 background: rgba(255,255,255,0.5); | |
178 } | |
179 | |
180 #controls select { | |
181 background: white; | |
182 border: 1px solid black; | |
183 | |
184 padding: 5pt; | |
185 -moz-border-radius: 8px; | |
186 border-radius: 8px; | |
187 } | |
188 | |
189 #controls input.submit { | |
190 color: white; | |
191 background: rgba(200,255,200,0.2); | |
192 border: 1px solid rgba(255,255,255,0.3); | |
193 | |
194 padding: 5pt; | |
195 -moz-border-radius: 8px; | |
196 border-radius: 8px; | |
197 } | |
198 | |
199 #controls input.submit:hover { | |
200 color: white; | |
201 background: rgba(200,255,200,0.5); | |
202 } |