New CTP map. Accident by morphed.
[divverent/nexuiz.git] / Docs / htmlfiles / style.css
1 body {\r
2 background:#000 url('img/background.jpg') 0 0 repeat-x;\r
3 text-align:center;\r
4 margin:0;\r
5 padding:0;\r
6 font-family:verdana,arial,tahoma, sans serif;\r
7 font-size:0;\r
8 }\r
9 a {\r
10 color:#bbb;\r
11 }\r
12 a:hover {\r
13 text-decoration:none;\r
14 }\r
15 #container {\r
16 width:978px;\r
17 text-align:left;\r
18 margin-left:auto;\r
19 margin-right:auto;\r
20 margin-top:16px;\r
21 }\r
22 #left { float:left; width:201px; }\r
23 #right { float:right; margin:0 4px 5px 0; }\r
24 #logo {\r
25 width:201px;\r
26 height:193px;\r
27 }\r
28 #header {\r
29 width:766px;\r
30 height:114px;\r
31 }\r
32 #menu {\r
33 background:url('img/menu_bg.jpg') 0 0 no-repeat;\r
34 width:766px;\r
35 height:30px;\r
36 font-size:15px;\r
37 }\r
38 #menu span {\r
39 color:#89ABE5;\r
40 font-weight:bold;\r
41 }\r
42 #menu ul {\r
43 list-style:none;\r
44 margin:0;\r
45 padding:5px 0 0 8px;\r
46 }\r
47 #menu li {\r
48 background:url('img/menu_div.jpg') 0 3px no-repeat;\r
49 display:inline;\r
50 padding:0 1px 0 9px;\r
51 margin:0;\r
52 }\r
53 #menu li.first {\r
54 background:none;\r
55 padding-left:2px;\r
56 }\r
57 #menu a, #news a, #ninja a {\r
58 color:#fff;\r
59 text-decoration:none;\r
60 font-weight:bold;\r
61 }\r
62 #menu a:hover, #news a:hover {\r
63 color:#999;\r
64 }\r
65 #tagline {\r
66 padding:10px 0 0 0;\r
67 font-size:16px;\r
68 margin:0;\r
69 color:#848690;\r
70 text-align:center;\r
71 }\r
72 #content {\r
73 background:url('img/body_bg.jpg') 0 0 no-repeat;\r
74 width:746px;\r
75 min-height:520px;\r
76 height:auto !important;\r
77 height:520px;\r
78 padding:12px 10px 10px 10px;\r
79 margin-top:10px;\r
80 text-align:center;\r
81 }\r
82 #content h1 {\r
83 font-size:18px;\r
84 margin:3px 0 3px 0;\r
85 padding:0;\r
86 color:#B0C7ED;\r
87 text-align:left;\r
88 }\r
89 #content h1 a {\r
90 color:#eee;\r
91 text-decoration:none;\r
92 }\r
93 #content h1 a:hover {\r
94 color:#bbb;\r
95 text-decoration:underline;\r
96 }\r
97 #content h2 {\r
98 font-size:15px;\r
99 margin:2px 0 2px 0;\r
100 padding:0;\r
101 color:#aaa;\r
102 text-align:left;\r
103 }\r
104 #content form h2 {\r
105 margin-bottom:-10px;\r
106 }\r
107 #content h2 a {\r
108 color:#ccc;\r
109 text-decoration:none;\r
110 }\r
111 #content h2 a:hover {\r
112 color:#aaa;\r
113 text-decoration:underline;\r
114 }\r
115 #content h3 {\r
116 text-align:left;\r
117 font-size:15px;\r
118 }\r
119 #content p {\r
120 text-align:left;\r
121 color:#999;\r
122 font-size:15px;\r
123 }\r
124 #content ul {\r
125 margin:0 0 15px 0;\r
126 padding:0 0 0 6px;\r
127 font-size:12px;\r
128 color:#888;\r
129 text-align:left;\r
130 list-style:none;\r
131 }\r
132 #content ol {\r
133 margin:0 0 15px 0;\r
134 padding:0 0 0 6px;\r
135 font-size:12px;\r
136 color:#888;\r
137 text-align:left;\r
138 }\r
139 #content table {\r
140 font-size:13px;\r
141 color:#777;\r
142 border:1px solid #333;\r
143 }\r
144 #content table p {\r
145 padding:0;\r
146 margin:0;\r
147 font-size:11px;\r
148 }\r
149 #content th {\r
150 background-color:#444;\r
151 color:#fff;\r
152 }\r
153 #content td {\r
154 border:1px solid #222;\r
155 text-align:left;\r
156 margin:0;\r
157 padding:2px;\r
158 }\r
159 #content input, #content textarea {\r
160 background-color:#111;\r
161 border:1px solid #666;\r
162 color:#ccc;\r
163 }\r
164 #content pre {\r
165 text-align:left;\r
166 font-size:12px;\r
167 color:#999;\r
168 }\r
169 #content .copyBox {\r
170 background-color:#111;\r
171 color:#666;\r
172 width:600px;\r
173 height:50px;\r
174 border:1px solid #444;\r
175 overflow:hidden;\r
176 margin:3px 3px 20px 3px;\r
177 }\r
178 #content .description {\r
179 padding:0;margin:0 0 10px 0;font-size:12px;color:#555;\r
180 }\r
181 #content .comment {\r
182 padding-bottom:16px;\r
183 }\r
184 #content .comment a {\r
185 color:#ccc;\r
186 }\r
187 #content .comment a:hover {\r
188 color:#fff;\r
189 }\r
190 #videoContainer {\r
191 padding-top:10px;\r
192 }\r
193 #videoContainer p {\r
194 font-size:10px;\r
195 text-align:center;\r
196 color:#666;\r
197 margin:10px 0 0 0;\r
198 padding:0;\r
199 }\r
200 #videoContainer a {\r
201 color:#3256AE;\r
202 text-decoration:none;\r
203 }\r
204 #videoContainer a:hover {\r
205 text-decoration:underline;\r
206 }\r
207 #content a#see_more {\r
208         background: url('img/see_more.jpg') 0 0 no-repeat;\r
209         display: block;\r
210         height:120px;\r
211         width:150px;\r
212         float:left;\r
213         margin-top:20px;\r
214         text-decoration:none;\r
215 }\r
216 #content a:hover#see_more {\r
217         background-position: -150px 0;\r
218 }\r
219 #content .screenshot {\r
220 margin:2px;\r
221 }\r
222 #content a:hover {background: transparent;}\r
223 #content a img {\r
224 border: 2px solid #333;\r
225 }\r
226 #content a:hover img,\r
227 #content a:active img {\r
228 border: 2px solid #ccc;\r
229\r
230 #sidebar {\r
231 background:url('img/sidebar_bg.jpg') 0 0 no-repeat;\r
232 width:166px;\r
233 height:560px;\r
234 margin:10px 0 0 8px;\r
235 padding:8px;\r
236 text-align:center;\r
237 }\r
238 /* ie fix */\r
239 #sidebar a {\r
240 text-decoration:none;\r
241 }\r
242 .imgHeader {\r
243 margin-top:14px;\r
244 margin-bottom:5px;\r
245 }\r
246 .imgButton {\r
247 margin-left:-2px;\r
248 margin-bottom:3px;\r
249 }\r
250 #news {\r
251 min-height:100px;\r
252 height:auto !important;\r
253 height:100px;\r
254 }\r
255 .newsPost {\r
256 margin:0 0 12px 0;\r
257 }\r
258 #news h1 {\r
259 font-size:12px;\r
260 text-align:left;\r
261 padding:0;\r
262 margin:0;\r
263 }\r
264 #news h1 a {\r
265 color:#babecc;\r
266 }\r
267 #news h1 a:hover {\r
268 color:#808491;\r
269 }\r
270 #news p {\r
271 color:#abaeb9;\r
272 font-size:9px;\r
273 text-align:right;\r
274 padding:0;\r
275 margin:5px 3px 0 0;\r
276 }\r
277 #sidebar h2.page {\r
278 text-align:right;\r
279 padding:0;\r
280 margin:0;\r
281 }\r
282 #sidebar h2 a {\r
283 color:#667;\r
284 font-size:11px;\r
285 }\r
286 #sidebar h2 a:hover {\r
287 color:#556;\r
288 }\r
289 #footer {\r
290 background:url('img/footer_bg.jpg') 0 0 no-repeat;\r
291 width:766px;\r
292 height:30px;\r
293 font-size:10px;\r
294 margin-bottom:5px;\r
295 }\r
296 #footer span {\r
297 color:#89ABE5;\r
298 font-weight:bold;\r
299 }\r
300 #footer ul a {\r
301 color:#888;\r
302 text-decoration:none;\r
303 font-weight:bold;\r
304 }\r
305 #footer a:hover {\r
306 color:#ccc;\r
307 }\r
308 #footer ul {\r
309 list-style:none;\r
310 padding:8px 0 0 10px;\r
311 margin:0;\r
312 }\r
313 #footer li {\r
314 display:inline;\r
315 border-left:1px solid #777;\r
316 padding:0 2px 0 6px;\r
317 }\r
318 #footer li.first {\r
319 border:none;\r
320 }\r
321 #ninja {\r
322 float:right;\r
323 padding:7px 10px 0 0;\r
324 margin:0;\r
325 color:#888;\r
326 font-weight:bold;\r
327 }\r
328 #ninja a:hover {\r
329 color:#777;\r
330 }\r
331 .subFooter {\r
332 color:#555;\r
333 font-size:11px;\r
334 text-align:center;\r
335 margin:0 0 12px 0;\r
336 padding:0;\r
337 clear:left;\r
338 }\r
339 .subFooter a {\r
340 color:#777;\r
341 text-decoration:none;\r
342 }\r
343 .subFooter a:hover {\r
344 text-decoration:underline;\r
345 }\r
346 form {\r
347 padding:0;\r
348 margin:0;\r
349 }\r
350 \r
351 #sidebar a#download_nexuiz, #sidebar a#download_q3_mappack {\r
352         display: block;\r
353         margin-left:-2px;\r
354         margin-bottom:3px;\r
355         height:43px;\r
356         width:171px;\r
357 }\r
358 #sidebar a#download_nexuiz {\r
359         background: url('img/download_nexuiz.jpg') 0 0 no-repeat;\r
360 }\r
361 #sidebar a#download_q3_mappack {\r
362         background: url('img/download_q3_mappack.jpg') 0 0 no-repeat;\r
363 }\r
364 #sidebar a:hover#download_nexuiz, #sidebar a:hover#download_q3_mappack {\r
365         background-position: -171px 0;\r
366 }\r
367 \r
368 #sidebar a#donate {\r
369         background: url('img/donate_button.jpg') 0 0 no-repeat;\r
370         display: block;\r
371         height:43px;\r
372         width:166px;\r
373         margin-bottom:3px;\r
374 }\r
375 #sidebar a:hover#donate {\r
376         background-position: -166px 0;\r
377 }\r
378 \r
379 #sidebar a#alien_trap {\r
380         background: url('img/alien_trap_logo.jpg') 0 0 no-repeat;\r
381         display: block;\r
382         height:184px;\r
383         width:152px;\r
384         margin-left:auto;\r
385         margin-right:auto;\r
386 }\r
387 #sidebar a:hover#alien_trap {\r
388         background-position: -152px 0;\r
389 }\r
390 \r
391 #valid a#valid_css, #valid a#valid_xhtml {\r
392         display: block;\r
393         height:14px;\r
394         width:80px;\r
395         margin-left:auto;\r
396         margin-right:auto;\r
397 }\r
398 \r
399 #valid {\r
400         position:relative;\r
401         margin:5px 0;\r
402         height:14px;\r
403 }\r
404 #valid a#valid_css {\r
405         position:absolute;\r
406         left:4px;\r
407         background: url('img/css.png') 0 0 no-repeat;\r
408         text-decoration:none;\r
409 }\r
410 #valid a#valid_xhtml {\r
411         position:absolute;\r
412         left:86px;\r
413         background: url('img/xhtml10.png') 0 0 no-repeat;\r
414         text-decoration:none;\r
415 }\r
416 #valid a:hover#valid_css, #valid a:hover#valid_xhtml {\r
417         background-position: -80px 0;\r
418 }\r
419 #valid p {\r
420 text-align:right;\r
421 color:#444;\r
422 font-size:10px;\r
423 margin:-2px 10px 0 0;\r
424 padding:0;\r
425 }\r
426 \r
427 #faq h1 { margin-top:10px; }\r
428 #faq h1 a { color:#cff; }\r