/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } b, strong { font-weight: bold; } small { font-size: 0.8em; } table { width: 100%; } .wrapper { clear: both; } body { background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/bg.jpg) no-repeat center top fixed; background-size: cover; font-family: "Myriad Pro", "Tahoma"; } h1, h2, h3, h4, h5, h6 { font-family: "futura-pt-condensed", "Helvetica", "Arial", sans-serif; margin: 0 0 2%; line-height: 1.3em; } h1 { font-size: 2em; } h2 { font-size: 1.8em; } h3 { font-size: 1.6em; } ul li, p { line-height: 1.4em; } p { font-size: 1.2em; } a { color: #fff; } img { max-width: 100%; } /* #container { width: 960px; margin: 0 auto; } */ /* FACEBOOK LIKEBOX */ #facebook-likebox { width: 388px; height: 400px; position: fixed; top: 120px; right: -388px; float: left; z-index: 30000; } #facebook-likebox { display: none; /* IS SHOWN BY JAVASCRIPT */ } #facebook-likebox a.button { width: 60px; height: 160px; margin: 0; padding: 0; background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/facebook.png) no-repeat 0 0; display: block; position: relative; left: -50px; float: left; margin-bottom: -160px; } #facebook-likebox #facebook-likebox-wrapper { width: 320px; height: 400px; padding: 10px; background: #81a72e url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/facebook-likebox-bg.jpg) repeat 0 0; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); z-index: 31000; overflow: hidden; } #facebook-likebox #facebook-likebox-wrapper .facebook-likebox { border: none; overflow: hidden; background: #fff; } #facebook-likebox #facebook-likebox-wrapper .facebook-likebox { width: 320px; height: 400px; } .facebook-likebox-noscript { width: 640px; height: 184px; background: transparent; overflow: hidden; border: none; margin-top: 20px; } /* TRIPADVISOR SIDELINK */ #tripadvisor-button { width: 60px; height: 160px; margin: 0; padding: 0; background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/tripadvisor.png) no-repeat 0 0; display: block; position: fixed; top: 290px; right: -10px; float: left; transition: right .3s; -webkit-transition: right .3s; z-index: 29000; } #tripadvisor-button:hover { right: 0; } #header { position: relative; } #header img#logo { float: left; position: relative; left: -34px; } #header .menu-area { margin-top: 134px; float: right; } #header ul#menu { font-family: "futura-pt-condensed", "Helvetica", "Arial", sans-serif; float: right; } #header ul#menu li { float: left; margin-left: 20px; } #header ul li a { color: #fff; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); text-decoration: none; text-transform: uppercase; font-size: 1.8em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #header ul li a:hover, #header ul li a.current { color: #1a1a1c; } #header .submenu { margin-top: 12px; float: right; } #header .submenu li { float: left; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); } #header .submenu li:after { content: "/"; font-size: 1.3em; color: #fff; } #header .submenu li:last-child:after { content: ""; } #header .submenu li a { text-decoration: none; text-transform: uppercase; font-family: "futura-pt-condensed", "Helvetica", "Arial", sans-serif; font-size: 1.3em; padding: 2px 6px; } /* #content { margin-bottom: 64px; } */ /* .content-section { margin-bottom: 30px; } */ /* .left-content { width: 720px; float: left; margin-right: 20px; } */ /* .right-sidebar { width: 220px; float: left; } */ .white-bg { background: #fff; } .white-bg.padding { padding: 30px 40px; } .white-bg h3.subtitle { font-family: "Myriad Pro", "Tahoma"; font-size: 1.1em; font-style: italic; } .white-bg hr { color: #898989; background: #898989; } .white-bg a { color: #000; } .white-bg.about h2 { color: #898989; margin-top: 11px; } .white-bg.about p { color: #898989; font-family: "futura-pt-condensed", "Helvetica", "Arial", sans-serif; font-size: 14pt; } .about { margin-top: 20px; } #main-photo { margin-bottom: 16px; } .box.banner { background: #1a1a1c; height: 420px; padding: 170px 0 30px; margin-bottom: 20px; } .box.banner p.akce { color: #ffffff; text-align: center; font-style: italic; font-size: 1.6em; } .box.red-banner { background: #b0392e; color: #fff; padding: 20px; } .box.red-banner h2 { text-transform: uppercase; height: 56px; vertical-align: baseline; line-height: 1em; margin-bottom: 7px; } .box.red-banner h2 img { float: left; margin-right: 12px; } .box.red-banner hr { height: 1px; background: #000; margin: 24px 0; border: none; } #footer-wrap { margin: 0; padding: 0; margin-top: 64px; background: rgba(0,0,0,0.34); } #footer-wrap { color: #fefdfd; padding: 50px 0; } .column2 { width: 100%; } .column2 .column { width: 470px; margin-right: 20px; float: left; } .column2 .column.last { margin-right: 0; } #footer ul.contact { margin-bottom: 20px; } #footer ul.contact:last-child { margin-bottom: 0; } #footer ul.contact li { line-height: 1.8em; } table.opening-hours { } table.opening-hours tr td { line-height: 1.8em; font-weight: bold; } /* #Page Styles ================================================== */ /* Menu */ .menu { padding: 24px 0; } .menu h3 { font-size: 2em; display: block; clear: both; margin: 56px 0 12px 20px; padding-left: 80px; background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/logo-kruh.png) no-repeat left center; height: 54px; line-height: 54px; } .menu .six.columns { width: 320px; margin: 0 40px; } .menu p { line-height: 1em; font-size: 1em; margin-bottom: 12px; clear: both; } .menu p span.price { text-align: right; float: right; font-style: italic; } .menu p span.desc { display: block; font-size: 0.7em; font-style: italic; } .alergeny { font-size: 12px; line-height: 1.4em; margin-top: 48px; } /* Contact */ div.contact { margin-bottom: 20px; height: 560px; } div.contact p, div.contact ul { font-size: 10pt; margin: 0 0 20px; } div.contact h3 { font-size: 14pt; text-transform: uppercase; } /* Gallery */ div.gallery { padding: 50px 0; } div.gallery a.fancybox { margin-bottom: 20px; display: block; } /* #Media Queries ================================================== */ /* Bigger than standard 960 (devices and browsers) */ @media only screen and (min-width: 960px) { .info { padding-left: 100px; background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/info-footer-badge.png) no-repeat left top; } .clock { padding-left: 100px; background: transparent url(/web/20160704160016im_/http://www.pizzeriacaruso.net/img/opening-hours.png) no-repeat left top; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #header .menu-area { margin-top: 20px; float: none; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) {} /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {} /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('/web/20160704160016im_/http://www.pizzeriacaruso.net/fonts/FontName.eot'); src: url('/web/20160704160016im_/http://www.pizzeriacaruso.net/fonts/FontName.eot?iefix') format('eot'), url('/web/20160704160016im_/http://www.pizzeriacaruso.net/fonts/FontName.woff') format('woff'), url('/web/20160704160016im_/http://www.pizzeriacaruso.net/fonts/FontName.ttf') format('truetype'), url('/web/20160704160016im_/http://www.pizzeriacaruso.net/fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */ /* FILE ARCHIVED ON 16:00:16 Jul 04, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 16:27:46 Apr 09, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): capture_cache.get: 0.268 load_resource: 497.642 PetaboxLoader3.resolve: 415.038 PetaboxLoader3.datanode: 82.018 */