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