/******************************************** AUTHOR: Erwin Aligam WEBSITE: http://www.styleshout.com/ TEMPLATE NAME: Underground TEMPLATE CODE:S-0006 VERSION: 1.1 *******************************************/ /******************************************** HTML ELEMENTS ********************************************/ /* top elements */ * { margin: 0;padding: 0; } body { margin: 0; padding: 0; font: 70%/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333; background: #FFF url(bg.gif) repeat-x; } /* links */ a { color: #003366; background-color: inherit; text-decoration: none; } a:hover { color: #CC0000; background-color: inherit; } /* headers */ h1, h2, h3 { font-family: Arial, 'Trebuchet MS', Sans-Serif; font-weight: bold; color: #333; } h1 { font-size: 120%; letter-spacing: .5px; } h2 { font-size: 115%; text-transform: uppercase; } h3 { font-size: 115%; color: #003366; } /* images */ img { border: 0px; padding: 5px; margin-left: 4px; float: right; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { padding: 0; margin: 10px; } ul, ol { margin: 10px 20px; padding: 0 20px; } code { margin: 10px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace; /* white-space: pre; */ background: #F3F3F3; border: 1px solid #CCCCCC; border-left: 4px solid #CC0000; } acronym { cursor: help; border-bottom: 1px solid #777; } blockquote { margin: 10px; padding: 0 0 0 32px; background: #F3F3F3 url(quote.gif) no-repeat 5px 10px !important; background-position: 8px 10px; border: 1px solid #CCCCCC; border-left: 4px solid #CC0000; font-weight: bold; } /* form elements */ form { margin:10px; padding: 0 5px; border: 1px solid #CCCCCC; background-color: #F3F3F3; } label { display:block; font-weight:bold; margin:5px 0; } input { padding: 0px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { margin: 0; font: bolder 12px Arial, Sans-serif; border: 1px solid #CCC; padding: 1px; background: #FFF; color: #CC0000; } /* search form */ form.search { position: absolute; top: 5px; right: 5px; padding: 0; margin: 0; border: none; background-color: transparent; } form.search input.textbox { margin: 0; width: 120px; border: 1px solid #CCC; background: #FFF; color: #333; } form.search input.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: 1px solid #CCC; background: #FFFFFF url(headerbg.gif) repeat-x bottom left; padding: 1px; font-weight: bold; height: 23px; color: #333; width: 60px; } /********************************** LAYOUT ***********************************/ #wrap { margin: 0 auto; width: 780px; } /* header */ #header { position: relative; margin: 0; padding: 0; height: 60px; } #header span#slogan { z-index: 3; position: absolute; left: 3px; bottom: 7px; font: bold 1.2em Verdana, Arial, Tahoma, Sans-serif; color: #FFF; } #header-logo { position: relative; clear: both; height: 50px; margin: 0; padding: 0; } #header-logo #logo { position: absolute; top: 3px; left: 5px; font: bold 30px "trebuchet MS", Arial, Tahoma, Sans-Serif; margin: 0; padding: 0; letter-spacing: -1px; color: #000; } /* navigation tabs */ #header ul { position: absolute; margin:0; list-style:none; right:-18px ; bottom: 3px; font: bold 13px 'Trebuchet MS', Arial, Sans-serif; } #header li { display:inline; margin:0; padding:0; } #header a { float:left; background: url(tableft.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #header a span { float:left; display:block; background: url(tabright.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a span {float:none;} /* End IE5-Mac hack */ #header a:hover span { color:#FFF; } #header a:hover { background-position:0% -42px; } #header a:hover span { background-position:100% -42px; } #header #current a { background-position:0% -42px; } #header #current a span { background-position:100% -42px; } /* main column */ #main { float: right; margin: 0; padding: 0; width: 545px; } #main h1 { margin: 10px 0; padding: 4px 0 4px 8px; font-size: 105%; color: #FFF; text-transform: uppercase; background-color: #CC0000; letter-spacing: .5px; } /* sidebar */ #sidebar { float: left; width: 220px; margin: 0; padding: 0; background-color: #FFFFFF; } #sidebar h1 { margin: 10px 0 0 0; padding: 4px 0 4px 8px; font: bold 105% Arial, Sans-Serif; color: #FFF; text-transform: uppercase; background: #333; letter-spacing: 1px; } #sidebar .left-box { border: 1px solid #DDD; margin: 0 0 5px 0; background: #FFF; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 3px 0px 8px 0; padding: 0; text-decoration: none; } #sidebar ul.sidemenu li { border-bottom: 1px solid #DDD; background: url(bullet.gif) no-repeat 3px 2px; padding: 3px 5px 3px 25px; margin: 0; } #sidebar ul.sidemenu a { font-weight: bolder; padding: 3px 0px; background: none; } /* footer */ .footer { clear: both; border-top: 1px solid #CCCCCC; background: #FFF url(footerbg.gif) repeat-x; padding: 2px 0 10px 0; text-align: center; line-height: 1.5em; font-size: 95%; } .footer a { text-decoration: none; font-weight: bold; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear {clear: both; } .red { color: #CC0000; } .vert { color: #339900; } .comments { margin: 20px 10px 5px 10px; padding: 3px 0; border-bottom: 1px dashed #EFF0F1; border-top: 1px dashed #EFF0F1; } .rouge { color: #FF0000; } .gris { color: #666666; font-weight: bold; } #hotlist { border: 3px solid #999999; padding:8px; width: 300px; text-align: center; color: #CC0000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; } #hotlist a { color: #666666; text-decoration: none; font-size: 11px; } #preview { text-align: center; display: none; /* do not change */ } img.thumbnail { border: 0px solid #CC0000; cursor: pointer; width: 90px; /* change to your picture width */ height: 106px; /* change to your picture height */ } div#caption { font-size: 8pt; padding:30px; } .arrow { visibility: hidden; /* do not change */ color: red; font-family: Times New Roman, Times, serif; /* do not change */ } /* CSS du RSS par JS */ #StatistiksRSS { border : 3px solid #999999; background-color : #ffffff; } #StatistikSItems { font-size : 1em; } .StatistiksDate { text-align : right; } #StatistiksItemS td a span { font-weight : bold; } #StatistiksMaj, #StatistikSFoot { text-align : right; margin-right : 5px; font-size : 0.75em; }