/* $Id: theme.css 2581 2008-09-24 19:15:01Z vdigital $ */ /*===================================== Header =====================================*/ BODY { background:transparent url(images/bg.png) scroll center top; background-repeat:no-repeat; background-attachment:fixed; font-size:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, 'Bitstream Vera Sans', Times, serif; color:#484848; margin: 5px; padding: 0; } #theHeader { background:transparent url(images/header.png) no-repeat scroll center bottom; height:209px; text-align: center; } /* text color */ H3{ font-size:120%; text-align:center; color:#696969; text-transform:uppercase; } H1, H2, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { color:#696969; /* dimgray */ } /* backgrounds */ , H2, #imageHeaderBar, #imageToolBar A:hover { background-color: #d3d3d3; } .content, .header_notes { background-color: #eeeeee; } /* borders */ #menubar DL{ -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/contentbg.png) repeat scroll center top; border:1px solid #919191; border-spacing:8px; margin:0 0 10px 4px; /*margin: 0; */ padding: 0; } #menubar DT{ -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/news_content.png) repeat-x scroll center top; font-weight:bold; height:30px; color:#5A5A5A; font-size:12px; padding-top:7px; text-align:center; } #theImage IMG { border: 3px solid #d3d3d3; } #imageToolBar { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border:1px solid #919191; width: 860px; margin: 10px auto; } #imageHeaderBar{ -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border:1px solid #919191; width: 860px; margin: 10px auto; } .content{ -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border:1px solid #919191; } .content UL.thumbnail IMG { border: 1px solid #a0a0a0; } fieldset{ -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border: 1px solid #919191; } legend { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/bg_title.png) repeat-x scroll center top; border:1px solid #919191; font-size:0.85em; font-weight:bold; line-height:1.5em; margin-left:0.5em; margin-top:-0.4em; padding:2px 10px; position:relative; text-transform:uppercase; top:0; vertical-align:middle; } INPUT, SELECT, TEXTAREA{ border: 1px solid gray; } input.submit{ -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:transparent url(images/form.png) repeat-x scroll 0 0; border:1px solid #919191; color:#5A5A5A; font-family:Verdana,'Bitstream Vera Sans',Times,serif; font-size:10px; font-weight:bold; padding:1px 2px; } input.reset { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:transparent url(images/form.png) repeat-x scroll 0 0; border:1px solid #919191; color:#E10000; font-family:Verdana,'Bitstream Vera Sans',Times,serif; font-size:10px; font-weight:bold; padding:1px 2px; } input.reset:hover, input.submit:hover { border:1px solid #FFFFFF; color:#D0D0D0; cursor:pointer; } .content UL.thumbnails SPAN.wrap2 { border: 1px solid #aaaaaa; /* thumbnails border color and style */ border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ } div#comments { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border: 1px solid #919191; } div#comments h3 { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background:transparent url(images/news_content.png) repeat scroll 0 0; border:1px solid #919191; height:20px; padding:5px; } div#comments div.description { -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background:transparent url(images/contentbg.png) repeat scroll 0 0; border: 1px solid #919191; font-size:0.85em; font-weight:bold; line-height:1.5em; padding:0 6px; } /*================================= Container images /*===============================*/ img {} img:hover{} DL#mbAMM_links img { border:none; } .content DIV.thumbnailCategory { -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent; border:1px solid #919191; color:#000000; } .content UL.thumbnails SPAN.wrap2:hover{ background-color: #FFFFFF; border-color: #CCCCCC; color:#000000;} .content UL.thumbnailCategories DIV.thumbnailCategory:hover{ -moz-border-radius-bottomleft:12px; -moz-border-radius-bottomright:12px; -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:#CCCCCC url(images/msg_info_mbr.png) repeat-x scroll 0 0; border:1px solid #919191; color:#000000; } .content UL.thumbnailCategories DIV.thumbnailCategory:hover A { background-color: transparent; color:#000000; } .content div.thumbnailCategory div.illustration { float:left; margin:5px 0 0 5px; text-align:left;} .content div.thumbnailCategory div.illustration img { height:96px; width:128px; border:4px double #919191;} .content div.thumbnailCategory div.illustration img:hover { border:4px double #000000;} .content div.thumbnailCategory div.illustration a:hover { border:0; } .content ul.thumbnails span.wrap2 img { border:4px double #919191; } /*================================= Links /*===============================*/ .content DIV.titrePage { -moz-border-radius-topleft:12px; -moz-border-radius-topright:12px; background:transparent url(images/news_content.png) repeat-x scroll center top; height:30px; padding: 0 0 3px; } A, INPUT.rateButton { color:#5C5C5C; background: transparent; font-size:12px; border: medium none; } A:hover, INPUT.rateButton:hover { color: #858460; font-size:12px; } #imageToolBar A, #imageToolBar A:hover { background:none; border-bottom: none; font-size:12px; } A.navThumb, A.navThumb:hover { border-bottom: none; font-size:12px; } /*calendar elements*/ SPAN.calItem, SPAN.calItemEmpty { border: 1px solid silver; } #qsearchInput { color: #d3d3d3; } #qsearchInput:focus { color:#5C5C5C; } /*================================= autres /*===============================*/ #menubar .button { border:medium none; } table.calMonth { border:medium none; border-collapse:collapse; margin-bottom:10px; margin-top:40px; } .content .navigationBar, .content .additional_info, .content .calendarBar { margin:32px 4px; text-align:center; }