File: styles_1.css - Tab length: 1 2 4 8 - Lines: on off - No wrap: on off

001: *
002: {
003:  font-family: Verdana;
004: }
005: 
006: .clear
007: {
008:  clear: both;
009: }
010: 
011: body
012: {
013:  font-size: 8pt;
014:  padding: 0px;
015:  margin: 0px;
016:  background-color: #036;
017: }
018: 
019: .body
020: {
021:  /* for ie6 */
022:  width:expression(document.body.clientWidth > 1000 ? "1000px": "auto" );
023:  max-width: 1000px;
024:  background-color: #F5F5F5;
025:  margin: auto;
026:  border-left: 2px solid black;
027:  border-right: 2px solid black;
028: }
029: 
030: 
031: .header
032: {
033:  background-color: #036;
034:  padding: 1px 0px 0px 0px;
035:  margin-bottom: 10px;
036:  border-bottom: 1px solid #f5f5f5;
037:  background-image: url('fondHeader.png');
038: }
039: 
040: .footer
041: {
042:  background-color: #BFD3EE;
043:  padding-bottom: 2px;
044:  border-bottom: 4px solid #036;
045: }
046: 
047: .pubFooter
048: {
049:  text-align: center;
050:  margin: 4px;
051: }
052: 
053: .header img
054: {
055:  vertical-align: middle;
056: }
057: 
058: .boo
059: {
060:  position: absolute;
061:  margin: 0px;
062:  padding: 0px;
063:  top: 12px;
064: }
065: 
066: 
067: .pub
068: {
069:  float: right;
070:  margin-top: 12px;
071:  padding-right: 4px;
072: }
073: 
074: h1
075: {
076:  color: white;
077:  font-style: italic;
078:  margin-bottom: 4px;
079:  padding-bottom: 8px;
080:  padding-left: 70px;
081: }
082: 
083: h2
084: {
085:  font-style: italic;
086:  font-size: 10pt;
087:  color: White;
088: }
089: 
090: h2.arrow
091: {
092:  padding-left: 24px;
093:  margin-top: 4px;
094:  margin-bottom: 7px;
095:  background-color: #147;
096:  background-image: url(h2round.png);
097:  background-repeat: no-repeat;
098: }
099: 
100: .selAll
101: {
102:  font-size: 80%;
103:  font-weight: bold;
104:  cursor: pointer;
105: }
106: 
107: #tooltip
108: {
109:  position:absolute;
110:  background: #FFFFCF;
111:  color: black;
112:  font-size: 11px;
113:  padding: 2px;
114: }
115: 
116: #tooltipSave
117: {
118:  position:absolute;
119:  background: #FFFFCF;
120:  color: black;
121:  font-size: 11px;
122:  padding: 2px 2px 2px 18px;
123:  font-weight: bold;
124:  background-image: url(save.png);
125:  background-position: 4px 4px;
126:  background-repeat: no-repeat;
127: }
128: 
129: .subTitle
130: {
131:  padding: 2px 2px 2px 90px;
132:  background-color: white;
133:  background-image: url(fondSubHeader.png);
134:  border-bottom: 1px solid #333;
135:  border-top: 2px solid #000;
136:  font-weight: bold;
137: }
138: 
139: .linkProfile
140: {
141:  background-image: url('profil.png');
142: }
143: 
144: .linkAdmin
145: {
146:  background-image: url('gear.png');
147: }
148: 
149: .linkNews
150: {
151:  background-image: url('newspaper.png');
152: }
153: 
154: .linkyN
155: {
156:  background-image: url('yNicon.png');
157: }
158: 
159: .linkHisto
160: {
161:  background-image: url('histo.png');
162: }
163: 
164: .linkDelog
165: {
166:  background-image: url('deco.gif');
167: }
168: 
169: .linkProfile, .linkDelog, .linkAdmin, .linkNews, .linkHisto, .linkyN
170: {
171:  background-repeat: no-repeat;
172:  background-position: 2px 0px;
173:  padding-left: 20px;
174:  margin-right: 8px;
175: }
176: 
177: .heure
178: {
179:  color: #999;
180: }
181: 
182: .logMenu
183: {
184:  float: right;
185: }
186: .logMenu img
187: {
188: }
189: 
190: .mbLinks
191: {
192:  margin: 6px 4px 0px 4px;
193: }
194: 
195: .mbLinks .insc
196: {
197:  background-image: url(user.png);
198:  background-repeat: no-repeat;
199:  padding-left: 20px;
200: }
201: 
202: .mbLinks .lost
203: {
204:  background-image: url(lostPwd.png);
205:  background-repeat: no-repeat;
206:  padding-left: 20px;
207: }
208: 
209: .mbLinks .yn
210: {
211:  background-image: url(yNicon.png);
212:  background-repeat: no-repeat;
213:  padding-left: 20px;
214: }
215: 
216: #copy
217: {
218:  padding: 2px;
219:  background-color: white;
220:  font-weight: bold;
221:  font-style: italic;
222:  border-top: 2px solid black;
223:  border-bottom: 1px solid #333;
224:  text-align: right;
225: }
226: 
227: #copy img
228: {
229:  vertical-align: middle;
230: }
231: 
232: a
233: {
234:  text-decoration: none;
235:  color: #036;
236:  font-weight: bold;
237: }
238: 
239: .help
240: {
241:  padding: 2px 20px;
242:  background-color: #FFFFE1;
243:  border-bottom: 1px solid #9D9DA1;
244:  background-image: url('help.png');
245:  background-repeat: no-repeat;
246:  background-position: 3px 2px;
247: }
248: 
249: .messageTitle
250: {
251:  display: block;
252:  font-weight: bold;
253:  font-size: 18px;
254:  margin: 0px 6px 14px 6px;
255:  border-bottom: 2px solid #7396B9;
256: }
257: 
258: .message, .messageMisc, .messageError, .messageNews
259: {
260:  border-top: 1px dashed #333;
261:  border-bottom: 1px dashed #333;
262:  border-left: 5px solid #369;
263:  margin: 10px;
264:  padding: 6px 6px 6px 44px;
265:  font-size: 12px;
266:  background-color: #fdfdfd;
267:  background-position: 6px 6px;
268:  min-height: 32px;
269: }
270: 
271: .message
272: {
273:  background-image: url(info.png);
274:  background-repeat: no-repeat;
275: }
276: .messageMisc
277: {
278:  background-image: url(misc.png);
279:  background-repeat: no-repeat;
280: }
281: .messageError
282: {
283:  background-image: url(error.png);
284:  background-repeat: no-repeat;
285:  border-left: 5px solid #D80000;
286: }
287: .messageNews
288: {
289:  background-image: url(news.png);
290:  background-repeat: no-repeat;
291: }
292: .messageError .messageTitle
293: {
294:  border-bottom: 2px solid #D80000;
295: }
296: 
297: .warn
298: {
299:  background-color: #FFEEEE;
300:  border: 1px solid #DD9999;
301:  padding: 4px;
302:  margin: 4px;
303: }
304: 
305: #refreshOpt, #orderOpt
306: {
307:  margin-right: 10px;
308: }
309: 
310: #refreshOpt, #orderOpt, #tbSearch, #filterFeed
311: {
312:  margin: 3px 0px;
313: }
314: 
315: #tbSearch
316: {
317:  font-size: 7pt;
318:  border: 1px solid #aaa;
319: }
320: 
321: #filterFeed
322: {
323:  font-size: 7pt;
324: }
325: 
326: #pageContent
327: {
328:  clear: both;
329:  padding: 0px 4px 4px 4px;
330: }
331: 
332: #navOptions
333: {
334:  margin: 4px;
335: }
336: 
337: #roller
338: {
339:  display: none;
340:  position: absolute;
341:  top: 0px;
342:  background-color: white;
343:  border: 1px solid #06389A;
344:  margin-left: 4px;
345:  padding: 2px;
346: }
347: 
348: img
349: {
350:  border: 0px;
351: }
352: 
353: #newsContent
354: {
355:  clear: both;
356:  padding-top: 4px;
357: }
358: 
359: #newsList
360: {
361:  width: 82%;
362: }
363: 
364: #colRight
365: {
366:  float: right;
367:  width: 17%;
368:  margin-right: 2px;
369: }
370: 
371: #keysHelp
372: {
373:  background-color: #fdfdfd;
374:  padding: 4px;
375: }
376: 
377: #khTitle, #menuTitle
378: {
379:  display: block;
380:  padding: 3px;
381:  text-align: center;
382:  font-weight: bold;
383:  border-bottom: 1px solid #666;
384:  margin-bottom: 4px;
385: }
386: 
387: #khTitle
388: {
389:  background-image: url('help.png');
390:  background-repeat: no-repeat;
391:  background-position: 3px 2px;
392: }
393: 
394: 
395: #cloud
396: {
397:  padding: 4px;
398:  margin-top: 10px;
399:  background-color: #fdfdfd;
400:  background-image: url(cloud.png);
401:  background-repeat: no-repeat;
402:  background-position: top right;
403: }
404: 
405: #cloud a
406: {
407:  font-weight: normal;
408:  padding-right: 4px;
409:  padding-left: 4px;
410: }
411: 
412: #cloud a:hover
413: {
414:  text-decoration: underline;
415: }
416: #cloud .cloudAll
417: {
418:  display:block;
419:  border-bottom: 1px solid #666;
420:  margin-bottom: 4px;
421:  text-align: center;
422:  padding-bottom: 2px;
423: }
424: 
425: #cloud .cloudAll a
426: {
427:  font-weight: bold;
428: }
429: 
430: input[type='text']:focus, input[type='password']:focus
431: {
432:  background-color: #FFFFDF;
433: }
434: .newsItem0, .newsItem1
435: {
436:  border-left: 10px solid #ddd;
437:  padding: 4px 6px;
438:  background-color: #fdfdfd;
439: }
440: 
441: .topic
442: {
443:  display: block;
444:  border-top: 1px solid #999;
445:  border-right: 1px solid #999;
446:  padding: 6px 6px 6px 16px;
447:  background-color: #fdfdfd;
448:  color: Black;
449:  background-image: url(fond_topic.gif);
450:  background-repeat: repeat-y;
451:  font-size: 10pt;
452: }
453: 
454: .topic .title
455: {
456:  margin-left: 4px;
457: }
458: 
459: .topic img
460: {
461:  vertical-align: middle;
462: }
463: 
464: .topic .infos
465: {
466:  font-weight: normal;
467: }
468: 
469: .topic .author
470: {
471:  font-weight: normal;
472:  font-size: 8pt;
473: }
474: 
475: .topic:hover
476: {
477:  background-color: #f5f5f5;
478: }
479: 
480: .topics
481: {
482:  margin: 10px;
483:  border-bottom: 1px solid #999;
484: }
485: 
486: .topic .infos
487: {
488:  float: right;
489: }
490: 
491: .posts
492: {
493:  margin: 10px;
494:  border-bottom: 1px solid #999;
495: }
496: 
497: .topic .rep
498: {
499:  font-style: italic;
500:  color: #666;
501: }
502: 
503: .topic .lastPost
504: {
505:  background-image: url(lastp.gif);
506:  background-repeat: no-repeat;
507:  background-position: 4px;
508:  padding-left: 22px;
509: }
510: 
511: .post
512: {
513:  border-top: 1px solid #999;
514:  border-right: 1px solid #999;
515:  border-left: 1px solid #999;
516:  background-color: #fdfdfd;
517:  background-image: url(fond_post.gif);
518:  background-repeat: repeat-y;
519:  padding: 0px;
520: }
521: 
522: .postInner
523: {
524:  background-image: url(fond_postH.png);
525:  background-repeat: repeat-x;
526:  padding: 3px 6px 6px 16px;
527: }
528: 
529: .post .actions
530: {
531:  display: block;
532:  font-size: 10px;
533: }
534: 
535: .posts .num
536: {
537:  font-weight: bold;
538:  color: #036;
539: }
540: 
541: .posts .author
542: {
543:  font-weight: bold;
544:  color: #333;
545: }
546: 
547: .posts .msg
548: {
549:  border-top: 1px solid #ccc;
550:  margin-top: 4px;
551:  border-bottom: 1px solid #ccc;
552:  margin-bottom: 4px;
553:  
554:  display: block;
555:  padding: 8px 0px;
556: }
557: 
558: 
559: .newsItem0 img, .newsItem1 img
560: {
561:  vertical-align: middle;
562: }
563: 
564: .newsLink
565: {
566:  display: block;
567: }
568: 
569: .hiddenLink
570: {
571:  -moz-outline-style: none;
572: }
573: 
574: .newsSite
575: {
576:  color: black;
577:  float: right;
578: }
579: 
580: .newsDetails
581: {
582:  background-color: #FFFFCF;
583:  position: absolute;
584:  display: block;
585:  margin-top: 6px;
586:  font-weight: normal;
587:  color: #333;
588:  width: 750px;
589: }
590: 
591: .hide
592: {
593:  display: none;
594: }
595: 
596: .newsData
597: {
598:  float: right;
599:  opacity: 0.5;
600:  filter : alpha(opacity=50);
601: }
602: 
603: .newsData img
604: {
605:  height: 40px;
606:  width: 70px;
607: }
608: 
609: .newsDate
610: {
611:  font-weight: normal;
612:  color:black;
613: }
614: 
615: .newsPages
616: {
617:  margin: 8px 4px;
618: 
619: }
620: 
621: .currentPage
622: {
623:  font-size: 130%;
624: }
625: 
626: .changePage
627: {
628:  font-weight: normal;
629:  font-size: 90%;
630:  color: #96ABCC;
631: }
632: 
633: .highlighted .newsItem0
634: {
635:  background-color: #BFCAEA;
636:  border-left: 10px solid #036;
637: }
638: 
639: .highlighted .newsItem1
640: {
641:  background-color: #CACACA;
642:  border-left: 10px solid #333;
643: }
644: 
645: 
646: .highlightedMouse .newsItem0
647: {
648:  background-color: #ededed;
649:  border-left: 10px solid #666;
650: }
651: 
652: .highlightedMouse .newsItem1
653: {
654:  background-color: #CACACA;
655:  border-left: 10px solid #333;
656: }
657: 
658: 
659: .newsItem1 .newsLink
660: {
661:  color: #969696;
662: }
663: 
664: .separator
665: {
666:  margin: 0px;
667:  border-left: 10px solid #CC3300;
668:  background-color:#CC3300;
669:  height: 4px;
670:  padding: 0px;
671: }
672: 
673: ul#adminList
674: {
675:     list-style-type: none;
676: }
677: 
678: ul#adminList a
679: {
680:  display: block;
681:  background-color: white;
682:  border: 1px solid #333;
683:  text-align: center;
684:  padding: 10px;
685:  margin-bottom: 5px;
686: }
687: 
688: ul#adminList a:hover
689: {
690:  background-color: #eee;
691: }
692: 
693: ul#tabs, ul#tabsChild
694: {
695:     list-style-type: none;
696:     padding-bottom: 22px;
697:     margin: 0px;
698:  padding-left: 0px;
699:  margin-top: 14px;
700: }
701: 
702: ul#tabsChild
703: {
704:     padding-bottom: 23px;
705:  border-bottom: 1px solid #888;
706: }
707: 
708: ul#tabs li, ul#tabsChild li
709: {
710:     float: left;
711:     margin: 1px 6px 0px 0px;
712:  border-bottom: 2px solid transparent;
713: }
714: ul#tabs li a, ul#tabsChild li a
715: {
716:     background-color: #fdfdfd;
717: }
718: 
719: ul#tabs li.active, ul#tabsChild li.active
720: {
721:  border-bottom: 2px solid #036;
722: }
723: 
724: ul#tabs li.active a, ul#tabsChild li.active a
725: {
726:  color: black;
727:     background-color: #DAE0F2;
728: }
729: 
730: ul#tabs li a.unread, ul#tabsChild li a.unread, ul#tabs li.active a.unread, ul#tabsChild li.active a.unread
731: {
732:     color: #c30;
733: }
734: 
735: ul#tabs li a.addTab
736: {
737:  background-image: url(add.png);
738:  background-repeat: no-repeat;
739:  background-position: 5px 5px;
740:  padding-left: 20px;
741: }
742: 
743: ul#tabs li a.privTab
744: {
745:  background-image: url(key.png);
746:  background-repeat: no-repeat;
747:  background-position: 5px 5px;
748:  padding-left: 8px;
749: }
750: 
751: ul#tabs li a.favTab
752: {
753:  background-image: url(fav.png);
754:  background-repeat: no-repeat;
755:  background-position: 5px 5px;
756:  padding-left: 8px;
757: }
758: 
759: ul#tabs li a.genTab
760: {
761:  background-image: url(feed.png);
762:  background-repeat: no-repeat;
763:  background-position: 5px 5px;
764:  padding-left: 10px;
765: }
766: 
767: ul#tabs li a.gearTab
768: {
769:  background-image: url(gear.png);
770:  background-repeat: no-repeat;
771:  background-position: 5px 5px;
772:  padding-left: 10px;
773: }
774: 
775: ul#tabs li a.rssTab
776: {
777:  background-image: url(rssAdd.png);
778:  background-repeat: no-repeat;
779:  background-position: 5px 5px;
780:  padding-left: 22px;
781: }
782: 
783: ul#tabs li a.myrssTab
784: {
785:  background-image: url(feed.png);
786:  background-repeat: no-repeat;
787:  background-position: 5px 5px;
788:  padding-left: 22px;
789: }
790: 
791: ul#tabs li a.addTab
792: {
793:  background-image: url(tab_add.png);
794:  background-repeat: no-repeat;
795:  background-position: 5px 5px;
796:  padding-left: 26px;
797: }
798: ul#tabs li a.mngTab
799: {
800:  background-image: url(tab_edit.png);
801:  background-repeat: no-repeat;
802:  background-position: 5px 5px;
803:  padding-left: 26px;
804: }
805: ul#tabs li a.backTab
806: {
807:  background-image: url(back.png);
808:  background-repeat: no-repeat;
809:  background-position: 5px 5px;
810:  padding-left: 22px;
811: }
812: 
813: ul#tabs a, ul#tabsChild a
814: {
815:     float: left;
816:     display: block;
817:     text-decoration: none;
818:     padding: 4px 8px;
819: }
820: 
821: ul#tabs a:hover, ul#tabsChild a:hover
822: {
823:     background-color: #eee;
824: }
825: 
826: .highlighted .icons, .highlightedMouse .icons
827: {
828:  display: inline;
829: }
830: 
831: .icons
832: {
833:  float: right;
834:  display: none;
835:  padding-left: 10px;
836: }
837: 
838: .icons img
839: {
840:  padding-right: 5px;
841: }
842: 
843: table.adminTable
844: {
845:  border-collapse: collapse;
846: }
847: 
848: table.adminTable thead
849: {
850:  background-color: #E6EAF7;
851: }
852: table.adminTable td, table.adminTable th
853: {
854:  border: 1px solid #666;
855:  padding: 3px;
856: }
857: table.adminTable td
858: {
859:  background-color: White;
860: }
861: 
862: #loginButton
863: {
864:  background-image: url(user.png);
865:  background-repeat: no-repeat;
866:  padding-left: 18px;
867:  border-bottom: 1px solid #915BA5;
868: }
869: 
870: #loginForm
871: {
872:  margin: 4px 0px;
873: }
874: 
875: #loginForm fieldset
876: {
877:  padding: 6px;
878: }
879: 
880: #form #tbCss
881: {
882:  font-size: 8pt;
883:  width: 500px;
884: }
885: 
886: #loginForm label
887: {
888:  font-weight: bold;
889:  padding: 0px 4px;
890: }
891: 
892: #loginForm input
893: {
894:  font-size: 10px;
895: }
896: 
897: #options
898: {
899:  background-color: #fdfdfd;
900:  padding: 0px 4px;
901:  font-weight: bold;
902:  margin-bottom: 5px;
903: }
904: 
905: #options img
906: {
907:  vertical-align: middle;
908: }
909: 
910: #tabSites .category
911: {
912:  background-color: #fdfdfd;
913: }
914: 
915: #tabSites ul
916: {
917:  float: left;
918:  list-style-type: none;
919:  margin: 0px 30px 0px 10px;
920:  padding: 0px 6px;
921:  border-left: 4px solid #369;
922:  width: 40%;
923: }
924: 
925: #tabSites li
926: {
927:  padding-bottom: 6px;
928: }
929: 
930: #tabSites li img
931: {
932: }
933: 
934: #tabSites li.checked
935: {
936:  background-color: #EBF9C7;
937: }
938: .clear
939: {
940:  clear: both;
941:  overflow: hidden;
942:  height: 0px;
943: }
944: 
945: textarea
946: {
947:  width: 300px;
948:  height: 100px;
949: }
950: 
951: #form label
952: {
953:  font-weight: bold;
954:  display: block;
955:  margin-top: 6px;
956:  padding: 4px 0px;
957: }
958: 
959: #form input.error
960: {
961:  background-color: #FFEEEE;
962: }
963: 
964: #form .error
965: {
966:  color: #c43100;
967: }
968: 
969: #form fieldset
970: {
971:  margin: 8px 4px;
972: }
973: 
974: .btDelTab
975: {
976:  background-image: url(del.png);
977:  background-repeat: no-repeat;
978:  background-position: 4px 4px;
979:  padding-left: 18px;
980:  margin: 6px;
981:  border: 0px;
982:  background-color: #fdfdfd;
983: }