/* Theme Name: Hotel_Rovereto Theme URI: http://hotelrovereto.it/ Description: Main stylesheet: layout & typography. Version: 1.0 Author: Simone Maranzana (http://simonemaranzana.com), Andrea Gandino (http://andreagandino.com) Author URI: http://simonemaranzana.com, http://andreagandino.com Date: March 2009 */ /* -------------------------------------------------------------------------------------------------------------- Section: GLOBAL ELEMENTS Description: Elements reused multiple times throughout the site (utilities, links, etc.) */ .h { position: absolute; left: -9999em; } html { background: url(css/img/backmain.jpg) repeat 0; } body { background: url(css/img/back.jpg) no-repeat center top; padding-top: 30px; } .vcard, #footer p, #footer li { color: #444 } .vcard .fn { color: #222; font-variant: small-caps; letter-spacing: .05em; } .right, .alignright { float: right; } .left, .alignleft { float: left; } blockquote { background: url(css/img/quote_top.png) no-repeat left top; margin: 10px 0 30px; } blockquote p { padding-left: 40px; margin-bottom: 0; } .text a, #proposta_comprende a { color: #9d3b18; } .text a:hover, #proposta_comprende a:hover { color: #edece7; background-color: #9d3b18; } /* -------------------------------------------------------------------------------------------------------------- Section: HEADER & MENU Description: Elements that belong to the header of the website, or the localized menu. */ #livezilla { position: absolute; margin-left: 800px; margin-top: 15px; } #header { height: 132px; background: url(css/img/headerback.jpg) no-repeat left top;} #logo { margin-left: 25px; float: left; } h1 { text-indent: -9999px; width: 390px; height: 74px; background-image: url(css/img/hotellogo.jpg); float: left; margin-left: 20px; margin-top: 20px; } #lang li, #menu li { display: inline; padding-right: 5px; margin-right: 5px; } #lang { float: right; margin-top: 78px; margin-right: 20px;} #lang span { display: none; } #lang img { width: 28px; height: 18px; border: 1px solid #c3c5bd; padding: 1px; } #lang img:hover { border: 1px solid #9a3915; background-color: #9a3915; } #menu { font-size: .9em; text-align: center; background: #9e3a16 url(css/img/nav_bottom.jpg) repeat-x left bottom; } #menu ul { padding: 5px 0; margin-bottom: 5px; margin-left: -20px;} #menu li { border-right: 1px solid #681f05; font-variant: small-caps; letter-spacing: .025em; padding-right: 8px;} #menu li.last { margin: 0; padding: 0; border: none; } #menu li a { color: #fff; text-decoration: none; text-shadow: #591b04 0 1px 0; } #menu li a:hover { color: #ffd02d; text-decoration: underline; } #menu li span, #promo span { font-style: italic; } #menu li span.amp, #promo span.amp { font-family: Baskerville, Georgia, serif; letter-spacing: 0; font-size: 1.5em; position: relative; top: .1em; line-height: 0; } /* -------------------------------------------------------------------------------------------------------------- Section: CONTENT Description: The content block of the pages. */ .clickable { cursor: pointer; border-bottom: 1px dotted #999; } h4.clickable span { background: url(css/img/open.jpg) no-repeat left center; padding-left: 20px; } h4.clickable.open span { background: url(css/img/close.jpg) no-repeat left center; padding-left: 20px; } .roller { display: none; } .gallery { clear: both; } #container { background: #fff; overflow: hidden; border: 1px solid #a8a082; margin-bottom: 30px; } .div { width: 127px; height: 7px; background: url(css/img/div.png) no-repeat center center; display: block; margin: 12px auto 17px; } #history { float: right; margin-top: 5px; } #history p { margin: 0 10px; } #primary { background: url(css/img/pattern2.jpg) repeat; overflow: hidden; border-bottom: 1px solid #a49977; padding: 10px 0; } .continua { float: right; color: #9d3b18; text-decoratidon: none; text-transform: capitalize; padding: 0 3px; margin-top: 2px; } .continua:hover { color: #edece7; background-color: #9d3b18; } /* Images container setup */ #slideshow { margin: 5px 0; } #slideshow.de { margin: 17px 0; } #pics { width: 460px ; height: 262px; margin: 0 auto; padding: 0; position: relative; background: url(css/img/back_slide.png) center center no-repeat; } #pics img { margin: 12px; border: 1px solid #a49977; width: 430px; height: 230px; top: 0; left: 0; position: absolute; padding: 2px;} .promo_pics { width: 300px ; height: 110px; margin: 0 auto 5px; padding: 0; position: relative; background: url(css/img/box_300x110.png) no-repeat center center; } .promo_pics img { margin: 5px 12px; border: 1px solid #a49977; width: 270px; height: 94px; top: 0; left: 0; position: absolute; padding: 2px; } .promo_pics img:hover { background-color: #9d3b18; } /* box immagini */ .box_300 { height: 300px; background: url(css/img/box_300x300.png) no-repeat center center; position: relative; margin-bottom: 20px;} .right.box_300 { left: -300px; } .left.box_300 { right: -300px; } .box_300 img { margin: 5px 12px; border: 1px solid #a49977; width: 270px; height: 284px; position: absolute; padding: 2px; } .box_200 { width: 200px; height: 300px; background: url(css/img/box_200x300.png) no-repeat center center; position: relative; padding: 0 10px; margin-bottom: 20px;} .box_200 img { margin: 5px 12px; border: 1px solid #a49977; width: 170px; height: 284px; position: absolute; padding: 2px; } /* -------------------------------------------------------------------------------------------------------------- */ #secondary { background: url(css/img/pattern.jpg) repeat; padding: 10px 0; float: left; width: 100%; overflow: hidden; color: #444; } #promo, #promotions, #bookings { background: url(css/img/bordo_bott.png) bottom center no-repeat; min-height: 320px; padding: 0 10px 30px; } #promo p { margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; font-variant: small-caps; font-size: 16px; color: #9e3a16; } #promotions h3 { font-size: 16px; text-align: left; letter-spacing: .1em; color: #6B804E; font-weight: normal; font-style: normal; border-bottom: 1px solid #cdc5be; position: relative; margin-bottom: 0; } #promotions p { font-style: italic; text-align: justify; margin-right: 10px; margin-left: 10px; } .euro_home { font-size: 19px; color: #9d3b18; margin: 0; position: relative; padding-right: 10px; } .offerta_home {margin-bottom: 20px;} .dot { width: 17px; height: 17px; background: url(css/img/h3_dot.png) no-repeat center center; margin-right: 5px; float: left; position: relative; bottom: -2px; } .prezzo { position: relative; } .prezzo_home { clear: both; border-bottom: 1px dotted #999; text-align: right; } .riga1 p { text-transform: uppercase; font-weight: normal; font-style: normal; display: inline; text-align: left; float: left; position: relative; margin: 0; bottom: -10px; font-size: 12px; } .riga2 { font-variant: small-caps; margin-bottom: 0; color: #7f7a66; font-size: 12px; width: 190px; } #promotions .more { margin: 0 ; text-align: right; } #promotions .more a { color: #98998c; font-variant: small-caps; font-size: 16px; text-decoration: none; font-weight: normal; font-style: normal; padding: 2px 6px 2px 39px; background: url(css/img/hand.png) no-repeat left center;} #promotions .more a:hover { overflow: hidden; background-color: #e0dfd4; color: #9d3b18; } .offerta .more { text-align: right; } .offerta .more a { background: url(css/img/hand.png) no-repeat left center; color: #98998c; font-variant: small-caps; font-size: 16px; text-decoration: none; font-weight: normal; font-style: normal; padding: 2px 6px 2px 44px; } .offerta .more a:hover { overflow: hidden; background-color: #e0dfd4; color: #9d3b18; } #secondary p img { clear: both; background: transparent; border: 1px solid #7f7a66; padding: 2px; } #secondary p img:hover { background-color: #9d3b18; } #secondary img.alignleft { margin: 10px 20px 10px 0; } #secondary img.alignright { margin: 10px 0 10px 20px; } #ristorante h2 { margin: 10px 0 0 0; padding: 0; text-indent: -9999px; width: 380px; height: 223px; background: url(css/img/ristorante.png) no-repeat left top; } #rist_menu h3 { text-align: center; } #rist_menu { padding: 15px; border: 3px solid #b9bca1; } #rist_menu p { color: #666;} .euro { font-size: 12px; padding-left: 2px; background: url(css/img/pattern.jpg) repeat; } #rist_menu dl { position: relative; padding-left: 20px;} #rist_menu dt { font-variant: small-caps; letter-spacing: .1em; padding-right: 30px; border-bottom: 1px dotted #999; margin-top: 10px; } #rist_menu dd.prezzo { position: relative; top: -1.5em; float: right; font-style: italic; color: #932; font-size: 18px; } #rist_menu dd.desc { font-size: .8em; color: #888;border-bottom: 1px dotted #999; margin-bottom: 1em; } .pie-gallery { clear:both; border: 1px solid #a49977; background-image: url(css/img/pattern2.jpg); margin: 10px 0; } .pie-gallery img { width: 80px; height: 80px; padding: 0; } .pie-item { padding: 10px 5px;} .pie-img-wrapper { width: 86px; height: 86px; overflow: hidden; } .offerta { float: left; margin: 10px 10px 20px;} .detail { background-color: #737859; color: #edece7; margin-left: 5px; padding: 2px 5px; text-transform: uppercase; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .detail:hover { background-color: #bfb79d; color: #4e482f; } .offerta .desc { width: 450px; height: 147px; background: url(css/img/offerte_sx.png) no-repeat left top; } .offerta .desc h3, .offerta .desc p { margin: 10px 10px 0 20px; text-align: center; padding: 5px 0; } .offerta .desc p { font-size: .85em; color: #4e482f; } .offerta .desc h3 { border-bottom: 1px solid #6e6e28; text-transform: uppercase; color: #6B804E; font-weight: normal; font-style: normal; } .offerta .prezzo { text-align: center; color: #D2D3BA; background: url(css/img/offerte_dx.png) no-repeat top right; width: 170px; height: 168px; } .offerta .prezzo p { font-size: .8em; padding-right: 26px; padding-left: 14px; margin: 20px 0 0; text-shadow: #aab183 0 1px 0; } .offerta .prezzo span { display: block; text-align: center; font-size: 3.3em; color: #fff; text-shadow: #545841 0 -1px 0; } .offerta .prezzo em { font-size: .6em; } #proposta_comprende h4 { border-bottom: 1px dotted #6e6e28; } /* -------------------------------------------------------------------------------------------------------------- Section: FOOTER Description: Footer elements (typically contacts) */ h5 { border-top: 1px dotted #a49977; border-bottom: 1px dotted #a49977; padding-left: 10px; letter-spacing: .1em; color: #4e482f; font-variant: small-caps; font-weight: normal; font-style: normal; margin-bottom: 10px; background: rgba(164,153,119,0.15) repeat; } #footer { background: url(css/img/pattern2.jpg) repeat; border-top: 1px solid #a49977; padding: 20px 10px; } #contact .grid_3 { padding: 0 0 0 10px } .given-name { display: block; margin-bottom: 7px; font-size: 16px; } .given-name-sec { display: block; border-top: 1px dotted #a49977; } #footer ul { list-style-position: inside; } #footer li { margin-bottom: 5px; } #footer a { color: #932; text-decoration: none; border-bottom: 1px solid; } #footer .mail { padding: 5px 10px; width: 200px ; border: 1px dotted #a49977; } #footer .submit { width: ;color: #9d3b18; background-color: #e0dfd4; border: 1px dotted #a49977; font-size: 14px; padding-right: 15px; padding-left: 15px; margin: 10px 0; } #footer .submit:hover { background-color: #9d3b18; color: white; } #footer form { text-align: center; border-top: 1px dotted #a49977; padding-top: 10px; } #iscriviti { margin-bottom: 10px; font-size: 11px; } #footer a:hover { color: #edece7; background-color: #9d3b18; } /* -------------------------------------------------------------------------------------------------------------- Section: CREDITS Description: Credits elements */ #credits { margin-bottom: 30px; padding: 0 10px; width: 960px; } #credits p { margin: 9px; text-align: center; font-style: italic; font-size: 12px; color: #7e775c; } #credits p span { text-transform: lowercase; letter-spacing: .1em; font-variant: small-caps;} #credits p a { font-weight: bold; color: #50260c; text-decoration: none; font-style: normal;} #credits p a:hover { color: #000}