/* Theme Name: Verger Custom Theme Theme URI: http://www.verger.com/ Description: Custom Designed Template for Verger corporate website Version: 0.1 Author: Luca Fresc Author URI: http://www.arrotinodigitale.it/ Tags: single page, full scroll, left sidebar, light grey, popups & tooltips Text Domain: Verger Custom Theme Verger 0.1 http://www.verger.com/ This theme was hand-coded by Luca Fresc, The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* * web fonts */ @font-face { font-family: 'vergerregular'; src: url('fonts/p22_johnston_underground2-webfont.eot'); src: url('fonts/p22_johnston_underground2-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/p22_johnston_underground2-webfont.woff2') format('woff2'), url('fonts/p22_johnston_underground2-webfont.woff') format('woff'), url('fonts/p22_johnston_underground2-webfont.ttf') format('truetype'), url('fonts/p22_johnston_underground2-webfont.svg#p22_johnston_undergroundRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'vergerbold'; src: url('fonts/p22_johnston_undergroundbold-webfont.eot'); src: url('fonts/p22_johnston_undergroundbold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/p22_johnston_undergroundbold-webfont.woff2') format('woff2'), url('fonts/p22_johnston_undergroundbold-webfont.woff') format('woff'), url('fonts/p22_johnston_undergroundbold-webfont.ttf') format('truetype'), url('fonts/p22_johnston_undergroundbold-webfont.svg#p22johnstonundergroundregular') format('svg'); font-weight: normal; font-style: normal; } /* ** INIZIO CRITICAL ** */ :focus { -moz-outline-style: none; } * { margin: 0; padding: 0; } html { height: 100%; } body { height: 100%; /*overflow-y: auto;*/ } body { overflow: hidden; } .overwrapper { overflow: auto !important; overflow-y: scroll !important; overflow-x: hidden !important; overflow: scroll; } .left { float: left; } .right { float: right; } .clear { clear: both; } .hidden { display: none; } a img { border: none; } /*#page_about { background: #b0c4de; } #page_shop { background: #adff2f; } #page_collection { background: #dda0dd; }*/ /*.wrapper { background: #ebebeb url(../images/leftcol_bg.jpg) repeat-y; }*/ .lang_col { position: fixed !important; position: absolute; top: 0; left: 0; width: 14px; background: #ffffff; } .overwrapper { min-height: 100% !important; min-height: auto; height: 100%; /*background: #f0f0da url(images/leftcol_bg.jpg) repeat-y;*/ } body { background: #f0f0da url(images/leftcol_bg.jpg) repeat-y; } /*body>.overwrapper { height: auto; min-height: 100%; }*/ .wrapper { /*height: 100%;*/ /*width: 100%; float: left;*/ /* height: auto; <- commented */ height: 100%; } /* sticky footer -- http://ryanfait.com/sticky-footer/layout.css */ .subwrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; } .footer, .push { height: 50px; overflow: hidden; } .footer { font: 9px/50px "Times New Roman", Times, serif; color: #666666; text-transform: uppercase; background: url(images/separator.jpg) 42px 0 no-repeat; padding-left: 44px; } .footer a { color: #000000; text-decoration: none; } /*.wrapper { height: 100%; }*/ /*body>.wrapper { height: auto; min-height: 100%; }*/ /*.wrapper { height: auto !important; height: 100%; min-height: 100%; }*/ /* ** FINE CRITICAL ** */ .lang_col a { display: block; width: 14px; height: 31px; background-position: left top; background-repeat: no-repeat; text-indent: -9999px; } .lang_col a:hover, .lang_col a.selected { background-position: -14px top; } .lang_col a.it { background-image: url(images/lang_it.jpg); } .lang_col a.en { background-image: url(images/lang_en.jpg); } /* .lang_col a:focus { -moz-outline: none; } */ .content { padding: 17px 0 0 42px; /*background: url(images/separator.jpg) 17px bottom no-repeat;*/ } .content .left a.brand { display: block; margin-bottom: 50px; width: 121px; height: 118px; background: url(images/verger_brand.gif) no-repeat; text-indent: -9999px; } .content .left .caption { width: 380px; /*font: 11px/16px "Georgia", "Times New Roman", Times, serif;*/ font: 12px/15px "Georgia", "Times New Roman", Times, serif; color: #333333; } .content .left .caption p { margin-bottom: 16px; } .content .left .caption p#top { margin-bottom: 0; } .content .left .caption a { color: #333333; text-decoration: none; } .content .left .caption a:hover { text-decoration: underline; } .content .left .caption h4 { margin-bottom: 5px; font-size: 12px; font-weight: bold; } .content .left .menu { padding-top: 12px; } .content .left .menu ul { list-style: none; } /* *** MENU *** */ .content .left .menu li { height: 1%; } .content .left .menu li a { display: block; height: 18px; margin-bottom: 5px; /*background-position: left top; background-repeat: no-repeat; text-indent: -9999px; font-size: 0;*/ font-family: "vergerregular"; font-weight: 600; text-decoration: none; text-transform: uppercase; color: #5c5c5c; font-size: 23px; text-decoration: none; text-transform: uppercase; line-height: 0.8; letter-spacing: 2px; } .content .left .menu li a:hover { /*background-position: left -18px;*/ color: #b99418; } .content .left .menu .selected a, .content .left .menu li a:hover { color: #b99418; /*background-position: left -18px; */} .content .left .menu li a:focus { -moz-outline: none; } .content .left .menu li.home a { /*background-image: url(images/menu_home.gif);*/ } /* .content .left .menu li.about a { width: 84px; background-image: url(images/menu_about.gif); } .content .left .menu li.shop a { width: 126px; background-image: url(images/menu_spazio.gif); } .content .left .menu li.collection a { width: 157px; background-image: url(images/menu_catering.gif); } .content .left .menu li.events a { width: 94px; background-image: url(images/menu_news.gif); } .content .left .menu li.contact a { width: 121px; background-image: url(images/menu_contact.gif); } .content .left .menu li.kitchen a { width: 178px; background-image: url(images/menu_ristorante.gif); } .content .left .menu li.coming_soon { width: 100px; padding-right: 100px; background: url(images/coming_soon.gif) right top no-repeat; } */ .datebox { position: fixed !important; position: absolute; top: 11px; right: 15px; overflow: hidden; padding: 6px 74px 6px 11px; background: #f7f7e7 url(images/date_pattern.jpg); border: 4px solid #f7f7e7; border-right: none; } .datebox .item { /*float: right;*/ float:left; /*width: 61px;*/ padding: 0 18px; height: 17px; text-align: center; margin-right: 4px; /*font: 11px/17px "Georgia", "Times New Roman", Times, serif;*/ font: 12px/15px "Georgia", "Times New Roman", Times, serif; font-style: italic; background: #ffffff; color: #333333; } .content .right .popupbox { overflow: hidden; margin: 50px 75px 0 0; display: none; } .content .right .popupbox .item { float: right; margin-left: 13px; /*font: bold 11px/15px "Georgia", "Times New Roman", Times, serif;*/ font: bold 12px/15px "Georgia", "Times New Roman", Times, serif; color: #ffffff; } .content .right .popupbox .item a { color: #ffffff; } .content .right .popupbox .wide { width: 161px; } .content .right .popupbox .narrow { width: 123px; } /*.content .right .popupbox .wide, .content .right .popupbox .narrow { width: 800px; }*/ .content .right .popupbox .wide .bottom { display: block; } .content .right .popupbox .narrow .bottom { display: block; height: 9px; } .content .right .popupbox .green .content { background: #20962e; } .content .right .popupbox .green .bottom { height: 15px; background: url(images/popup_green_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .yellow .content { background: #ffad2f; } .content .right .popupbox .yellow .bottom { height: 15px; background: url(images/popup_yellow_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .sandyellow .content { background: #e5c951; } .content .right .popupbox .sandyellow .bottom { height: 10px; background: url(images/popup_sandyellow_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .brown .content { background: #6e5635; } .content .right .popupbox .brown .bottom { height: 10px; background: url(images/popup_brown_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .lightbrown .content { background: #c5640a; } .content .right .popupbox .lightbrown .bottom { height: 10px; background: url(images/popup_lightbrown_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .lightblue .content { background: #00a2c5; } .content .right .popupbox .lightblue .bottom { height: 10px; background: url(images/popup_lightblue_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .darkblue .content { background: #205f7b; } .content .right .popupbox .darkblue .bottom { height: 10px; background: url(images/popup_darkblue_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .aqua .content { background: #51e5bf; } .content .right .popupbox .aqua .bottom { height: 10px; background: url(images/popup_aqua_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .violet .content { background: #7768a9; } .content .right .popupbox .violet .bottom { height: 10px; background: url(images/popup_violet_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .purple .content { background: #8f0d7b; } .content .right .popupbox .purple .bottom { height: 10px; background: url(images/popup_purple_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .red { position: absolute; top: -140px; } .content .right .popupbox .red .content { background: #b40032; } .content .right .popupbox .red .bottom { height: 10px; background: url(images/popup_red_bg.gif) center bottom no-repeat; font-size: 1px; line-height: 0; } .content .right .popupbox .item .content { padding: 17px 14px 25px; color: #ffffff; } .imgfooter { padding: 0 0 42px 42px; } .gallery_page .left .caption { width: auto; float: left; } .gallery_page .left .caption p { width: 480px; font-style: normal; } .gallery_page .left .menu { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; margin-bottom: 16px; } .gallery_page .right { position: absolute; right: 0; } .galleryparent_page .left .caption { /* width: auto; */ /* float: left; */ } .galleryparent_page .left .caption p { width: 480px; font-style: normal; } .galleryparent_page .left .menu { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; } .galleryparent_page .left .subpages { padding: 16px 0; margin-bottom: 20px; background: url(images/separator.jpg) left bottom no-repeat; } .galleryparent_page .left .subpages a { /* font: bold 14px Helvetica, Arial, sans-serif; */ font: 14px "Gill Sans MT", Gill Sans, Helvetica, Arial, sans-serif; letter-spacing: 1px; text-decoration: none; } .gallery img { padding: 0 7px 17px 0; } #px2 { margin-top: 40px; } /* ***** PAGE_INDEX ***** */ /*#page_home { min-height: 100%; height: auto !important; margin-bottom: -311px; } #page_home .imgfooter, #page_home .imgfooter_push { width: 954px; height: 311px; overflow: hidden; padding: 0 0 0 42px; }*/ #page_home .content { padding-bottom: 65px; } #page_home .left .caption { font-style: italic; padding-bottom: 12px; background: url(images/separator.jpg) left bottom no-repeat; } /* ***** PAGE_ABOUT ***** */ #page_about .content { padding-bottom: 40px; } #page_about .left .menu { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; margin-bottom: 16px; } #page_about .left .caption { width: 480px; font-style: normal; } #page_about .right .popupbox { margin-top: 180px; } /* ***** PAGE_SHOP ***** */ /*#page_shop .content .left { width: 100%; } #page_shop .content .left .caption { width: 100%; } #page_shop #px1 { margin-top: 20px; } #page_shop .caption #top { padding-top: 12px; }*/ #page_shop .right .popupbox { margin-top: 180px; } #page_shop .caption .gallery { padding-top: 20px; } /* ***** PAGE_COLLECTION ***** */ .subpage { clear: both; /*overflow: hidden;*/ position: relative; } .subpages ul { list-style: none; } .subpages ul li a { color: #020202; font-size: 14px; } .subpages ul li a:hover, .subpages ul li a.selected { color: #aa8200; } #page_collection { height: auto; height: 100%; } /* ***** PAGE_KITCHEN ***** */ #page_kitchen .left { width: 100%; } #page_kitchen .gallery { padding-top: 20px; } #page_kitchen .right { /*position: absolute; right: 0;*/ /*position: relative;*/ float: right; } #page_kitchen .popup_108, #page_kitchen .popup_140 { position: absolute; right: auto; left: 0; } #page_kitchen .popup_108 .popupbox { position: absolute; left: 550px; margin-top: 0; /*margin-left: 300px;*/ /*margin-top: -90px;*/ } #page_kitchen .popup_140 .popupbox { position: absolute; left: 300px; /*margin-left: 300px;*/ margin-top: -140px; } #page_kitchen .content { padding-bottom: 42px; } #page_kitchen .content .left .caption { width: auto; } /* *** UPDATE 20 settembre 2010 *** */ /* ***** PAGE_EVENTS ***** */ #page_events { font-size: 14px; } #page_events .left .menu { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; margin-bottom: 16px; } #page_events .left .caption .subpage h3 { padding-bottom: 4px; font: bold normal 14px Helvetica, Arial, sans-serif; text-decoration: none; } #page_events .left .caption .subpage .gallery { padding-top: 20px; } #page_events .left .caption .subpage { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; margin-bottom: 16px; } #page_events .left .caption .nav_menu { padding: 5px 0; } #page_events .left .caption a.nav_prev { display: block; float: left; width: 39px; height: 15px; font-size: 0; line-height: 0; text-align: -9999px; background: url(images/events_nav-prev.gif) 0 0 no-repeat; } #page_events .left .caption #nav_menu_numerator { display: block; float: left; font-weight: bold; color: #aa8200; } #page_events .left .caption a.nav_next { display: block; float: left; width: 39px; height: 15px; font-size: 0; line-height: 0; text-align: -9999px; background: url(images/events_nav-next.gif) 0 0 no-repeat; } /* ***** PAGE_CONTACT ***** */ #page_contact .left .caption h3 { padding-bottom: 4px; font: bold normal 14px Helvetica, Arial, sans-serif; } #page_contact .left .menu { padding: 0 0 16px; background: url(images/separator.jpg) left bottom no-repeat; margin-bottom: 16px; } #page_contact .left .caption .separator { margin: 12px 0; height: 1px; background: url(images/separator.jpg) left bottom no-repeat; } /* ***** COMPONENTI ***** */ .pp_pic_holder .currentTextHolder, .pp_pic_holder .pp_close { /*font: 11px "Georgia", "Times New Roman", Times, serif;*/ font: 12px "Georgia", "Times New Roman", Times, serif; } div.dark_square a.pp_close { width: auto; height: auto; text-indent: 0; background: none; color: #C4C4C4; text-decoration: none; margin-top: 5px; } div.dark_square a.pp_close:hover { color: #ffffff; } .gallery { width: 850px; float: left; } #page_home .content .right, #page_about .content .right { left: 700px; } .content .right .popupbox { margin: 50px 0 0 0; } .content { position: relative; } .content .right { position: absolute; left: 570px; } #page_shop .right { float: none; right: auto; } #page_contact .right .popupbox, #page_shop .right .popupbox { margin: 180px 0 0; } #page_kitchen .popup_108 .popupbox { position: relative; left: 505px; } #page_shop .right .popupbox, #page_contact .right .popupbox { left: 550px; } /* ***** PAGE_KITCHEN > MENU ***** */ #page_kitchen .caption .kmenucontainer { /* background: #ff0000; */ } #page_kitchen .caption .kmenucontainer .column { float: left; width: 293px; padding-right: 25px; } #page_kitchen .caption .kmenucontainer .column h2 { height: 30px; font: italic 20px/30px "Georgia", "Times New Roman", Times, serif; color: #000000; } #page_kitchen .caption .kmenucontainer #eat { width: 360px; } #page_kitchen .caption .kmenucontainer #drink { width: 293px; } #page_kitchen .caption .kmenucontainer #spirits { width: 255px; } #page_kitchen .caption p#top { margin-bottom: 0; } // FIX: altrimenti il menu salta; #page_kitchen .caption .kmenucontainer #eat h2.head { background: url(images/kitchenmenu_eat.gif) no-repeat left center; text-indent: -9999px; border: 1px dotted #000000; border-width: 1px 0; } #page_kitchen .caption .kmenucontainer #eat h2.head { background: url(images/kitchenmenu_eat.gif) no-repeat left center; text-indent: -9999px; border: 1px dotted #000000; border-width: 1px 0; } #page_kitchen .caption .kmenucontainer #drink h2.head { background: url(images/kitchenmenu_drink.gif) no-repeat left center; text-indent: -9999px; border: 1px dotted #000000; border-width: 1px 0; } #page_kitchen .caption .kmenucontainer #spirits h2.head { background: url(images/kitchenmenu_spirits.gif) no-repeat left center; text-indent: -9999px; border: 1px dotted #000000; border-width: 1px 0; } #page_kitchen .caption .kmenucontainer .column div h2 { height: auto; font: 11px/normal "Gill Sans MT", Gill Sans, Helvetica, Arial, sans-serif; /*letter-spacing: 1px;*/ text-transform: uppercase; padding: 20px 0 4px; border-bottom: 1px dotted #000000; } #page_kitchen .caption .kmenucontainer .column table { background: none; } #page_kitchen .caption .kmenucontainer .column table td { background: none; font-style: italic; border: none; padding: 0 2px; } #page_kitchen .caption .kmenucontainer .column table td.column-2 { text-align: right; } .post-90{display:none;}