|
1 |
|
2 body { |
|
3 |
|
4 background-color: #eee; |
|
5 color: #111; |
|
6 margin: 0px; |
|
7 padding: 0px; |
|
8 font-family: "DroidSans", "Trebuchet MS", sans-serif; |
|
9 line-height: 1.6em; |
|
10 font-size: 1.3em; |
|
11 |
|
12 } |
|
13 |
|
14 #head-container { |
|
15 |
|
16 display: block; |
|
17 position: relative; |
|
18 width: 100%; |
|
19 height: 90px; |
|
20 |
|
21 background: #111 url(../images/head.png) top left repeat-x; |
|
22 |
|
23 } |
|
24 |
|
25 #head { |
|
26 |
|
27 display: block; |
|
28 position: relative; |
|
29 width: 960px; |
|
30 height: 90px; |
|
31 margin: 0px auto; |
|
32 |
|
33 } |
|
34 |
|
35 #head #logo { |
|
36 |
|
37 display: block; |
|
38 position: absolute; |
|
39 left: 0px; |
|
40 bottom: 10px; |
|
41 width: 200px; |
|
42 height: 70px; |
|
43 |
|
44 } |
|
45 |
|
46 #head #logo a { |
|
47 |
|
48 display: block; |
|
49 position: relative; |
|
50 width: 200px; |
|
51 padding-left: 70px; |
|
52 height: 70px; |
|
53 background: url(../images/netzguerilla-3.png) 0px 0px no-repeat; |
|
54 text-decoration: none; |
|
55 |
|
56 } |
|
57 |
|
58 #head #logo a span { |
|
59 |
|
60 display: none; |
|
61 |
|
62 } |
|
63 |
|
64 #head #menu { |
|
65 |
|
66 display: block; |
|
67 position: absolute; |
|
68 right: 0px; |
|
69 bottom: 0px; |
|
70 margin: 0px; |
|
71 padding: 0px; |
|
72 |
|
73 } |
|
74 |
|
75 #head #menu li { |
|
76 |
|
77 display: inline-block; |
|
78 position: relative; |
|
79 margin: 0px; |
|
80 padding: 0px; |
|
81 |
|
82 } |
|
83 |
|
84 #head #menu li a { |
|
85 |
|
86 display: block; |
|
87 position: relative; |
|
88 |
|
89 color: #c03; |
|
90 text-decoration: none; |
|
91 text-transform: uppercase; |
|
92 padding: 0px 7px; |
|
93 background: #333 url(../images/fade-top.png) bottom left repeat-x; |
|
94 margin-left: 5px; |
|
95 font-size: .8em; |
|
96 font-weight: bold; |
|
97 |
|
98 -webkit-border-top-left-radius: 4px; |
|
99 -webkit-border-top-right-radius: 4px; |
|
100 -moz-border-radius-topleft: 4px; |
|
101 -moz-border-radius-topright: 4px; |
|
102 border-top-left-radius: 4px; |
|
103 border-top-right-radius: 4px; |
|
104 |
|
105 } |
|
106 |
|
107 #head #menu li a:hover { |
|
108 |
|
109 background: #c03 url(../images/fade-top.png) bottom left repeat-x; |
|
110 color: #fff; |
|
111 |
|
112 } |
|
113 |
|
114 #head #menu li a.active { |
|
115 |
|
116 background-color: #eee; |
|
117 background-image: none; |
|
118 color: #000; |
|
119 |
|
120 } |
|
121 |
|
122 #content-container { |
|
123 |
|
124 display: block; |
|
125 position: relative; |
|
126 |
|
127 } |
|
128 #content { |
|
129 |
|
130 padding: 20px 0px; |
|
131 |
|
132 } |
|
133 |
|
134 #main {} |
|
135 |
|
136 #main h2 { |
|
137 |
|
138 display: block; |
|
139 position: relative; |
|
140 color: #a01; |
|
141 font-size: 1.8em; |
|
142 line-height: 1.4em; |
|
143 margin-bottom: 15px; |
|
144 text-shadow: 0px 0px 5px #fff; |
|
145 |
|
146 } |
|
147 |
|
148 #main h3 { |
|
149 |
|
150 display: block; |
|
151 position: relative; |
|
152 color: #b02; |
|
153 font-size: 1.4em; |
|
154 line-height: 1.4em; |
|
155 margin: 10px 0px; |
|
156 |
|
157 } |
|
158 |
|
159 #main h4 { |
|
160 |
|
161 display: block; |
|
162 position: relative; |
|
163 color: #a01; |
|
164 font-size: 1.3em; |
|
165 line-height: 1.4em; |
|
166 margin: 10px 0px; |
|
167 |
|
168 } |
|
169 |
|
170 #main h5 { |
|
171 |
|
172 display: block; |
|
173 position: relative; |
|
174 color: #900; |
|
175 font-size: 1.2em; |
|
176 line-height: 1.4em; |
|
177 margin: 10px 0px; |
|
178 |
|
179 } |
|
180 |
|
181 #main .item { |
|
182 |
|
183 display: block; |
|
184 position: relative; |
|
185 |
|
186 padding: 30px 40px; |
|
187 |
|
188 border-radius: 15px; |
|
189 -o-border-radius: 15px; |
|
190 -moz-border-radius: 15px; |
|
191 -webkit-border-radius: 15px; |
|
192 |
|
193 -moz-box-shadow: 0px 0px 20px #eee; |
|
194 -o-box-shadow: 0px 0px 20px #eee; |
|
195 -webkit-box-shadow: 0px 0px 20px #eee; |
|
196 box-shadow: 0px 0px 20px #eee; |
|
197 |
|
198 background-color: #fff; |
|
199 margin-bottom: 20px; |
|
200 font-size: .9em; |
|
201 |
|
202 } |
|
203 |
|
204 #main .item p { |
|
205 |
|
206 margin: 5px 0px; |
|
207 |
|
208 } |
|
209 |
|
210 #main .item a { |
|
211 |
|
212 text-decoration: none; |
|
213 color: #b02; |
|
214 |
|
215 } |
|
216 |
|
217 #main .item ol { |
|
218 |
|
219 list-style-type: none; |
|
220 list-style-position: inside; |
|
221 |
|
222 } |
|
223 |
|
224 #main .item ol li { |
|
225 |
|
226 margin-left: 2em; |
|
227 |
|
228 } |
|
229 |
|
230 #main .item table { |
|
231 |
|
232 width: 100%; |
|
233 margin: 0px; |
|
234 |
|
235 -webkit-border-radius: 5px; |
|
236 -moz-border-radius: 5px; |
|
237 border-radius: 5px; |
|
238 |
|
239 -moz-box-shadow: 0px 0px 15px #ccc; |
|
240 -o-box-shadow: 0px 0px 15px #ccc; |
|
241 -webkit-box-shadow: 0px 0px 15px #ccc; |
|
242 box-shadow: 0px 0px 15px #ccc; |
|
243 |
|
244 |
|
245 } |
|
246 |
|
247 #main .item table.docs { |
|
248 |
|
249 font-size: .8em; |
|
250 |
|
251 } |
|
252 |
|
253 #main .item table.docs td { |
|
254 |
|
255 font-weight: bold; |
|
256 padding-right: 0.2em; |
|
257 min-width: 120px; |
|
258 |
|
259 } |
|
260 |
|
261 #main .item table.docs td+td { |
|
262 |
|
263 font-weight: normal; |
|
264 padding-right: 0.2em; |
|
265 min-width: 80px; |
|
266 |
|
267 } |
|
268 |
|
269 #main .item table.docs td+td+td { |
|
270 |
|
271 font-weight: normal; |
|
272 padding-right: 0em; |
|
273 white-space: normal; |
|
274 |
|
275 } |
|
276 |
|
277 #main .item table td { |
|
278 |
|
279 background-color: #eee; |
|
280 line-height: 1.7em; |
|
281 |
|
282 } |
|
283 |
|
284 #main .item table thead tr td { |
|
285 |
|
286 background-color: #c03; |
|
287 color: #fff; |
|
288 font-size: .8em; |
|
289 padding: 5px; |
|
290 |
|
291 } |
|
292 |
|
293 #main .item table tbody tr td { |
|
294 |
|
295 color: #222; |
|
296 vertical-align: top; |
|
297 |
|
298 } |
|
299 |
|
300 #main .item table tbody tr td.content { |
|
301 |
|
302 padding: 10px; |
|
303 font-size: .8em; |
|
304 |
|
305 } |
|
306 |
|
307 #main .item table tbody tr td.content strong.title { |
|
308 |
|
309 display: inline-block; |
|
310 position: relative; |
|
311 max-width: 140px; |
|
312 overflow: hidden; |
|
313 |
|
314 } |
|
315 |
|
316 #main .item table tbody tr td.content span.meta { |
|
317 |
|
318 display: block; |
|
319 position: relative; |
|
320 max-width: 140px; |
|
321 overflow: hidden; |
|
322 line-height: 1.4em; |
|
323 font-size: .8em; |
|
324 |
|
325 } |
|
326 |
|
327 #main .item table tbody tr td.content span.hate { |
|
328 |
|
329 display: block; |
|
330 position: relative; |
|
331 line-height: 1.4em; |
|
332 border: 1px solid #ccc; |
|
333 padding: 10px; |
|
334 text-align: justify; |
|
335 |
|
336 } |
|
337 #main .item table tbody tr:nth-child(odd) td { |
|
338 |
|
339 background-color: #f9f9f9; |
|
340 |
|
341 } |
|
342 |
|
343 #main .item table tbody tr:nth-child(even) td { |
|
344 |
|
345 background-color: #f6f6f6; |
|
346 |
|
347 } |
|
348 |
|
349 #main .item table tr td:first-child { |
|
350 |
|
351 padding-left: 5px; |
|
352 |
|
353 } |
|
354 |
|
355 #main .item table tr td:last-child { |
|
356 |
|
357 padding-right: 5px; |
|
358 |
|
359 } |
|
360 |
|
361 #main .item table tr td.controls { |
|
362 |
|
363 width: 80px; |
|
364 text-align: right; |
|
365 |
|
366 } |
|
367 |
|
368 #main .item table tr td.controls a { |
|
369 |
|
370 display: inline-block; |
|
371 width: 20px; |
|
372 height: 20px; |
|
373 overflow: hidden; |
|
374 text-indent: 30px; |
|
375 background-color: #eee; |
|
376 |
|
377 -moz-box-shadow: 0px 0px 5px #ccc; |
|
378 -o-box-shadow: 0px 0px 5px #ccc; |
|
379 -webkit-box-shadow: 0px 0px 5px #ccc; |
|
380 box-shadow: 0px 0px 5px #ccc; |
|
381 |
|
382 -webkit-border-radius: 3px; |
|
383 -moz-border-radius: 3px; |
|
384 border-radius: 3px; |
|
385 |
|
386 vertical-align: bottom; |
|
387 margin: 0px 0px 4px 2px; |
|
388 |
|
389 background-image: url(../images/icons/bug.png); |
|
390 background-position: center center; |
|
391 background-repeat: no-repeat; |
|
392 |
|
393 } |
|
394 |
|
395 #main .item table tr td.controls a:hover { |
|
396 |
|
397 background-color: #c03; |
|
398 |
|
399 } |
|
400 |
|
401 #main .item table tr td.controls a.edit { |
|
402 |
|
403 background-image: url(../images/icons/pencil.png); |
|
404 |
|
405 } |
|
406 |
|
407 #main .item table tr td.controls a.delete { |
|
408 |
|
409 background-image: url(../images/icons/bin.png); |
|
410 |
|
411 } |
|
412 |
|
413 #main .item table tr td.controls a.details { |
|
414 |
|
415 background-image: url(../images/icons/zoom.png); |
|
416 |
|
417 } |
|
418 |
|
419 #main .item table tr td.controls a.accept { |
|
420 |
|
421 background-image: url(../images/icons/accept.png); |
|
422 |
|
423 } |
|
424 |
|
425 /* round corners */ |
|
426 |
|
427 #main .item table thead tr:first-child td:first-child { |
|
428 |
|
429 -webkit-border-top-left-radius: 5px; |
|
430 -moz-border-radius-topleft: 5px; |
|
431 border-top-left-radius: 5px; |
|
432 |
|
433 } |
|
434 |
|
435 #main .item table thead tr:first-child td:last-child { |
|
436 |
|
437 -webkit-border-top-right-radius: 5px; |
|
438 -moz-border-radius-topright: 5px; |
|
439 border-top-right-radius: 5px; |
|
440 |
|
441 } |
|
442 |
|
443 #main .item table tbody tr:last-child td:first-child { |
|
444 |
|
445 -webkit-border-bottom-left-radius: 5px; |
|
446 -moz-border-radius-bottomleft: 5px; |
|
447 border-bottom-left-radius: 5px; |
|
448 |
|
449 } |
|
450 |
|
451 #main .item table tbody tr:last-child td:last-child { |
|
452 |
|
453 -webkit-border-bottom-right-radius: 5px; |
|
454 -moz-border-radius-bottomright: 5px; |
|
455 border-bottom-right-radius: 5px; |
|
456 |
|
457 } |
|
458 |
|
459 #main .item code.copyme { |
|
460 |
|
461 display: block; |
|
462 margin: 0px 0px 10px; |
|
463 padding: 10px; |
|
464 line-height: 1em; |
|
465 border: 1px solid #ccc; |
|
466 background-color: #eee; |
|
467 |
|
468 } |
|
469 |
|
470 /* main view */ |
|
471 |
|
472 #main .hate-pagination { |
|
473 |
|
474 display: block; |
|
475 position: relative; |
|
476 line-height: 1.2em; |
|
477 padding: 10px 0px; |
|
478 |
|
479 } |
|
480 |
|
481 #main .hate-pagination-back { |
|
482 |
|
483 display: block; |
|
484 position: relative; |
|
485 width: 300px; |
|
486 text-align: left; |
|
487 float: left; |
|
488 |
|
489 } |
|
490 |
|
491 #main .hate-pagination-forward { |
|
492 |
|
493 display: block; |
|
494 position: relative; |
|
495 width: 300px; |
|
496 text-align: right; |
|
497 float: right; |
|
498 |
|
499 } |
|
500 |
|
501 #main .ad-item { |
|
502 |
|
503 display: block; |
|
504 position: relative; |
|
505 border-bottom: 1px solid #ccc; |
|
506 line-height: 1.2em; |
|
507 padding: 20px 0px; |
|
508 text-align: center; |
|
509 |
|
510 } |
|
511 |
|
512 #main .hate-item { |
|
513 |
|
514 display: block; |
|
515 position: relative; |
|
516 border-bottom: 1px solid #ccc; |
|
517 line-height: 1.2em; |
|
518 padding: 10px 0px; |
|
519 |
|
520 } |
|
521 |
|
522 #main .hate-item .hate-item-icon { |
|
523 |
|
524 display: block; |
|
525 position: relative; |
|
526 width: 48px; |
|
527 padding: 5px 0px 5px 10px; |
|
528 float: left; |
|
529 |
|
530 } |
|
531 |
|
532 #main .hate-item .hate-item-main { |
|
533 |
|
534 display: block; |
|
535 position: relative; |
|
536 width: 550px; |
|
537 float: right; |
|
538 |
|
539 } |
|
540 |
|
541 #main .hate-item .hate-item-author { |
|
542 |
|
543 display: block; |
|
544 position: relative; |
|
545 font-size: .8em; |
|
546 font-weight: bold; |
|
547 color: #222; |
|
548 |
|
549 } |
|
550 |
|
551 #main .hate-item .hate-item-author a { |
|
552 |
|
553 color: #222; |
|
554 |
|
555 } |
|
556 |
|
557 #main .hate-item .hate-item-content { |
|
558 |
|
559 display: block; |
|
560 position: relative; |
|
561 font-size: .8em; |
|
562 font-weight: normal; |
|
563 color: #444; |
|
564 |
|
565 } |
|
566 |
|
567 #main .hate-item .hate-item-meta { |
|
568 |
|
569 display: block; |
|
570 position: relative; |
|
571 font-size: .6em; |
|
572 color: #666; |
|
573 |
|
574 } |
|
575 |
|
576 #main .hate-item .hate-item-meta a { |
|
577 |
|
578 color: #666; |
|
579 |
|
580 } |
|
581 |
|
582 #main .hate-item .hate-item-meta a.facepalm { |
|
583 |
|
584 display: inline-block; |
|
585 padding-left: 20px; |
|
586 line-height: 16px; |
|
587 background: url(../images/icons/facepalm.png) top left no-repeat; |
|
588 |
|
589 } |
|
590 |
|
591 #main .hate-item:hover .hate-item-meta a.facepalm { |
|
592 |
|
593 background: url(../images/icons/facepalm-hl.png) top left no-repeat; |
|
594 |
|
595 } |
|
596 |
|
597 #main .hate-item .hate-item-meta span.godwin { |
|
598 |
|
599 display: inline-block; |
|
600 padding-left: 20px; |
|
601 line-height: 16px; |
|
602 background: url(../images/icons/godwinbonus.png) top left no-repeat; |
|
603 |
|
604 } |
|
605 |
|
606 #main .hate-item:hover { |
|
607 |
|
608 background-color: #fce; |
|
609 |
|
610 } |
|
611 |
|
612 #main .hate-item:hover a { |
|
613 |
|
614 color: #c03; |
|
615 |
|
616 } |
|
617 |
|
618 #main .hate-detail { |
|
619 |
|
620 display: block; |
|
621 position: relative; |
|
622 border-bottom: 1px solid #ccc; |
|
623 line-height: 1.2em; |
|
624 padding: 10px 0px; |
|
625 |
|
626 } |
|
627 |
|
628 #main .hate-detail .hate-item-icon { |
|
629 |
|
630 display: block; |
|
631 position: relative; |
|
632 width: 48px; |
|
633 padding: 5px 0px; |
|
634 float: left; |
|
635 |
|
636 } |
|
637 |
|
638 #main .hate-detail .hate-item-main { |
|
639 |
|
640 display: block; |
|
641 position: relative; |
|
642 |
|
643 } |
|
644 |
|
645 #main .hate-detail .hate-item-author { |
|
646 |
|
647 display: block; |
|
648 position: relative; |
|
649 font-size: 1.2em; |
|
650 line-height: 50px; |
|
651 font-weight: bold; |
|
652 color: #222; |
|
653 width: 560px; |
|
654 float: right; |
|
655 |
|
656 } |
|
657 |
|
658 #main .hate-detail .hate-item-content { |
|
659 |
|
660 display: block; |
|
661 position: relative; |
|
662 font-size: 1.2em; |
|
663 line-height: 1.4em; |
|
664 font-weight: normal; |
|
665 color: #444; |
|
666 padding: 10px 0px; |
|
667 |
|
668 } |
|
669 |
|
670 #main .hate-detail .hate-item-meta { |
|
671 |
|
672 display: block; |
|
673 position: relative; |
|
674 font-size: .8em; |
|
675 color: #666; |
|
676 |
|
677 } |
|
678 |
|
679 #main .hate-detail .hate-item-meta a { |
|
680 |
|
681 color: #666; |
|
682 |
|
683 } |
|
684 |
|
685 #main .hate-detail .hate-item-meta a.facepalm { |
|
686 |
|
687 display: inline-block; |
|
688 padding-left: 20px; |
|
689 line-height: 16px; |
|
690 background: url(../images/icons/facepalm.png) top left no-repeat; |
|
691 |
|
692 } |
|
693 |
|
694 #main .hate-detail:hover .hate-item-meta a.facepalm { |
|
695 |
|
696 background: url(../images/icons/facepalm-hl.png) top left no-repeat; |
|
697 |
|
698 } |
|
699 |
|
700 #main .hate-detail .hate-item-meta span.godwin { |
|
701 |
|
702 display: inline-block; |
|
703 padding-left: 20px; |
|
704 line-height: 16px; |
|
705 background: url(../images/icons/godwinbonus.png) top left no-repeat; |
|
706 |
|
707 } |
|
708 |
|
709 |
|
710 /* special stuff */ |
|
711 |
|
712 #main span.redacted { |
|
713 |
|
714 display: inline-block; |
|
715 background-color: #333; |
|
716 color: #c03; |
|
717 line-height: 1.1em; |
|
718 padding: 0px 5px; |
|
719 |
|
720 } |
|
721 |
|
722 #main code.apikey { |
|
723 |
|
724 font-size: 1.1em; |
|
725 background-color: #a01; |
|
726 color: #fff; |
|
727 display: inline-block; |
|
728 padding: 0px 5px; |
|
729 |
|
730 } |
|
731 |
|
732 #main a.bookmarklet { |
|
733 |
|
734 font-size: 1.4em; |
|
735 background-color: #ccc; |
|
736 color: #666; |
|
737 border: 1px solid #666; |
|
738 display: inline-block; |
|
739 padding: 5px 10px; |
|
740 |
|
741 -webkit-border-radius: 10px; |
|
742 -moz-border-radius: 10px; |
|
743 border-radius: 10px; |
|
744 |
|
745 } |
|
746 |
|
747 #main form input[type=text], |
|
748 #main form input[type=password] { |
|
749 |
|
750 display: block; |
|
751 position: relative; |
|
752 border: 1px solid #999; |
|
753 font-size: .9em; |
|
754 padding: 3px; |
|
755 |
|
756 border-radius: 5px; |
|
757 -o-border-radius: 5px; |
|
758 -moz-border-radius: 5px; |
|
759 -webkit-border-radius: 5px; |
|
760 |
|
761 } |
|
762 |
|
763 #main form input[type=submit] { |
|
764 |
|
765 display: block; |
|
766 position: relative; |
|
767 border: 1px solid #ccc; |
|
768 color: #111; |
|
769 font-size: .9em; |
|
770 padding: 2px; |
|
771 |
|
772 border-radius: 5px; |
|
773 -o-border-radius: 5px; |
|
774 -moz-border-radius: 5px; |
|
775 -webkit-border-radius: 5px; |
|
776 |
|
777 |
|
778 } |
|
779 |
|
780 #main form span.input { |
|
781 |
|
782 display: inline-block; |
|
783 position: relative; |
|
784 border: 1px solid #999; |
|
785 font-size: .9em; |
|
786 padding: 0px 2px; |
|
787 background-color: #fff; |
|
788 border-radius: 5px; |
|
789 -o-border-radius: 5px; |
|
790 -moz-border-radius: 5px; |
|
791 -webkit-border-radius: 5px; |
|
792 |
|
793 |
|
794 } |
|
795 |
|
796 #main form span.input input[type=text] { |
|
797 |
|
798 display: inline-block; |
|
799 position: relative; |
|
800 border-width: 0px; |
|
801 font-size: 1em; |
|
802 padding: 0px; |
|
803 background-color: #fff; |
|
804 |
|
805 } |
|
806 |
|
807 #main form span.input input[type=text].right { |
|
808 |
|
809 text-align: right; |
|
810 |
|
811 } |
|
812 |
|
813 #main form span.input input.size-2 { |
|
814 |
|
815 width: 1.5em !important; |
|
816 |
|
817 } |
|
818 |
|
819 #main form span.input input.size-4 { |
|
820 |
|
821 width: 2.5em !important; |
|
822 |
|
823 } |
|
824 |
|
825 #main form label { |
|
826 |
|
827 display: block; |
|
828 position: relative; |
|
829 font-size: .75em; |
|
830 color: #666; |
|
831 |
|
832 } |
|
833 |
|
834 #main form textarea { |
|
835 |
|
836 display: block; |
|
837 position: relative; |
|
838 border: 1px solid #999; |
|
839 font-size: .9em; |
|
840 font-family: sans-serif; |
|
841 padding: 3px; |
|
842 |
|
843 border-radius: 5px; |
|
844 -o-border-radius: 5px; |
|
845 -moz-border-radius: 5px; |
|
846 -webkit-border-radius: 5px; |
|
847 |
|
848 } |
|
849 |
|
850 |
|
851 #main form fieldset { |
|
852 |
|
853 border: 1px solid #ccc; |
|
854 padding: 5px; |
|
855 margin: 5px 0px; |
|
856 |
|
857 } |
|
858 |
|
859 #main form fieldset legend { |
|
860 |
|
861 font-size: .75em; |
|
862 color: #666; |
|
863 |
|
864 } |
|
865 |
|
866 #sidebar {} |
|
867 |
|
868 #sidebar h3 { |
|
869 |
|
870 display: block; |
|
871 position: relative; |
|
872 color: #fff; |
|
873 font-size: 1.2em; |
|
874 line-height: 1.4em; |
|
875 margin: 5px 0px; |
|
876 |
|
877 } |
|
878 |
|
879 #sidebar .item { |
|
880 |
|
881 display: block; |
|
882 position: relative; |
|
883 |
|
884 padding: 0px 10px; |
|
885 |
|
886 border-radius: 10px; |
|
887 -o-border-radius: 10px; |
|
888 -moz-border-radius: 10px; |
|
889 -webkit-border-radius: 10px; |
|
890 |
|
891 -moz-box-shadow: 0px 0px 20px #eee; |
|
892 -o-box-shadow: 0px 0px 20px #eee; |
|
893 -webkit-box-shadow: 0px 0px 20px #eee; |
|
894 box-shadow: 0px 0px 20px #eee; |
|
895 |
|
896 background-color: #333; |
|
897 margin-bottom: 20px; |
|
898 font-size: .8em; |
|
899 |
|
900 } |
|
901 |
|
902 #sidebar .center { |
|
903 |
|
904 text-align: center; |
|
905 |
|
906 } |
|
907 |
|
908 #sidebar .counter-item .content { |
|
909 |
|
910 font-size: 3em; |
|
911 color: #c03; |
|
912 font-weight: bold; |
|
913 line-height: 1em; |
|
914 padding-bottom: 5px; |
|
915 text-align: center; |
|
916 |
|
917 } |
|
918 |
|
919 #sidebar .submenu-item { |
|
920 |
|
921 background-color: #ddd; |
|
922 |
|
923 } |
|
924 |
|
925 #sidebar .submenu-item ul {} |
|
926 |
|
927 #sidebar .submenu-item ul li {} |
|
928 |
|
929 #sidebar .submenu-item ul li+li { |
|
930 |
|
931 border-top: 1px dotted #999; |
|
932 |
|
933 } |
|
934 |
|
935 #sidebar .submenu-item ul a { |
|
936 |
|
937 color: #c03; |
|
938 text-decoration: none; |
|
939 text-transform: uppercase; |
|
940 |
|
941 } |
|
942 |
|
943 #sidebar .submenu-item ul a:hover { |
|
944 |
|
945 color: #a01; |
|
946 |
|
947 } |
|
948 |
|
949 #foot-container { |
|
950 |
|
951 display: block; |
|
952 position: relative; |
|
953 background: #222; |
|
954 color: #ddd; |
|
955 |
|
956 } |
|
957 |
|
958 #foot { |
|
959 |
|
960 display: block; |
|
961 position: relative; |
|
962 width: 960px; |
|
963 margin: 0px auto; |
|
964 padding: 20px; |
|
965 font-size: .8em; |
|
966 |
|
967 } |
|
968 |
|
969 #foot a { |
|
970 |
|
971 text-decoration: none; |
|
972 color: #c03; |
|
973 |
|
974 } |
|
975 |