.wf-loading { font-family: serif } .wf-inactive { font-family: serif } .wf-loading { font-family: serif; font-size: 16px } .post-ratings IMG { width: 17px!important; margin-right: 9px!important; } .multiple-sumome-warning-toast { display: none; } /** START HTML5 Boilerplate CSS **/ /** * HTML5 ✰ Boilerplate * * style.css contains a reset, font normalization and some base styles. * * Credit is left where credit is due. * Much inspiration was taken from these projects: * - yui.yahooapis.com/2.8.1/build/base/base.css * - camendesign.com/design/ * - praegnanz.de/weblog/htmlcssjs-kickstart */ /** * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark * html5doctor.com/html-5-reset-stylesheet/ */ html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /** * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/ */ body { font: 13px/1.231 sans-serif; font-size: small; } /* Hack retained to preserve specificity */ /* Normalize monospace sizing: en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /** * Minimal base styles. */ /* 1) Always force a scrollbar in non-IE 2) Remove iOS text size adjust without disabling user zoom: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } ul, ol { margin-left: 2em; } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; list-style: none; list-style-image: none; } small { font-size: 85%; } b, strong, th { font-weight: bold; } td { vertical-align: top; } /* Set sub, sup without affecting line-height: gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } .ie6 legend, .ie7 legend { margin-left: -7px; } /* 1) Make inputs and buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ 2) WebKit browsers add a 2px margin outside the chrome of form elements. Firefox adds a 1px margin above and below textareas 3) Set font-size to match 's, and font-family to sans-serif 4) Align to baseline */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-size: 100%; font-family: sans-serif; vertical-align: baseline; } /* 1) Remove default scrollbar in IE: www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ 2) Align to text-top */ textarea { overflow: auto; vertical-align: text-top; } /* Hand cursor on clickable input elements */ label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } /* Remove extra padding and inner border in Firefox */ input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Colors for form validity */ input:valid, textarea:valid {} input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* Bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; } /** * You might tweak these.. */ body, select, input, textarea { color: #555; /* Set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } /* These selection declarations have to be separate ::-moz-selection { background: #fe57a1; color:#fff; text-shadow: none; } ::selection { background:#fe57a1; color:#fff; text-shadow: none; } * */ /* Less Framework 4 with 16/24 type presets http://lessframework.com by Joni Korpi License: http://opensource.org/licenses/mit-license.php */ /* Resets ------ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video { display: block; } a img { border: 0; } /* Typography presets ------------------ */ .gigantic { font-size: 110px; line-height: 120px; letter-spacing: -2px; } .huge, h1 { font-size: 38px; letter-spacing: 0px; line-height: 55px; } .large, h2 { font-size: 32px; line-height: 43px; } .bigger, h3 { font-size: 26px; line-height: 36px; } .big, h4 { font-size: 22px; line-height: 30px; } h5 { font-size: 20px; line-height: 28px; } h6 { font-size: 17px; line-height: 25px; } body { font: 16px/24px Georgia, serif; } .small, small { font-size: 13px; line-height: 18px; } /* Selection colours (easy to forget) */ /*::selection {background: rgb(255,255,158); color:#000} ::-moz-selection {background: rgb(255,255,158);color:#000} img::selection {background: transparent;} img::-moz-selection {background: transparent;}*/ body { -webkit-tap-highlight-color: rgb(255, 255, 158); } div.printfriendly { margin: 0 12px!important; } /* Tablet Layout: 768px. Gutters: 24px. Outer margins: 28px. Inherits styles from: Default Layout. ----------------------------------------------------------------- cols 1 2 3 4 5 6 7 8 px 68 160 252 344 436 528 620 712 */ @media only screen and (min-width: 768px) and (max-width: 991px) { body { padding: 48px 28px 60px; } } /* Mobile Layout: 320px. Gutters: 24px. Outer margins: 34px. Inherits styles from: Default Layout. --------------------------------------------- cols 1 2 3 px 68 160 252 */ @media only screen and (max-width: 767px) { body { width: 252px; padding: 48px 34px 60px; } header.main { float: none; } .share-post-mobile { display: block; text-align: center; position: fixed; bottom: 10px; left: 15px; right: 15px; z-index: 20 } .share-post-mobile .sharrre { float: left; width: 25%; height: 34px; line-height: 34px; margin: 0 } .share-post-mobile .sharrre .box { width: 100%; height: 34px; line-height: 34px } .share-post-mobile .twitter .box { border-radius: 3px 0 0 3px } .share-post-mobile .pinterest .box { border-radius: 0 3px 3px 0 } .share-post-mobile .sharrre .box i { line-height: 34px } .share-post-bottom .sharrre { display: inline-block; margin: 0 6px 6px 0 } } /* Wide Mobile Layout: 480px. Gutters: 24px. Outer margins: 22px. Inherits styles from: Default Layout, Mobile Layout. ------------------------------------------------------------ cols 1 2 3 4 5 px 68 160 252 344 436 */ @media only screen and (min-width: 480px) and (max-width: 767px) { body { width: 436px; padding: 36px 22px 48px; } } /* Retina media query. Overrides styles for devices with a device-pixel-ratio of 2+, such as iPhone 4. ----------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { body {} } .single-post .category-idei .pf-content { margin: 11px 20px 0 40px; } article.post.category-idei h2.entry-title { padding-top: 26px; } .single-post .category-idei ul li { background: transparent url("https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/recipe/checkbox.png") no-repeat scroll left 15px; list-style: outside none none; } .single-post .category-idei ul li p { margin-left: 18px; } .attachment-medium_large.size-medium_large.wp-post-image { max-width: 612px; height: auto; margin-top: 16px; width: 100% } #featured-container { padding-bottom: 20px; } /* prettyPhoto*/ div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right { height: 13px } div.pp_default .pp_top .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat } div.pp_default .pp_top .pp_middle { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_x.png) top left repeat-x } div.pp_default .pp_top .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat } div.pp_default .pp_content .ppt { color: #f8f8f8 } div.pp_default .pp_content_container .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px } div.pp_default .pp_content_container .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px } div.pp_default .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_next.png) center right no-repeat; cursor: pointer } div.pp_default .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer } div.pp_default .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; height: 28px; width: 28px } div.pp_default .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer } div.pp_default .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; height: 28px; width: 28px } div.pp_default .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer } div.pp_default .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; height: 30px; width: 30px } div.pp_default .pp_gallery ul li a { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border: 1px solid #aaa } div.pp_default .pp_social { margin-top: 7px } div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next { left: auto; position: static } div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height: 30px; width: 30px } div.pp_default .pp_nav .pp_pause { background-position: -51px -29px } div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0; width: 20px } div.pp_default a.pp_arrow_next { background-position: -82px -3px; left: 52px } div.pp_default .pp_content_container .pp_details { margin-top: 5px } div.pp_default .pp_nav { clear: none; height: 30px; position: relative; width: 110px } div.pp_default .pp_nav .currentTextHolder { color: #999; font-family: Georgia; font-size: 11px; font-style: italic; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px } div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity: 0.7 } div.pp_default .pp_description { font-size: 11px; font-weight: 700; line-height: 14px; margin: 5px 50px 5px 0 } div.pp_default .pp_bottom .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat } div.pp_default .pp_bottom .pp_middle { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x } div.pp_default .pp_bottom .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat } div.pp_default .pp_loaderIcon { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/default/loader.gif) center center no-repeat } div.light_rounded .pp_top .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat } div.light_rounded .pp_top .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat } div.light_rounded .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.light_rounded .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_rounded .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_rounded .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_rounded .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_rounded .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_rounded .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.light_rounded .pp_nav .pp_play { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_rounded .pp_arrow_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat } div.light_rounded .pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat } div.light_rounded .pp_bottom .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat } div.light_rounded .pp_bottom .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_top .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat } div.dark_rounded .pp_top .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat } div.dark_rounded .pp_content_container .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y } div.dark_rounded .pp_content_container .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y } div.dark_rounded .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer } div.dark_rounded .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer } div.dark_rounded .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_rounded .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_rounded .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_rounded .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_rounded .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.dark_rounded .pp_description { color: #fff; margin-right: 85px } div.dark_rounded .pp_nav .pp_play { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_rounded .pp_arrow_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat } div.dark_rounded .pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat } div.dark_rounded .pp_bottom .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat } div.dark_rounded .pp_bottom .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat } div.dark_rounded .pp_loaderIcon { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat } div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: #000 } div.dark_square .pp_description { color: #fff; margin: 0 85px 0 0 } div.dark_square .pp_loaderIcon { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/loader.gif) center center no-repeat } div.dark_square .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.dark_square .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.dark_square .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.dark_square .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.dark_square .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.dark_square .pp_nav { clear: none } div.dark_square .pp_nav .pp_play { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.dark_square .pp_arrow_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat } div.dark_square .pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat } div.dark_square .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer } div.dark_square .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.light_square .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer } div.light_square .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer } div.light_square .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer } div.light_square .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer } div.light_square .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 75px } div.light_square .pp_nav .pp_play { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px } div.light_square .pp_arrow_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat } div.light_square .pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat } div.light_square .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer } div.light_square .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_top .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat } div.facebook .pp_top .pp_middle { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x } div.facebook .pp_top .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat } div.facebook .pp_content_container .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y } div.facebook .pp_content_container .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y } div.facebook .pp_expand { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat; cursor: pointer } div.facebook .pp_expand:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat; cursor: pointer } div.facebook .pp_contract { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat; cursor: pointer } div.facebook .pp_contract:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat; cursor: pointer } div.facebook .pp_close { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat; cursor: pointer; height: 22px; width: 22px } div.facebook .pp_description { margin: 0 37px 0 0 } div.facebook .pp_loaderIcon { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/loader.gif) center center no-repeat } div.facebook .pp_arrow_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_previous.disabled { background-position: 0 -96px; cursor: default } div.facebook .pp_arrow_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat; height: 22px; margin-top: 0; width: 22px } div.facebook .pp_arrow_next.disabled { background-position: -32px -96px; cursor: default } div.facebook .pp_nav { margin-top: 0 } div.facebook .pp_nav p { font-size: 15px; padding: 0 3px 0 4px } div.facebook .pp_nav .pp_play { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_nav .pp_pause { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat; height: 22px; width: 22px } div.facebook .pp_next:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/btnNext.png) center right no-repeat; cursor: pointer } div.facebook .pp_previous:hover { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat; cursor: pointer } div.facebook .pp_bottom .pp_left { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat } div.facebook .pp_bottom .pp_middle { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x } div.facebook .pp_bottom .pp_right { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat } div.pp_pic_holder a:focus { outline: none } div.pp_overlay { background: #000; display: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 9500 } div.pp_pic_holder { display: none; position: absolute; width: 100px; z-index: 10000 } .pp_content { height: 40px; min-width: 40px } * html .pp_content { width: 40px } .pp_content_container { position: relative; text-align: left; width: 100% } .pp_content_container .pp_left { padding-left: 20px } .pp_content_container .pp_right { padding-right: 20px } .pp_content_container .pp_details { float: left; margin: 10px 0 2px } .pp_description { display: none; margin: 0 } .pp_social { float: left; margin: 0 } .pp_social .facebook { float: left; margin-left: 5px; overflow: hidden; width: 55px } .pp_social .twitter { float: left } .pp_nav { clear: right; float: left; margin: 3px 10px 0 0 } .pp_nav p { float: left; margin: 2px 4px; white-space: nowrap } .pp_nav .pp_play, .pp_nav .pp_pause { float: left; margin-right: 4px; text-indent: -10000px } a.pp_arrow_previous, a.pp_arrow_next { display: block; float: left; height: 15px; margin-top: 3px; overflow: hidden; text-indent: -10000px; width: 14px } .pp_hoverContainer { position: absolute; top: 0; width: 100%; z-index: 2000 } .pp_gallery { display: none; left: 50%; margin-top: -50px; position: absolute; z-index: 10000 } .pp_gallery div { float: left; overflow: hidden; position: relative } .pp_gallery ul { float: left; height: 35px; margin: 0 0 0 5px; padding: 0; position: relative; white-space: nowrap } .pp_gallery ul a { border: 1px rgba(0, 0, 0, 0.5) solid; display: block; float: left; height: 33px; overflow: hidden } .pp_gallery ul a img { border: 0 } .pp_gallery li { display: block; float: left; margin: 0 5px 0 0; padding: 0 } .pp_gallery li.default a { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat; display: block; height: 33px; width: 50px } .pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next { margin-top: 7px!important } a.pp_next { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: right; height: 100%; text-indent: -10000px; width: 49% } a.pp_previous { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; display: block; float: left; height: 100%; text-indent: -10000px; width: 49% } a.pp_expand, a.pp_contract { cursor: pointer; display: none; height: 20px; position: absolute; right: 30px; text-indent: -10000px; top: 10px; width: 20px; z-index: 20000 } a.pp_close { display: block; line-height: 22px; position: absolute; right: 0; text-indent: -10000px; top: 0 } .pp_loaderIcon { display: block; height: 24px; left: 50%; margin: -12px 0 0 -12px; position: absolute; top: 50%; width: 24px } #pp_full_res { line-height: 1!important } #pp_full_res .pp_inline { text-align: left } #pp_full_res .pp_inline p { margin: 0 0 15px } div.ppt { color: #fff; display: none; font-size: 17px; margin: 0 0 5px 15px; z-index: 9999 } div.pp_default .pp_content, div.light_rounded .pp_content { background-color: #fff } div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline { color: #000 } div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a { border-color: #fff } div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details { position: relative } div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content { background: #fff } div.light_rounded .pp_description, div.light_square .pp_description { margin-right: 85px } div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px!important } div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default } div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default } div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat } div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle { background: url(https://gozbi.lyusil.com/wp-content/themes/cookingblog/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat } div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder { color: #c4c4c4 } div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline { color: #fff } .pp_top, .pp_bottom { height: 20px; position: relative } * html .pp_top, * html .pp_bottom { padding: 0 20px } .pp_top .pp_left, .pp_bottom .pp_left { height: 20px; left: 0; position: absolute; width: 20px } .pp_top .pp_middle, .pp_bottom .pp_middle { height: 20px; left: 20px; position: absolute; right: 20px } * html .pp_top .pp_middle, * html .pp_bottom .pp_middle { left: 0; position: static } .pp_top .pp_right, .pp_bottom .pp_right { height: 20px; left: auto; position: absolute; right: 0; top: 0; width: 20px } .pp_fade, .pp_gallery li.default a img { display: none } /* photoSwipe*/ /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } .demo-gallery__img--main> img { float: left; margin-left: 5px; margin-bottom: 5px; width: 32%; height: 160px; } .demo-gallery__img--main figure { display: none; } .demo-gallery { float: left; margin: 0 0 0 25px; width: 96%; } @media only screen and (max-width: 767px) { .demo-gallery__img--main> img { width: 45%; height: 200px; } } @media only screen and (max-width: 560px) { .demo-gallery__img--main> img { height: 140px; } } /* Sharrre */ .share-post { display: block } .share-post.invisible { display: none } .share-post.stick { position: fixed; top: 30px !important; right: 0; margin: 0 } .sharrre { display: block; vertical-align: top; cursor: pointer; width: 40px; height: 40px } .sharrre .box { display: block; font-size: 18px; line-height: 40px; color: #fff; width: 40px; height: 40px; text-align: center; padding: 0 } .twitter .box { background-color: #1ba6ff; border-radius: 3px 0 0 0 } .facebook .box { background-color: #1164bb } .googlePlus .box { background-color: #e92b22 } .pinterest .box { background-color: #c92228; border-radius: 0 0 0 3px } .linkedin .box { background-color: #0086c8; border-radius: 0 0 0 3px } .twitter .box:hover { background-color: #46acff } .facebook .box:hover { background-color: #3d76c0 } .googlePlus .box:hover { background-color: #e74847 } .linkedin .box:hover { background-color: #3592cc } .pinterest .box:hover { background-color: #d92228 } .sharrre .box i.fa { font-size: 18px; line-height: 40px; border: 0 solid; border-radius: 0; padding: 0; color: #fff; width: 40px; height: 40px; } .share-post-mobile { display: block; text-align: center; position: fixed; bottom: 10px; left: 15px; right: 15px; z-index: 20 } @media(min-width:830px) { .share-post-mobile { display: none } } .share-post-mobile .sharrre { float: left; width: 25%; height: 34px; line-height: 34px; margin: 0 } .share-post-mobile .sharrre .box { width: 100%; height: 34px; line-height: 34px } .share-post-mobile .twitter .box { border-radius: 3px 0 0 3px } .share-post-mobile .linkedin .box { border-radius: 0 3px 3px 0 } .share-post-mobile .sharrre .box i { line-height: 34px } .share-post-bottom .sharrre { display: inline-block; margin: 0 6px 6px 0 } .share-post-bottom .sharrre, .share-post-bottom .sharrre .box { width: auto; height: 35px; line-height: 35px } .share-post-bottom .sharrre .box { border-radius: 3px } .share-post-bottom .sharrre .box .share { display: inline-block; padding: 0 10px } .share-post-bottom .sharrre .box i { font-size: 20px; line-height: 34px; vertical-align: top } .share-post-bottom .sharrre .box i.fa-facebook { font-size: 29px; line-height: 35px; vertical-align: bottom; margin: 5px 0 0 } .share-post-bottom .sharrre .box i.fa-linkedin { line-height: 31px } .share-post-bottom .sharrre .box i.fa-google { line-height: 36px } .share-text { display: inline-block; font-size: 17px; line-height: 35px; color: #fff; font-family: 'PT Sans', sans-serif; font-weight: 700; padding: 0 0 0 4px; vertical-align: top } /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Contents: 1. Buttons 2. Share modal and links 3. Index indicator ("1 of X" counter) 4. Caption 5. Loading indicator 6. Additional styles (root element, top bar, idle state, hidden state, etc.) */ /* 1. Buttons */ /*