5 */ |
5 */ |
6 |
6 |
7 /* Core definitions - structure */ |
7 /* Core definitions - structure */ |
8 |
8 |
9 html, body { |
9 html, body { |
10 margin: 0; |
10 margin: 0; |
11 padding: 0; |
11 padding: 0; |
12 } |
12 } |
13 |
13 |
14 div { |
14 div { |
15 margin: 0; |
15 margin: 0; |
16 padding: 0; |
16 padding: 0; |
17 } |
17 } |
18 |
18 |
19 body { |
19 body { |
20 background-image: url(../images/background.gif); |
20 background-image: url(../images/background.gif); |
21 background-color: #2a2a29; |
21 background-color: #2a2a29; |
22 font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif; |
22 font-family: trebuchet ms, verdana, tahoma, arial, helvetica, sans-serif; |
23 font-size: 9pt; |
23 font-size: 9pt; |
24 } |
24 } |
25 |
25 |
26 body#tinymce { |
26 body#tinymce { |
27 background-image: none; |
27 background-image: none; |
28 background-color: #f0f0f0; |
28 background-color: #f0f0f0; |
29 } |
29 } |
30 |
30 |
31 table#body-wrapper { |
31 table#body-wrapper { |
32 width: 100%; |
32 width: 100%; |
33 } |
33 } |
34 |
34 |
35 body.simple table#body-wrapper { |
35 body.simple table#body-wrapper { |
36 width: 70%; |
36 width: 70%; |
37 margin: 0 auto; |
37 margin: 0 auto; |
38 } |
38 } |
39 |
39 |
40 td#cell-sbleft { |
40 td#cell-sbleft { |
41 background-image: url(../images/transb50.png); |
41 background-image: url(../images/transb50.png); |
42 } |
42 } |
43 |
43 |
44 td#cell-content { |
44 td#cell-content { |
45 background-color: #fff; |
45 background-color: #fff; |
46 padding: 0; |
46 padding: 0; |
47 width: 100%; |
47 width: 100%; |
48 } |
48 } |
49 |
49 |
50 /* Global - links */ |
50 /* Global - links */ |
51 a { |
51 a { |
52 text-decoration: none; |
52 text-decoration: none; |
53 } |
53 } |
54 |
54 |
55 a:link, a:visited { |
55 a:link, a:visited { |
56 color: #356a9e; |
56 color: #356a9e; |
57 } |
57 } |
58 |
58 |
59 div#content-wrapper a:visited { |
59 div#content-wrapper a:visited { |
60 color: #4c84bb; |
60 color: #4c84bb; |
61 } |
61 } |
62 |
62 |
63 a:link:hover { |
63 a:link:hover { |
64 color: #6a95c0; |
64 color: #6a95c0; |
65 } |
65 } |
66 |
66 |
67 /* Header */ |
67 /* Header */ |
68 div#header { |
68 div#header { |
69 line-height: 122px; |
69 line-height: 122px; |
70 /* background-image: url(../images/top.gif); */ |
70 /* background-image: url(../images/top.gif); */ |
71 background-repeat: repeat-x; |
71 background-repeat: repeat-x; |
72 color: #a9a9a9; |
72 color: #a9a9a9; |
73 padding: 0 1.3em; |
73 padding: 0 1.3em; |
74 } |
74 } |
75 |
75 |
76 body.simple div#header { |
76 body.simple div#header { |
77 line-height: 78px; |
77 line-height: 78px; |
78 width: 75%; |
78 width: 75%; |
79 margin: 100px auto 0 auto; |
79 margin: 100px auto 0 auto; |
80 } |
80 } |
81 |
81 |
82 a.header-placeholder { |
82 a.header-placeholder { |
83 display: block; |
83 display: block; |
84 width: 60%; |
84 width: 60%; |
85 min-width: 500px; |
85 min-width: 500px; |
86 position: absolute; |
86 position: absolute; |
87 top: 0; |
87 top: 0; |
88 left: 0; |
88 left: 0; |
89 } |
89 } |
90 |
90 |
91 div#header h1 { |
91 div#header h1 { |
92 margin: 0; |
92 margin: 0; |
93 font-weight: normal; |
93 font-weight: normal; |
94 } |
94 } |
95 |
95 |
96 div#header h1 a { |
96 div#header h1 a { |
97 color: white; |
97 color: white; |
98 padding-right: 20px; |
98 padding-right: 20px; |
99 } |
99 } |
100 |
100 |
101 div#header h1 a:hover { |
101 div#header h1 a:hover { |
102 background-image: url(../images/home.gif); |
102 background-image: url(../images/home.gif); |
103 background-repeat: no-repeat; |
103 background-repeat: no-repeat; |
104 background-position: center right; |
104 background-position: center right; |
105 } |
105 } |
106 |
106 |
107 div.logo { |
107 div.logo { |
108 width: 96px; |
108 width: 96px; |
109 height: 122px; |
109 height: 122px; |
110 background-image: url(../images/logo.png); |
110 background-image: url(../images/logo.png); |
111 background-position: center center; |
111 background-position: center center; |
112 background-repeat: no-repeat; |
112 background-repeat: no-repeat; |
113 float: left; |
113 float: left; |
114 margin: 0 7px 0 -13px; |
114 margin: 0 7px 0 -13px; |
115 } |
115 } |
116 |
116 |
117 /* Userlinks */ |
117 /* Userlinks */ |
118 ul.useropts { |
118 ul.useropts { |
119 position: absolute; |
119 position: absolute; |
120 margin: 0; |
120 margin: 0; |
121 right: 10px; |
121 right: 10px; |
122 line-height: 19px; |
122 line-height: 19px; |
123 top: 99px; |
123 top: 99px; |
124 } |
124 } |
125 |
125 |
126 ul.useropts li { |
126 ul.useropts li { |
127 display: block; |
127 display: block; |
128 float: left; |
128 float: left; |
129 margin-right: 4px; |
129 margin-right: 4px; |
130 } |
130 } |
131 |
131 |
132 ul.useropts li a { |
132 ul.useropts li a { |
133 color: #a9b2e3; |
133 color: #a9b2e3; |
134 display: block; |
134 display: block; |
135 padding: 2px 12px; |
135 padding: 2px 12px; |
136 background-color: #30475d; |
136 background-color: #30475d; |
137 -moz-border-radius: 6px 6px 0 0; |
137 -moz-border-radius: 6px 6px 0 0; |
138 border-radius: 6px 6px 0 0; |
138 border-radius: 6px 6px 0 0; |
139 } |
139 } |
140 |
140 |
141 ul.useropts li.em a { |
141 ul.useropts li.em a { |
142 color: #b9d0e3; |
142 color: #b9d0e3; |
143 background-color: #405f7c; |
143 background-color: #405f7c; |
144 font-weight: bold; |
144 font-weight: bold; |
145 } |
145 } |
146 |
146 |
147 ul.useropts li:hover { |
147 ul.useropts li:hover { |
148 position: relative; |
148 position: relative; |
149 top: -2px; |
149 top: -2px; |
150 } |
150 } |
151 |
151 |
152 ul.useropts li:hover > a { |
152 ul.useropts li:hover > a { |
153 padding: 2px 12px 4px 12px; |
153 padding: 2px 12px 4px 12px; |
154 color: #b9d0e3; |
154 color: #b9d0e3; |
155 } |
155 } |
156 |
156 |
157 ul.useropts li.logout:hover > a { |
157 ul.useropts li.logout:hover > a { |
158 color: #e9e9e9; |
158 color: #e9e9e9; |
159 background-color: #701010; |
159 background-color: #701010; |
160 } |
160 } |
161 |
161 |
162 /* Search form */ |
162 /* Search form */ |
163 |
163 |
164 form.searchform { |
164 form.searchform { |
165 position: absolute; |
165 position: absolute; |
166 /* background-color: #292929; */ |
166 /* background-color: #292929; */ |
167 background-image: url(../images/transb50.png); |
167 background-image: url(../images/transb50.png); |
168 top: 0px; |
168 top: 0px; |
169 right: 10px; |
169 right: 10px; |
170 padding: 7px; |
170 padding: 7px; |
171 text-align: right; |
171 text-align: right; |
172 } |
172 } |
173 |
173 |
174 /* Sidebars */ |
174 /* Sidebars */ |
175 div.sidebar.left { |
175 div.sidebar.left { |
176 width: 150px; |
176 width: 150px; |
177 } |
177 } |
178 |
178 |
179 div.sidebar.right { |
179 div.sidebar.right { |
180 float: right; |
180 float: right; |
181 width: 170px; |
181 width: 170px; |
182 margin: 0 0 0 20px; |
182 margin: 0 0 0 20px; |
183 } |
183 } |
184 |
184 |
185 div.sidebar.right div.slider { |
185 div.sidebar.right div.slider { |
186 padding: 10px; |
186 padding: 10px; |
187 background-color: #bed8ef; |
187 background-color: #bed8ef; |
188 -moz-border-radius: 10px; |
188 -moz-border-radius: 10px; |
189 border-radius: 10px; |
189 border-radius: 10px; |
190 } |
190 } |
191 |
191 |
192 div.sidebar h4 { |
192 div.sidebar h4 { |
193 margin: 0; |
193 margin: 0; |
194 padding: 5px 3px; |
194 padding: 5px 3px; |
195 color: #90B0D0; |
195 color: #90B0D0; |
196 border-bottom: 1px dotted #5b6f80; |
196 border-bottom: 1px dotted #5b6f80; |
197 font-size: 10pt; |
197 font-size: 10pt; |
198 } |
198 } |
199 |
199 |
200 div.sidebar div.slider { |
200 div.sidebar div.slider { |
201 font-size: 8pt; |
201 font-size: 8pt; |
202 } |
202 } |
203 |
203 |
204 div.sidebar h4 a { |
204 div.sidebar h4 a { |
205 cursor: pointer; |
205 cursor: pointer; |
206 } |
206 } |
207 |
207 |
208 div.sidebar.right h4 { |
208 div.sidebar.right h4 { |
209 color: #5a87b3; |
209 color: #5a87b3; |
210 } |
210 } |
211 |
211 |
212 div.sidebar ul.linkblock { |
212 div.sidebar ul.linkblock { |
213 margin: 0; |
213 margin: 0; |
214 padding: 0; |
214 padding: 0; |
215 list-style-type: none; |
215 list-style-type: none; |
216 } |
216 } |
217 |
217 |
218 div.sidebar ul.linkblock li a { |
218 div.sidebar ul.linkblock li a { |
219 display: block; |
219 display: block; |
220 color: #b2b2b2; |
220 color: #b2b2b2; |
221 padding: 5px 3px 5px 0.9em; |
221 padding: 5px 3px 5px 0.9em; |
222 } |
222 } |
223 |
223 |
224 div.sidebar ul.linkblock li a:hover { |
224 div.sidebar ul.linkblock li a:hover { |
225 color: #c5c5c5; |
225 color: #c5c5c5; |
226 background-color: #292929; |
226 background-color: #292929; |
227 } |
227 } |
228 |
228 |
229 div.sidebar a.closebtn { |
229 div.sidebar a.closebtn { |
230 display: block; |
230 display: block; |
231 float: right; |
231 float: right; |
232 margin-right: 10px; |
232 margin-right: 10px; |
233 color: #456798; |
233 color: #456798; |
234 background-color: #f0f0f0; |
234 background-color: #f0f0f0; |
235 padding: 0 8px; |
235 padding: 0 8px; |
236 -moz-border-radius: 0 0 4px 4px; |
236 -moz-border-radius: 0 0 4px 4px; |
237 cursor: pointer; |
237 cursor: pointer; |
238 } |
238 } |
239 |
239 |
240 div.sidebar.left a.closebtn { |
240 div.sidebar.left a.closebtn { |
241 color: #f0f0f0; |
241 color: #f0f0f0; |
242 background-color: #404040; |
242 background-color: #404040; |
243 margin-right: 0px; |
243 margin-right: 0px; |
244 -moz-border-radius: 0 0 0 4px; |
244 -moz-border-radius: 0 0 0 4px; |
245 padding: 1pt 5px; |
245 padding: 1pt 5px; |
246 font-size: 10pt; |
246 font-size: 10pt; |
247 } |
247 } |
248 |
248 |
249 div.right-sidebar-hidden { |
249 div.right-sidebar-hidden { |
250 margin-left: 10px; |
250 margin-left: 10px; |
251 display: none; |
251 display: none; |
252 } |
252 } |
253 |
253 |
254 div.left-sidebar-hidden { |
254 div.left-sidebar-hidden { |
255 display: none; |
255 display: none; |
256 position: absolute; |
256 position: absolute; |
257 } |
257 } |
258 |
258 |
259 div.right-sidebar-hidden a.openbtn { |
259 div.right-sidebar-hidden a.openbtn { |
260 display: block; |
260 display: block; |
261 float: right; |
261 float: right; |
262 margin-right: -20px; |
262 margin-right: -20px; |
263 color: #456798; |
263 color: #456798; |
264 background-color: #f0f0f0; |
264 background-color: #f0f0f0; |
265 padding: 5px 8px; |
265 padding: 5px 8px; |
266 -moz-border-radius: 4px 0 0 4px; |
266 -moz-border-radius: 4px 0 0 4px; |
267 cursor: pointer; |
267 cursor: pointer; |
268 } |
268 } |
269 |
269 |
270 div.left-sidebar-hidden a.openbtn { |
270 div.left-sidebar-hidden a.openbtn { |
271 display: block; |
271 display: block; |
272 float: left; |
272 float: left; |
273 margin-top: 1.8em; |
273 margin-top: 1.8em; |
274 color: #456798; |
274 color: #456798; |
275 background-color: #f0f0f0; |
275 background-color: #f0f0f0; |
276 padding: 5px 4px; |
276 padding: 5px 4px; |
277 -moz-border-radius: 0 4px 4px 0; |
277 -moz-border-radius: 0 4px 4px 0; |
278 cursor: pointer; |
278 cursor: pointer; |
279 } |
279 } |
280 |
280 |
281 div.slider { |
281 div.slider { |
282 margin-bottom: 7px; |
282 margin-bottom: 7px; |
283 } |
283 } |
284 |
284 |
285 /* Content area */ |
285 /* Content area */ |
286 div#content-wrapper { |
286 div#content-wrapper { |
287 margin: 0; |
287 margin: 0; |
288 padding: 20px; |
288 padding: 20px; |
289 } |
289 } |
290 |
290 |
291 div.content { |
291 div.content { |
292 /* Though very subtle, this makes the entire theme less harsh especially with Trebuchet. */ |
292 /* Though very subtle, this makes the entire theme less harsh especially with Trebuchet. */ |
293 color: #202020; |
293 color: #202020; |
294 } |
294 } |
295 |
295 |
296 div.content h1, div.content h2 { |
296 div.content h1, div.content h2 { |
297 border-bottom: 1px solid #90B0D0; |
297 border-bottom: 1px solid #90B0D0; |
298 margin-top: 0.2em; |
298 margin-top: 0.2em; |
299 } |
299 } |
300 |
300 |
301 div.content h1#h2PageName { |
301 div.content h1#h2PageName { |
302 margin: 0.2em 0 0 0; |
302 margin: 0.2em 0 0 0; |
303 } |
303 } |
304 |
304 |
305 div.content p { |
305 div.content p { |
306 margin-left: 0.8em; |
306 margin-left: 0.8em; |
307 } |
307 } |
308 |
308 |
309 /* Wikilinks to pages that don't exist */ |
309 /* Wikilinks to pages that don't exist */ |
310 div.content a.wikilink-nonexistent { |
310 div.content a.wikilink-nonexistent { |
311 color: #B05020; |
311 color: #B05020; |
312 } |
312 } |
313 |
313 |
314 div.content a.wikilink-nonexistent:visited { |
314 div.content a.wikilink-nonexistent:visited { |
315 color: #906030 !important; |
315 color: #906030 !important; |
316 } |
316 } |
317 |
317 |
318 /* I know it's bad to support plugins in core code, but indented paragraphs tend to be specific to themes I designed. |
318 /* I know it's bad to support plugins in core code, but indented paragraphs tend to be specific to themes I designed. |
319 This is for consistency between paragraphs and code blocks. */ |
319 This is for consistency between paragraphs and code blocks. */ |
320 div.content pre, pre.geshi_highlighted { |
320 div.content pre, pre.geshi_highlighted { |
321 margin-left: 0.8em; |
321 margin-left: 0.8em; |
322 } |
322 } |
323 |
323 |
324 /* Inline rename */ |
324 /* Inline rename */ |
325 |
325 |
326 input#pageheading { |
326 input#pageheading { |
327 font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
327 font-family: trebuchet ms, verdana, arial, helvetica, sans-serif; |
328 font-size: 18pt; |
328 font-size: 18pt; |
329 font-weight: bold; |
329 font-weight: bold; |
330 border-width: 0 0 1px 0; |
330 border-width: 0 0 1px 0; |
331 width: 100%; |
331 width: 100%; |
332 border-bottom: 1px solid #90B0D0; |
332 border-bottom: 1px solid #90B0D0; |
333 margin: 0; |
333 margin: 0; |
334 padding: 0; |
334 padding: 0; |
335 color: #202020; |
335 color: #202020; |
336 background-color: rgb(240, 240, 240, 0.5); |
336 background-color: rgb(240, 240, 240, 0.5); |
337 } |
337 } |
338 |
338 |
339 input#pageheading:focus { |
339 input#pageheading:focus { |
340 background-color: #fafafa; |
340 background-color: #fafafa; |
341 } |
341 } |
342 |
342 |
343 /* External links */ |
343 /* External links */ |
344 |
344 |
345 div.content a[href ^="http://"], div#messageBox a[href ^="http://"] { |
345 div.content a[href ^="http://"], div#messageBox a[href ^="http://"] { |
346 color: #4d78a2; |
346 color: #4d78a2; |
347 background: url(../images/links/external.gif) center right no-repeat; |
347 background: url(../images/links/external.gif) center right no-repeat; |
348 padding-right: 16px; |
348 padding-right: 16px; |
349 } |
349 } |
350 |
350 |
351 div.content a[href ^="https://"], div#messageBox a[href ^="https://"] { |
351 div.content a[href ^="https://"], div#messageBox a[href ^="https://"] { |
352 color: #4d78a2; |
352 color: #4d78a2; |
353 background: url(../images/links/https.gif) center right no-repeat; |
353 background: url(../images/links/https.gif) center right no-repeat; |
354 padding-right: 16px; |
354 padding-right: 16px; |
355 } |
355 } |
356 |
356 |
357 div.content a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] { |
357 div.content a[href ^="mailto:"], div#messageBox a[href ^="mailto:"] { |
358 color: #4d78a2; |
358 color: #4d78a2; |
359 background: url(../images/links/email.gif) center right no-repeat; |
359 background: url(../images/links/email.gif) center right no-repeat; |
360 padding-right: 16px; |
360 padding-right: 16px; |
361 } |
361 } |
362 |
362 |
363 div.content a[href ^="irc://"], div#messageBox a[href ^="irc://"] { |
363 div.content a[href ^="irc://"], div#messageBox a[href ^="irc://"] { |
364 color: #4d78a2; |
364 color: #4d78a2; |
365 background: url(../images/links/irc.gif) center right no-repeat; |
365 background: url(../images/links/irc.gif) center right no-repeat; |
366 padding-right: 16px; |
366 padding-right: 16px; |
367 } |
367 } |
368 |
368 |
369 div.content a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover { |
369 div.content a[href ^="http://"]:hover, div#messageBox a[href ^="http://"]:hover { |
370 color: #6488ad; |
370 color: #6488ad; |
371 } |
371 } |
372 |
372 |
373 div.content a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { |
373 div.content a[href ^="https://"]:hover, div#messageBox a[href ^="https://"]:hover { |
374 color: #6488ad; |
374 color: #6488ad; |
375 } |
375 } |
376 |
376 |
377 div.content a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover { |
377 div.content a[href ^="mailto:"]:hover, div#messageBox a[href ^="mailto:"]:hover { |
378 color: #6488ad; |
378 color: #6488ad; |
379 } |
379 } |
380 |
380 |
381 div.content a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover { |
381 div.content a[href ^="irc://"]:hover, div#messageBox a[href ^="irc://"]:hover { |
382 color: #6488ad; |
382 color: #6488ad; |
383 } |
383 } |
384 |
384 |
385 div.content a.no_external, div#messageBox a.no_external { |
385 div.content a.no_external, div#messageBox a.no_external { |
386 background-image: none; |
386 background-image: none; |
387 padding-right: 0px; |
387 padding-right: 0px; |
388 } |
388 } |
389 |
389 |
390 /* Form controls */ |
390 /* Form controls */ |
391 input { |
391 input { |
392 border: 1px solid #353535; |
392 border: 1px solid #353535; |
393 background-color: #262626; |
393 background-color: #262626; |
394 color: #b6b6b6; |
394 color: #b6b6b6; |
395 font-size: 8pt; |
395 font-size: 8pt; |
396 font-family: arial, helvetica, sans-serif; |
396 font-family: arial, helvetica, sans-serif; |
397 padding: 2px; |
397 padding: 2px; |
398 } |
398 } |
399 |
399 |
400 div#messageBox input[type ^="text"], div#messageBox input[type ^="password"] { |
400 div#messageBox input[type ^="text"], div#messageBox input[type ^="password"] { |
401 background-color: #f4f4f4; |
401 background-color: #f4f4f4; |
402 color: #202020; |
402 color: #202020; |
403 border: 1px solid #aaa; |
403 border: 1px solid #aaa; |
404 } |
404 } |
405 |
405 |
406 div#messageBox input[type ^="text"]:focus, div#messageBox input[type ^="password"]:focus { |
406 div#messageBox input[type ^="text"]:focus, div#messageBox input[type ^="password"]:focus { |
407 background-color: #fff; |
407 background-color: #fff; |
408 border-color: #888; |
408 border-color: #888; |
409 } |
409 } |
410 |
410 |
411 /* Footer */ |
411 /* Footer */ |
412 div#footer { |
412 div#footer { |
413 margin: 7px 0 0 0; |
413 margin: 7px 0 0 0; |
414 border-top: 1px solid #707070; |
414 border-top: 1px solid #707070; |
415 background-color: #000; |
415 background-color: #000; |
416 color: #909090; |
416 color: #909090; |
417 padding: 4px; |
417 padding: 4px; |
418 font-size: smaller; |
418 font-size: smaller; |
419 font-family: tahoma, arial, sans-serif; |
419 font-family: tahoma, arial, sans-serif; |
420 } |
420 } |
421 |
421 |
422 body.simple div#footer { |
422 body.simple div#footer { |
423 position: absolute; |
423 position: absolute; |
424 bottom: 0px; |
424 bottom: 0px; |
425 padding: 4px 0; |
425 padding: 4px 0; |
426 width: 100%; |
426 width: 100%; |
427 } |
427 } |
428 |
428 |
429 /* |
429 /* |
430 * Userpage styles |
430 * Userpage styles |
431 */ |
431 */ |
432 |
432 |
433 ul.userpage_links li { |
433 ul.userpage_links li { |
434 background-image: url('../images/buttonbg.gif'); |
434 background-image: url('../images/buttonbg.gif'); |
435 background-repeat: repeat-x; |
435 background-repeat: repeat-x; |
436 } |
436 } |
437 |
437 |
438 ul.userpage_links li a { |
438 ul.userpage_links li a { |
439 color: #202020; |
439 color: #202020; |
440 } |
440 } |
441 |
441 |
442 ul.userpage_links li.userpage_tab_active { |
442 ul.userpage_links li.userpage_tab_active { |
443 background-image: url('../images/buttonbg-lite.gif'); |
443 background-image: url('../images/buttonbg-lite.gif'); |
444 } |
444 } |
445 |
445 |
446 ul.userpage_links li:hover { |
446 ul.userpage_links li:hover { |
447 background-image: url('../images/buttonbg-lite.gif'); |
447 background-image: url('../images/buttonbg-lite.gif'); |
448 border-color: #404040 #404040 #ffffff #404040; |
448 border-color: #404040 #404040 #ffffff #404040; |
449 } |
449 } |
450 |
450 |
451 ul.userpage_links li.userpage_tab_active:hover { |
451 ul.userpage_links li.userpage_tab_active:hover { |
452 } |
452 } |
453 |
453 |
454 ul.userpage_links li a:visited, ul.userpage_links li a:hover { |
454 ul.userpage_links li a:visited, ul.userpage_links li a:hover { |
455 color: #202020 !important; |
455 color: #202020 !important; |
456 } |
456 } |
457 |
457 |
458 /* |
458 /* |
459 * Some table stuff |
459 * Some table stuff |
460 */ |
460 */ |
461 |
461 |
462 div.tblholder th a { |
462 div.tblholder th a { |
463 text-decoration: underline; |
463 text-decoration: underline; |
464 color: #f0f0f0 !important; |
464 color: #f0f0f0 !important; |
465 } |
465 } |
466 |
466 |
467 /* |
467 /* |
468 * jBox menu system |
468 * jBox menu system |
469 */ |
469 */ |
470 |
470 |
471 div.menu, div.menu_nojs { |
471 div.menu, div.menu_nojs { |
472 background-image: url(../images/jbox.gif); |
472 background-image: url(../images/jbox.gif); |
473 background-repeat: repeat-x; |
473 background-repeat: repeat-x; |
474 background-color: #303030; |
474 background-color: #303030; |
475 font-size: 7pt; |
475 font-size: 7pt; |
476 border-width: 0; |
476 border-width: 0; |
477 } |
477 } |
478 .menu_bg { |
478 .menu_bg { |
479 background-color: #303030; |
479 background-color: #303030; |
480 } |
480 } |
481 div.menu ul, div.menu_nojs ul { |
481 div.menu ul, div.menu_nojs ul { |
482 display: none; |
482 display: none; |
483 position: absolute; |
483 position: absolute; |
484 padding: 0; |
484 padding: 0; |
485 margin: 0 !important; |
485 margin: 0 !important; |
486 background-color: #303030; |
486 background-color: #303030; |
487 border-width: 0; |
487 border-width: 0; |
488 min-width: 120px; |
488 min-width: 120px; |
489 text-transform: lowercase; |
489 text-transform: lowercase; |
490 } |
490 } |
491 div.menu a, div.menu div.label, div.menu_nojs a, div.menu_nojs div.label { |
491 div.menu a, div.menu div.label, div.menu_nojs a, div.menu_nojs div.label { |
492 padding: 2.5pt 5px; |
492 padding: 2.5pt 5px; |
493 margin-right: 3px; |
493 margin-right: 3px; |
494 text-decoration: none; |
494 text-decoration: none; |
495 display: block; |
495 display: block; |
496 float: left; |
496 float: left; |
497 color: #b2b2b2; |
497 color: #b2b2b2; |
498 } |
498 } |
499 div#content-wrapper div.menu a, div#content-wrapper div.menu_nojs a { |
499 div#content-wrapper div.menu a, div#content-wrapper div.menu_nojs a { |
500 color: #b2b2b2; |
500 color: #b2b2b2; |
501 } |
501 } |
502 div.menu div.label, div.menu_nojs div.label { |
502 div.menu div.label, div.menu_nojs div.label { |
503 color: #808080; |
503 color: #808080; |
504 cursor: default; |
504 cursor: default; |
505 } |
505 } |
506 div.menu span.sep, div.menu_nojs span.sep { |
506 div.menu span.sep, div.menu_nojs span.sep { |
507 display: block; |
507 display: block; |
508 float: left; |
508 float: left; |
509 width: 5px; |
509 width: 5px; |
510 } |
510 } |
511 div.menu div.multopts, div.menu_nojs div.multopts { |
511 div.menu div.multopts, div.menu_nojs div.multopts { |
512 line-height: 17pt; |
512 line-height: 17pt; |
513 } |
513 } |
514 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
514 div.menu div.multopts a, div.menu div.multopts div.label, div.menu_nojs div.multopts a, div.menu_nojs div.multopts div.label { |
515 float: none; |
515 float: none; |
516 display: inline; |
516 display: inline; |
517 } |
517 } |
518 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover { |
518 div.menu a.liteselected, div.menu a.liteselected:hover, div.menu a:hover, div.menu_nojs a.liteselected, div.menu_nojs a.liteselected:hover, div.menu_nojs a:hover { |
519 color: #c9c9c9; |
519 color: #c9c9c9; |
520 background-color: #484848; |
520 background-color: #484848; |
521 background-image: url(../images/jbox.gif); |
521 background-image: url(../images/jbox.gif); |
522 background-position: 0 -32px; |
522 background-position: 0 -32px; |
523 background-repeat: repeat-x; |
523 background-repeat: repeat-x; |
524 } |
524 } |
525 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
525 div.menu input[type ^="text"], div.menu input[type ^="password"], div.menu_nojs input[type ^="text"], div.menu_nojs input[type ^="password"] { |
526 border-width: 0; |
526 border-width: 0; |
527 font-size: 9pt; |
527 font-size: 9pt; |
528 padding: 2px 5px 3px 5px; |
528 padding: 2px 5px 3px 5px; |
529 max-width: 70px; |
529 max-width: 70px; |
530 color: #a9a9a9; |
530 color: #a9a9a9; |
531 background-color: #191919; |
531 background-color: #191919; |
532 } |
532 } |
533 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover { |
533 div.menu input[type ^="text"]:hover, div.menu input[type ^="password"]:hover, div.menu_nojs input[type ^="text"]:hover, div.menu_nojs input[type ^="password"]:hover { |
534 background-color: #292929; |
534 background-color: #292929; |
535 } |
535 } |
536 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus { |
536 div.menu input[type ^="text"]:focus, div.menu input[type ^="password"]:focus, div.menu_nojs input[type ^="text"]:focus, div.menu_nojs input[type ^="password"]:focus { |
537 background-color: #373737; |
537 background-color: #373737; |
538 } |
538 } |
539 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
539 div.menu input[type ^="button"], div.menu input[type ^="submit"], div.menu_nojs input[type ^="button"], div.menu_nojs input[type ^="submit"] { |
540 border-width: 0; |
540 border-width: 0; |
541 font-size: 9pt; |
541 font-size: 9pt; |
542 padding: 3px 5px; |
542 padding: 3px 5px; |
543 max-width: 70px; |
543 max-width: 70px; |
544 } |
544 } |
545 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover { |
545 div.menu a.current, div.menu a.current:hover, div.menu a.selected, div.menu a.selected:hover, div.menu_nojs a.current, div.menu_nojs a.current:hover, div.menu_nojs a.selected, div.menu_nojs a.selected:hover { |
546 color: #202020; |
546 color: #202020; |
547 background-color: #FFFFFF; |
547 background-color: #FFFFFF; |
548 } |
548 } |
549 div.menu a.current:hover, div.menu a.selected:hover, div.menu a.current.liteselected, |
549 div.menu a.current:hover, div.menu a.selected:hover, div.menu a.current.liteselected, |
550 div.menu_nojs a.current:hover, div.menu_nojs a.selected:hover, div.menu_nojs a.current.liteselected { |
550 div.menu_nojs a.current:hover, div.menu_nojs a.selected:hover, div.menu_nojs a.current.liteselected { |
551 background-position: 0 -64px; |
551 background-position: 0 -64px; |
552 } |
552 } |
553 div.menu ul li, div.menu_nojs ul li { |
553 div.menu ul li, div.menu_nojs ul li { |
554 list-style: none; |
554 list-style: none; |
555 } |
555 } |
556 div.menu ul a, div.menu_nojs ul a { |
556 div.menu ul a, div.menu_nojs ul a { |
557 float: none; |
557 float: none; |
558 margin: 0; |
558 margin: 0; |
559 } |
559 } |
560 |
560 |
561 /* toolbar */ |
561 /* toolbar */ |
562 |
562 |
563 div.toolbar { |
563 div.toolbar { |
564 border: 1px solid #3b619c; |
564 border: 1px solid #3b619c; |
565 background-color: #D0D0D0; |
565 background-color: #D0D0D0; |
566 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
566 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
567 background-position: 0 -90px; |
567 background-position: 0 -90px; |
568 padding: 1px 0; |
568 padding: 1px 0; |
569 height: 22px; |
569 height: 22px; |
570 font-family: arial, sans-serif; |
570 font-family: arial, sans-serif; |
571 font-size: 8pt; |
571 font-size: 8pt; |
572 } |
572 } |
573 div.toolbar ul { |
573 div.toolbar ul { |
574 margin: 0; |
574 margin: 0; |
575 padding: 0; |
575 padding: 0; |
576 } |
576 } |
577 div.toolbar ul li { |
577 div.toolbar ul li { |
578 list-style: none; |
578 list-style: none; |
579 margin: 0; |
579 margin: 0; |
580 float: left; |
580 float: left; |
581 } |
581 } |
582 div.toolbar a img { |
582 div.toolbar a img { |
583 opacity: 0.6; |
583 opacity: 0.6; |
584 } |
584 } |
585 div.toolbar a:hover img, div.toolbar a:focus img { |
585 div.toolbar a:hover img, div.toolbar a:focus img { |
586 opacity: 1; |
586 opacity: 1; |
587 } |
587 } |
588 div.toolbar a { |
588 div.toolbar a { |
589 display: block; |
589 display: block; |
590 padding: 2px; |
590 padding: 2px; |
591 border: 1px solid transparent; |
591 border: 1px solid transparent; |
592 cursor: default; |
592 cursor: default; |
593 width: auto; |
593 width: auto; |
594 color: #000000 !important; |
594 color: #000000 !important; |
595 margin: 0 2px; |
595 margin: 0 2px; |
596 max-height: 16px; |
596 max-height: 16px; |
597 text-decoration: none; |
597 text-decoration: none; |
598 } |
598 } |
599 div.toolbar a:hover, div.toolbar a:focus { |
599 div.toolbar a:hover, div.toolbar a:focus { |
600 border: 1px solid #000080; |
600 border: 1px solid #000080; |
601 background-color: #ceceed; |
601 background-color: #ceceed; |
602 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
602 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
603 background-position: 0 -118px; |
603 background-position: 0 -118px; |
604 color: #000000 !important; |
604 color: #000000 !important; |
605 text-decoration: none; |
605 text-decoration: none; |
606 } |
606 } |
607 div.toolbar a:active { |
607 div.toolbar a:active { |
608 background-color: #E0E0E0; |
608 background-color: #E0E0E0; |
609 background-position: 0 -138px; |
609 background-position: 0 -138px; |
610 } |
610 } |
611 div.toolbar img { |
611 div.toolbar img { |
612 margin: 0; |
612 margin: 0; |
613 padding: 0; |
613 padding: 0; |
614 display: inline; |
614 display: inline; |
615 border-width: 0px; |
615 border-width: 0px; |
616 } |
616 } |
617 div.toolbar a span { |
617 div.toolbar a span { |
618 position: relative; |
618 position: relative; |
619 top: -3px !important; |
619 top: -3px !important; |
620 } |
620 } |
621 div.toolbar a span.noimage { |
621 div.toolbar a span.noimage { |
622 position: relative; |
622 position: relative; |
623 top: 0px !important; |
623 top: 0px !important; |
624 height: 16px !important; |
624 height: 16px !important; |
625 display: block; |
625 display: block; |
626 padding-left: 2px !important; |
626 padding-left: 2px !important; |
627 } |
627 } |
628 div.toolbar li span { |
628 div.toolbar li span { |
629 padding-left: 4px; |
629 padding-left: 4px; |
630 padding-right: 2px; |
630 padding-right: 2px; |
631 position: relative; |
631 position: relative; |
632 top: 4px; |
632 top: 4px; |
633 } |
633 } |
634 |
634 |
635 /* vertical toolbar */ |
635 /* vertical toolbar */ |
636 div.toolbar_vert { |
636 div.toolbar_vert { |
637 border: 1px solid #82aae2; |
637 border: 1px solid #82aae2; |
638 background-color: #c9ddf8; |
638 background-color: #c9ddf8; |
639 padding: 2px 0; |
639 padding: 2px 0; |
640 } |
640 } |
641 div.toolbar_vert ul { |
641 div.toolbar_vert ul { |
642 margin: 0; |
642 margin: 0; |
643 padding: 0; |
643 padding: 0; |
644 } |
644 } |
645 div.toolbar_vert ul li { |
645 div.toolbar_vert ul li { |
646 list-style: none; |
646 list-style: none; |
647 margin: 0; |
647 margin: 0; |
648 } |
648 } |
649 div.toolbar_vert a img { |
649 div.toolbar_vert a img { |
650 opacity: 0.6; |
650 opacity: 0.6; |
651 /*filter: alpha(opacity=60);*/ |
651 /*filter: alpha(opacity=60);*/ |
652 } |
652 } |
653 div.toolbar_vert a:hover img { |
653 div.toolbar_vert a:hover img { |
654 opacity: 1; |
654 opacity: 1; |
655 /*filter: alpha(opacity=100);*/ |
655 /*filter: alpha(opacity=100);*/ |
656 } |
656 } |
657 div.toolbar_vert a { |
657 div.toolbar_vert a { |
658 display: block; |
658 display: block; |
659 padding: 2px; |
659 padding: 2px; |
660 border: 1px solid transparent; |
660 border: 1px solid transparent; |
661 cursor: default; |
661 cursor: default; |
662 width: auto; |
662 width: auto; |
663 color: #000000 !important; |
663 color: #000000 !important; |
664 margin: 0 2px; |
664 margin: 0 2px; |
665 max-height: 16px; |
665 max-height: 16px; |
666 text-decoration: none; |
666 text-decoration: none; |
667 } |
667 } |
668 div.toolbar_vert a:hover { |
668 div.toolbar_vert a:hover { |
669 border: 1px solid #202090; |
669 border: 1px solid #202090; |
670 background-color: #ceceed; |
670 background-color: #ceceed; |
671 color: #000000 !important; |
671 color: #000000 !important; |
672 text-decoration: none; |
672 text-decoration: none; |
673 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
673 background-image: url(../../oxygen/images/bleu/sprite-horiz.gif); |
674 background-position: 0 -118px; |
674 background-position: 0 -118px; |
675 } |
675 } |
676 div.toolbar_vert a:active { |
676 div.toolbar_vert a:active { |
677 border: 1px solid #A0A0A0; |
677 border: 1px solid #A0A0A0; |
678 background-color: #E0E0E0; |
678 background-color: #E0E0E0; |
679 } |
679 } |
680 div.toolbar_vert img { |
680 div.toolbar_vert img { |
681 margin: 0; |
681 margin: 0; |
682 padding: 0; |
682 padding: 0; |
683 display: inline; |
683 display: inline; |
684 border-width: 0px; |
684 border-width: 0px; |
685 } |
685 } |
686 div.toolbar_vert a span { |
686 div.toolbar_vert a span { |
687 position: relative; |
687 position: relative; |
688 top: -4px; |
688 top: -4px; |
689 } |
689 } |
690 div.toolbar_vert li span { |
690 div.toolbar_vert li span { |
691 padding-left: 2px; |
691 padding-left: 2px; |
692 padding-right: 5px; |
692 padding-right: 5px; |
693 } |
693 } |
694 |
694 |
695 div.toolbar_vert li > span { |
695 div.toolbar_vert li > span { |
696 display: block; |
696 display: block; |
697 padding: 4px 5px; |
697 padding: 4px 5px; |
698 } |
698 } |
699 |
699 |