/*===================================================== // Version : 2.0 // Projet : Dark side Québec // Createur : mediadvanced.ca //=====================================================*/ /* ----- HTML TAG RESET & CLEARFIX ----- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h4, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0px none; vertical-align: bottom } a, h1 { overflow: hidden; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h4, h6 { font-size: 100%; font-weight: normal; overflow: hidden; } q:before, q:after { } abbr, acronym { border: 0px none;} .clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; } /* ----- BACKGROUND + CONTAINER */ body { font-family: "arial",sans-serif; font-size: 12px; background: #fff; color: #000; text-align: center; } #wow { background: #000 url('../images/bg-wow.jpg') no-repeat top center; } #starcraft { background: #000 url('../images/bg-starcraft.jpg') no-repeat top center; } #diablo { background: #000 url('../images/bg-diablo.jpg') no-repeat top center; } #container { width: 881px; background: url('../images/bg-container.png') repeat-y; position: relative; text-align: left; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:0 } /* ----- HEADER */ #top { width: 881px; height: 45px; background: url('../images/bg-topmenu.png') no-repeat; line-height: 35px } #top ul { float: left; } #top ul li a { color: #808080; font-weight: bold; text-decoration: none; font-size: 11px; } #top ul li { float: left; background: url('../images/topmenu-separator.png') no-repeat top right; height: 45px; padding-left:15px; padding-right:23px; padding-top:0; padding-bottom:0 } #top form { float: right; padding: 7px 10px 0 0; } #top form p { float: left; height: 21px; padding: 0 5px 0 0} .input { float: left; background: #151515; border: 1px solid #1e1e1e; color: #404040; font-size: 11px; height: 18px; padding: 3px 0 0 5px } #wow-active, .wow-c { color: #277fcd !important; } #starcraft-active, .starcraft-c { color: #76a6a6 !important; } #diablo-active, .diablo-c { color: #f1530e !important; } #banner { margin: 0 0 0 3px; } #banner h1 { display: none; } #menu { width: 874px; height: 44px; background: url('../images/bg-menu.png') repeat-x; margin-left:3px; margin-right:0; margin-top:0; margin-bottom:0 } #menu li { float: left; line-height: 45px } #menu li a { color: #808080; font-weight: bold; text-decoration: none; font-size: 11px; display: block; background: url('../images/menu-separator.png') no-repeat top right; height: 44px; outline: none; float: left } #menu li a:hover { color: #fff; } #menu .last { background: none !important } #wow #menu li a { padding: 0 30px 0 20px } #diablo #menu li a { padding: 0 23px 0 15px } #starcraft #menu li a { padding: 0 23px 0 15px } #active { background: url('../images/bg-menu-active.png') repeat-x; } #active a { color: #fff !important; } /* ----- CONTENT */ #content { padding: 0 0 0 4px; width: 877px; margin: 0 0 10px 0; } #left, #right { float: left; width: 194px; margin: 0 0 10px 0; } #left ul li, #right ul li { width: 184px; height: 36px; background: url('../images/bg-list-side.png') no-repeat; width: 184px; height: 23px; padding-left:10px; padding-right:0; padding-top:3px; padding-bottom:0} #left ul li a, #right ul li a { color: #808080; font-size: 11px ; } #left div, #right div { background: url('../images/bg-box-side.png') no-repeat bottom left; width: 180px; padding-left:14px; padding-right:0; padding-top:10px; padding-bottom:15px } #left div p, #right div p { color: #fff; font-size: 11px; width: 165px; } a { outline: none; color: #fff; } .lightbox { margin: 0 0 0 4px; display: block; width: 160px; height: 120px; outline: none; border: 0 } .h-list { color: #fff; width: 184px; height: 36px; background: url('../images/h-list-side.png') no-repeat; font-weight: bold; font-size: 11px; line-height: 34px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 } .h-box { align: center; color: #fff; width: 184px; height: 40px; background: url('../images/h-box-side.png') no-repeat; font-weight: bold; font-size: 11px; line-height: 34px; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 } #middle { float: left; width: 486px; } #middle h2 { background: url('../images/h-mid.png') no-repeat; width: 476px; height: 36px; font-weight: bold; font-size: 11px; line-height: 34px; color: #fff; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0 } .text { background: url('../images/bg-text.png') no-repeat bottom left; width: 486px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:45px } .text a { color: #fff } .text h3 { background: url('../images/h-text.png') no-repeat; width: 476px; height: 52px; color: #fff; font-size: 14px; font-weight: bold; padding-left:10px; padding-right:0; padding-top:10px; padding-bottom:0 } .posted-by { display: block; font-weight: normal; font-size: 11px; margin: 18px 0 0 0 } .text h3 b { color: #fff !important; font-weight: normal } .text div { color: #fff; margin: 10px 0 0 10px; text-align: justify; font-size: 11px; width: 420px; } .sub { background: url('../images/bg-text.png') no-repeat bottom left; width: 486px; padding-left:0; padding-right:0; padding-top:0; padding-bottom:45px } .sub h3 { width: 476px; height: 30px; color: #fff; font-size: 14px; font-weight: bold; padding: 10px 0 0 10px; } .sub div { color: #fff; margin: 0 0 0 13px; text-align: justify; font-size: 11px; width: 460px; } /* ----- FOOTER */ #footer { clear: both; width: 877px; height: 44px; background: url('../images/footer.png') no-repeat bottom left; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0 }