/* ------------------- 9disera stylesheet ------------------- */ /* - Giovanni Bellocchio - 2004 - www.webzilla.it - */ /* -----------------------------9---------------------------- */ /* ----- GENERALI ----- */ BODY { margin:0; padding:0; background:#4E9680 url(img/body-pattern.gif); text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; } UL, LI { padding:0; margin:0;} IMG { border:0;} P { margin:0; padding:0; } P, TD, FORM { font-size:11px; color:#1A312A; } /* image replacements */ h1 { position:relative; } h1 i { visibility:hidden; font-style: normal; } h1 { margin:0;padding:0; width:716px; height:228px; } h1 a#linkenglish { display:none; /* xxxxx cambiare a BLOCK quando facciamo l'inglese xxxxx */ margin:110px 0 0 650px; padding:0; position:absolute; right:0; bottom:0;} h1 a#linkhome { display: block; width:250px; height:40px; position:absolute; left:0; bottom:0;} #home h1 { background:url(img/home-splash.jpg) no-repeat 0px 0; } #bio h1 { background:url(img/bio-splash.jpg) no-repeat 0px 0; } #discography h1 { background:url(img/discography-splash.jpg) no-repeat 0px 0; } #events h1 { background:url(img/events-splash.jpg) no-repeat 0px 0; } #reviews h1 { background:url(img/reviews-splash.jpg) no-repeat 0px 0; } #clips h1 { background:url(img/clips-splash.jpg) no-repeat 0px 0; } #photo h1 { background:url(img/photo-splash.jpg) no-repeat 0px 0; } #zoom h1 { background:url(img/photo-splash.jpg) no-repeat 0px 0; } #rider h1 { background:url(img/rider-splash.jpg) no-repeat 0px 0; } #links h1 { background:url(img/links-splash.jpg) no-repeat 0px 0; } #contact h1 { background:url(img/contact-splash.jpg) no-repeat 0px 0; } h2 { /* titolo pagina */ font-size:12px; font-weight:bold; color:#2B5045; margin:0 0 0 0; padding:0 0 35px 0; } h3 { /*intrapagina*/ font-size:14px; font-weight:bold; color:#CC0F02; margin:0 0 0 0; padding:0 0 30px 0; } UL { font-size: 11px; list-style:none;} LI { margin:0;padding:0;} A { color: #CB1F00; } A:visited { color: #CB1F00; } A:hover {color:#D5FFF2;} #wrapper { width: 716px; margin:auto; border-left:7px solid #2B5045; border-right:7px solid #2B5045; text-align:left; background:url(img/footer-closer.gif) no-repeat center bottom; padding-bottom:17px; } * html #wrapper { width: 730px; } /* box model hack 716moz + 7 bordo + 7 bordo = 730ie */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} /* End hide from IE-mac */ /* ----- NAVBAR ----- */ #navbar { width:716px; height:28px; margin:0; padding:0; border-bottom:1px solid #A3C3B9; background:#488775; } #navbar UL LI { float:left; margin-top:9px; } #navbar a { text-indent: -1000em; height: 11px; display: block; overflow: hidden; /* For nested divs in Safari */ } /* REPLACEMENTES */ #navbio { background:url(img/nav-bio.gif) no-repeat 0 0; width:50px;} #navbio:hover { background:url(img/nav-bio.gif) no-repeat 0 -12px;} #navdiscography { background:url(img/nav-discography.gif) no-repeat 0 0; width:120px;} #navdiscography:hover { background:url(img/nav-discography.gif) no-repeat 0 -12px;} #navevents { background:url(img/nav-events.gif) no-repeat 0 0; width:83px;} #navevents:hover { background:url(img/nav-events.gif) no-repeat 0 -12px;} #navreviews { background:url(img/nav-reviews.gif) no-repeat 0 0; width:87px;} #navreviews:hover { background:url(img/nav-reviews.gif) no-repeat 0 -12px;} #navclips { background:url(img/nav-clips.gif) no-repeat 0 0; width:72px;} #navclips:hover { background:url(img/nav-clips.gif) no-repeat 0 -12px;} #navphoto { background:url(img/nav-photos.gif) no-repeat 0 0; width:78px;} #navphoto:hover { background:url(img/nav-photos.gif) no-repeat 0 -12px;} #navrider { background: url(img/nav-rider.gif) no-repeat 0 0; width:73px;} #navrider:hover { background: url(img/nav-rider.gif) no-repeat 0 -12px;} #navlinks { background:url(img/nav-links.gif) no-repeat 0 0; width:68px;} #navlinks:hover { background:url(img/nav-links.gif) no-repeat 0 -12px;} #navcontact { background:url(img/nav-contact.gif) no-repeat 0 0; width:80px;} #navcontact:hover { background:url(img/nav-contact.gif) no-repeat 0 -12px;} /* --------------------------------------- */ /* ---------- MAIN CONTENT AREA ---------- */ /* --------------------------------------- */ #main { background:#A6C7BD url(img/graffio.jpg) no-repeat 0 0; margin:0; padding:0px 0 0 0; } #home #wordswrap { background: url(img/home-fondo.gif) no-repeat left bottom; } #discography #wordswrap { background: url(img/discography-fondo.gif) no-repeat left bottom; } #bio #wordswrap { background: url(img/bio-fondo.gif) no-repeat 0 bottom; } #events #wordswrap { background: url(img/events-fondo.gif) no-repeat 0 bottom; } #reviews #wordswrap { background: url(img/reviews-fondo.jpg) no-repeat left bottom; } #clips #wordswrap { background: url(img/clips-fondo.gif) no-repeat left bottom; } #photo #wordswrap { background: url(img/photo-fondo.jpg) no-repeat left bottom; } #zoom #wordswrap { background:none;} #rider #wordswrap { background: url(img/rider-fondo.gif) no-repeat left bottom; } #contact #wordswrap { background: url(img/contact-fondo.gif) no-repeat left bottom; } #links #wordswrap { background: url(img/links-fondo.jpg) no-repeat left bottom; } #words { padding:80px 0 0 20px; margin-left:223px; width:440px; border-left:1px dotted #2B5045; } #words P { margin-bottom:15px;} #words P .contorna { display:block; float:right; width:170px; color:#C33E1C; font-size:10px; margin:0px 0 0 10px; } /* VARIAZIONI */ UL.tabellaeventi { margin-bottom:200px;} UL.tabellaeventi LI { line-height:30px; border-bottom:1px dotted #1A312A; padding:5px 5px 5px 15px; background:url(img/eventsbullet.gif) no-repeat left center; } UL.tabellaeventi LI STRONG { color:#CF4E31;} #photo TABLE TD { border-bottom:1px dotted #1A312A; vertical-align:bottom; text-align:left; padding:5px;} #reviews #main UL { padding-left:20px; background: url(img/h-arrow.gif) no-repeat 0 3px; font-weight:bold; border-bottom:1px dotted #1A312A; } * html #reviews UL { background: url(img/h-arrow.gif) no-repeat 0 12px; } #reviews UL LI { margin-bottom:10px;} #reviews UL LI STRONG { color:#CF4E31;} .txtreviews { margin: 15px 0 15px 0; padding:5px 0 5px 0; border-bottom:5px solid #81A499; } #links #words UL { line-height:20px; } #links #words UL LI { background:url(img/bullet-quadrato.gif) no-repeat left center; padding-left:15px;} /* DISCOGRAPHY */ #discography H3 { font-size:12px; border-bottom:1px solid #2C5146; background:url(img/bullet-quadrato.gif) no-repeat right center; padding:0 0 7px 0; margin:0 0 15px 0; } #discography #words UL { margin-bottom:30px;} #discography #words UL LI { color:#2B5045; padding-left:15px; background:url(img/bullet-rombo.gif) no-repeat left 4px; } * html #discography #words UL LI { background:url(img/bullet-rombo.gif) no-repeat left 9px; } #discography .cover { display:block; float:left; margin-right:16px;} .tracklist { color:#B81202; clear:right; margin-left:145px;} #clips P { color:#2B5045; padding:0; margin:0; line-height:15px;} #clips P.clip { border-bottom:1px solid #698C81; padding:13px 0 3px 15px; background:url(img/h-arrow.gif) no-repeat left 18px;} #contact #words P { background:url(img/h-arrow.gif) no-repeat left 3px; padding-left:18px;} /* ----- ZOOM ----- */ #zoom #wordswrap { padding:75px 80px 0 80px; } #zoom #wordswrap P { border-bottom:1px dotted #2B5045; margin-bottom:50px;} #zoom #wordswrap A { text-decoration:none; color: #2B5045;} #zoom #wordswrap A:hover { color: #D5FFF2;} /* ------ FORM COMMENTI ----- */ FORM { padding-top:5px;} INPUT, TEXTAREA { border-top:1px solid #786D5C; border-left:1px solid #786D5C; border-right:1px solid #304247; border-bottom:1px solid #304247; } INPUT.radio { border:none;} /* ----- FOOTER ----- */ #footer { position:relative; background:#87A29A url(img/footer-fondo.jpg) no-repeat left bottom; text-align:center; width:716px; height:78px; padding:0px 0 0px 0; margin:0px 0 0 0; } #footer p { margin:0 0 0px 0; padding:7px 0 9px 0;color:#366456;font-size:10px;font-weight:bold;} #footer A { color:#366456; text-decoration: none; } #footer A:hover { color:#fff;}