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: }