/* Document : layout Created on : 31.10.2013, 15:01:00 Author : Jakub Hnízdil Description: Purpose of the stylesheet follows. */ body { background-color: #f3f3f4; margin: 0; padding: 0; } a { color: #ca1212; text-decoration: underline; } .clear { clear: both; } .font { font-family: 'Titillium Web', sans-serif; font-size: 19px; } .btn-menu { width: 38px; height: 38px; background-image: url('../images/btn-menu_00bf1c70b3.jpg'); background-position: center center; background-repeat: no-repeat; } select.styled { width: 271px; height: 45px; overflow: hidden; cursor: pointer; } .customStyleSelectBox { background: url('../images/filter_select_bg_7c8ff265b4.jpg'); background-repeat: no-repeat; width: 251px /* 271px */; line-height: 45px; color: #1e2223; font-size: 18px; font-weight: 200; padding: 0 5px 0 15px; overflow: hidden; text-align: left;} .customStyleSelectBoxInner { padding: 0px; } .longerStyledSelect .customStyleSelectBox{width: 360px;background-image: url('../images/filter_select_bg_longer_047122aba8.jpg');} /* BACKGROUND */ #background { width: 100%; margin: 0; position: absolute; top: 0; z-index: -1; } /*#background .top { width: 100%; height: 44px; background-color: #1e2223; position: relative; top: 0; }*/ #background .menu { width: 100%; height: 65px; background-color: #ffffff; border-bottom: 4px solid #cbedf5 ;position: relative; top: 0; } #background .content { width: 100%; height: 445px; background: url('../images/content_bg_0e307c2087.jpg'); position: relative; top: 0; } /* WRAPPER */ #wrapper { width: 970px; margin: auto; position: relative; } .wrapper { width: 970px; margin: auto; } /* HEADER */ #header { width: 970px; } /* TOP */ #header .top { width: 960px; height: 69px; margin-right: 10px; } #header .top .logo { width: 234px; height: 69px; float: left; } #header .top .langs { color: #ffffff; font-size: 12px; padding: 0 0 0 54px; float: left; } #header .top .langs a { color: #ffffff; font-family: 'Titillium Web', sans-serif; font-size: 12px; text-decoration: none; } #header .top .langs a:hover { text-decoration: underline; } #header .top .search { margin: 18px 0 0 16px; float: left; } #header .top .sign { width: 193px; margin: 18px 0 0 0; position: relative; float: right; } #header .top .sign a.sign_in { width: 99px; height: 29px; background: url('../images/button_sign_in_bg_b8e47daf98.jpg'); background-position: left top; background-repeat: no-repeat; font-size: 0px; text-decoration: none; position: absolute; top: 0; left: 0; z-index: 90; } #header .top .sign a.sign_in:hover { background-position: 0 -29px; } #header .top .sign a.sign_up { width: 109px; height: 29px; background: url('../images/button_sign_up_bg_168585e813.jpg'); background-position: right top; background-repeat: no-repeat; font-size: 0px; text-decoration: none; position: absolute; top: 0; right: 0; z-index: 80; } #header .top .sign a.sign_up:hover { background-position: 0 -29px; } #header .top .logged { min-width: 180px; margin-top: 11px; float: right; } #header .top .logged .username { line-height: 20px; background: url('../images/icon_username_fa1b6f6d58.jpg'); background-position: top left; background-repeat: no-repeat; color: #8bd6ea; font-size: 13px; font-weight: 700; margin: 0 20px 0 0; padding: 0 0 0 20px; float: left; } #header .top .logged .username a { color: #8bd6ea; } #header .top .logged .logout { width: 71px /* 99px */; line-height: 29px; background: url('../images/button_log_out_bf4186e00d.jpg'); background-repeat: no-repeat; color: #ffffff; font-size: 12px; text-decoration: none; margin-top: 7px; padding: 0 0 0 28px; display: block; float: right; } #header .top .logged .logout:hover { background-position: 0 -29px; } /* MENU */ #header .menu { width: 970px; line-height: 65px; /*margin-right: 10px;*/ border-bottom: 1px solid #ededed; } #header .menu ul { width: 100% /*735px*/ /*660px*/; /*background: url('../images/topmenu_separator_fc9ceded53.jpg'); background-position: right top; background-repeat: no-repeat;*/ list-style-type: none; margin: 0; padding: 0 1px 0 0; display: table; float: left; } #header .menu ul li { height: 65px; background: #fff url('../images/topmenu_button_bg_7fb41bb76c.jpg'); background-position: left top; background-repeat: no-repeat; margin: 0; padding: 0 5px; display: table-cell; vertical-align: middle;} #header .menu ul li a { line-height: 65px; color: #1e2223; font-family: 'Titillium Web', sans-serif; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 2px; /*padding: 0 15px; display: table-cell;*/ vertical-align: middle; display: block; } #header .menu ul li a:hover { color: #2bbfe5; } #header .menu ul li a span { line-height: 16px; display: block; } #header .menu ul li.last { border-right: 1px solid #ededed; } /* SEARCH FORM */ .search_form { width: 182px; height: 29px; background-color: #000000; border: 1px solid #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; } .search_form input[type="text"] { width: 140px /* 105px */; height: 29px; background: transparent; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-size: 12px; padding: 0 5px; border: none; position: absolute; right: 0; top: 0; } .search_form input[type="submit"] { width: 33px; height: 29px; background: transparent url('../images/search_find_bg_5e872226ac.jpg'); background-repeat: no-repeat; position: absolute; left: 0; top: 0; border: none; cursor: pointer; } /* CONTENT */ #content, .content { width: 970px; margin: auto; position: relative; } /* INFO BAR */ .flash { background-color: #ffffff; color: #1e2223; font-size: 19px; margin: 20px 0 20px 0; padding: 15px 70px 15px 25px; border: 1px solid #EDEDED; position: relative; } .flash.noClose {padding: 15px 25px 15px 25px;} .flash p { margin: 0; } .flash .close { width: 44px; height: 45px; background: url('../images/infobar_close_bg_bd2f3cc9a9.jpg'); background-repeat: no-repeat; display: block; position: absolute; top: 7px; right: 7px; cursor: pointer; } /* FOOTER */ #footer { width: 100%; color: #1e2223; } #footer .top { background: #eeeeee url('../images/footer_top_bg_0435a91ac9.jpg'); background-position: top left; background-repeat: repeat-x; } /* TOP */ #footer .top .menus { width: 970px; margin: 0 auto 95px auto; padding: 55px 0 0 0; } #footer .top .menus .menu { width: 20%; float: left; } #footer .top.menus .menu .name { font-size: 16px; text-decoration: underline; } #footer .top .menus .menu ul { list-style-type: square; margin: 0 0 0 16px; padding: 0; } #footer .top .menus .menu ul li { font-size: 10px; } #footer .top .menus a { color: #1e2223; font-size: 13px; text-decoration: underline; } #footer .top .menus a:hover { color: #d32929; text-decoration: none; } #footer .social { width: 970px; margin: 55px auto 0 auto; } #footer .social .title { width: 100%; font-size: 32px; text-align: center; margin: 0 0 45px 0; } #footer .social .icons { width: 320px; margin: 0 auto 0 auto; padding: 0 0 50px 0; } #footer .social .icon { width: 96px; margin: 0 30px 0 30px; display: inline-block; vertical-align: top; } #footer .social .icon a { width: 96px; height: 96px; margin: 0 0 15px 0; display: block; } #footer .social .icon.mail a { background: url('../images/social_icon_mail_8b93a70d43.jpg'); background-position: left top; background-repeat: no-repeat; } #footer .social .icon.twitter a { background: url('../images/social_icon_twitter_5e6aad7f56.jpg'); background-position: left top; background-repeat: no-repeat; } #footer .social .icon.facebook a { background: url('../images/social_icon_facebook_3ce0e19aa4.jpg'); background-position: left top; background-repeat: no-repeat; } #footer .social .icon.v a { background: url('../images/social_icon_v_393d804cd2.jpg'); background-position: left top; background-repeat: no-repeat; } #footer .social .icon .label { color: #d32929; font-size: 13px; text-align: center; visibility: hidden; } #footer .social .icon:hover a { background-position: 0 -96px; } #footer .social .icon:hover .label { visibility: visible; } /* BOTTOM */ #footer .bottom { background-color: #0a0a0a; } #footer .bottom .menu { width: 970px; line-height: 65px; margin: 0 auto 40px auto; border-bottom: 1px solid #1b1b1b; } #footer .bottom .menu ul { width: 970px; list-style-type: none; margin: 0; padding: 0 0 0 0; display: table; } #footer .bottom .menu ul li { height: 100px; margin: 0; padding: 0; display: table-cell; } #footer .bottom .menu ul li a { height: 100px; color: #ffffff; font-size: 16px; text-align: center; text-decoration: none; text-transform: uppercase; padding: 0 40px 0 40px; display: table-cell; vertical-align: middle; } #footer .bottom .menu ul li a:hover { text-decoration: underline; } #footer .bottom .menu ul li a span { line-height: 16px; display: block; } #footer .bottom .middle { width: 970px; color: #ffffff; font-size: 15px; text-align: center; margin: 0 auto 30px auto; padding: 0 0 40px 0; border-bottom: 1px solid #1b1b1b; } #footer .bottom .middle .created { color: #8cd7ea; font-size: 12px; } #footer .bottom .middle .created img { margin-left: 10px; } #footer .bottom .buttons { width: 100%; text-align: center; margin: 0 auto 0 auto; padding: 0 0 50px 0; } #footer .bottom .button { width: 137px; height: 137px; margin: 0 10px; display: inline-block; } #footer .bottom .button.up { background: url('../images/button_up_08af1ebf4f.jpg'); background-repeat: no-repeat; } #footer .bottom .button.mobile { background: url('../images/button_mobile_d62ef870ae.jpg'); background-repeat: no-repeat; } #footer .bottom .button.ignore-mobile { background: url('../images/button_ignore_mobile_6f8bf0e215.jpg'); background-repeat: no-repeat; } #footer .seven-interactive-logo { width: 118px; height: 19px; background-image: url('../images/7interactive_c0515e92c5.jpg'); background-position: center center; background-repeat: no-repeat; font-size: 0; display: inline-block; vertical-align: middle; } /* AD MODULE */ .veleb-image { width: 250px; height: 300px; position: fixed; z-index: 99999; display: none; } .veleb-image.top { /*top: 118px;*/ } .veleb-image.bottom { /*top: 423px;*/ } .veleb-image.visible { display: block; } .veleb-image img { display: block; transition: all .2s ease-in-out; } .veleb-image img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .veleb-image .m { display: none; } @media print{ body{background: white;} #background{display: none;} #header{display: none;} #footer{display: none;} .font { font-family: sans-serif,"Arial"; font-size: 19px; } .veleb-image, .productDetailPopup, .sumOfcarbohydrates { display: none !important; } } @media screen and (max-device-width: 1480px), screen and (max-width: 1480px) { .veleb-image { width: 115px; height: 275px; } .veleb-image .l { display: none; } .veleb-image .m { display: block; } } @media screen and (max-device-width: 1210px), screen and (max-width: 1210px) { .veleb-image.visible { display: none; } } .youtube { background-color: #000; margin-bottom: 30px; position: relative; padding-top: 56.25%; overflow: hidden; cursor: pointer; } .youtube img { width: 100%; top: -16.82%; left: 0; opacity: 0.7; } .youtube .play-button { width: 90px; height: 60px; background-color: #333; box-shadow: 0 0 30px rgba( 0,0,0,0.6 ); z-index: 1; opacity: 0.8; border-radius: 6px; } .youtube .play-button:before { content: ""; border-style: solid; border-width: 15px 0 15px 26.0px; border-color: transparent transparent transparent #fff; } .youtube img, .youtube .play-button { cursor: pointer; } .youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before { position: absolute; } .youtube .play-button, .youtube .play-button:before { top: 50%; left: 50%; transform: translate3d( -50%, -50%, 0 ); } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } /* OVERLAY */ #overlay { display:none; } #overlay a.close { width: 35px; height: 36px; background: url('../images/a_close_b043a9b82b.jpg'); background-position: left top; background-repeat: no-repeat; margin: 22px 0 0 0; display: block; float: right; } #overlay a.close:hover { background-position: 0px -36px; } /* LOG IN */ #overlay .logInOverlay { width: 407px; /*height: 386px;*/ /*background: url('../images/overlay_signin_bg_0e4ad6d0f2.jpg'); background-repeat: no-repeat;*/ min-height: 386px; background-color: #fcfcfc; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; margin: 0 auto 0 auto; } #overlay .logInOverlay a.close { margin: 0; position: absolute; top: 35px; right: 30px; float: none; } .logInOverlay table { width: 400px; margin: 0 auto 0 auto; border-collapse: collapse; border-spacing: 0px; } .logInOverlay table tr.bg { background-color: #f5f5f5; } .logInOverlay table th, .logInOverlay table td { padding: 0px; } .logInOverlay .headline { color: #1d1d1b; font-size: 22px; font-weight: 600; text-align: left; padding: 35px 0 25px 60px; } .logInOverlay .links { line-height: 50px; color: #626262; padding-left: 60px; } .logInOverlay .links a, .logInOverlay .links a:visited { color: #626262; font-family: Arial; font-size: 14px; padding-bottom: 20px; } .logInOverlay .info { color: #626262; font-family: Arial; font-size: 11px; padding: 20px 30px; } .logInOverlay .username { text-align: center; padding: 25px 0 0 0; } .logInOverlay .password { text-align: center; padding: 10px 0 0 0; } .logInOverlay .username input, .logInOverlay .password input { width: 275px /* 311px */; height: 45px; background: url('../images/overlay_signin_input_text_bg_35ed045c83.jpg'); color: #1e2223; font-size: 18px; padding: 0 18px; border: none; } .logInOverlay .username.error, .logInOverlay .password.error { background-position: 0 -45px; } .logInOverlay .text { color: #1d1d1b; font-size: 18px; font-weight: 500; text-align: left; padding: 35px 60px 25px 60px; } .logInOverlay .error { line-height: 15px; color: #b00000; font-size: 12px; font-weight: 200; padding: 0 0 0 60px; } .logInOverlay .send { text-align: center; } .logInOverlay input[type="submit"] { width: 167px; height: 49px; background: url('../images/overlay_signin_input_send_bg_24a3c09a81.jpg'); background-repeat: no-repeat; color: #ffffff; font-size: 19px; margin-top: 20px; border: none; cursor: pointer; } .logInOverlay input[type="submit"]:hover { background-position: 0 -49px; cursor: pointer; } /* CHANGE MEAL */ #overlay .changeMealOverlay { width: 866px; /*height: 390px;*/ position: relative; } .changeMealOverlay .top { width: 866px; height: 13px; background: url('../images/overlay_top_bg_8ee7f420eb.jpg'); background-repeat: no-repeat; } .changeMealOverlay .header { width: 866px; background: url('../images/overlay_header_bg_d778bc66c5.jpg'); background-repeat: repeat-y; } .changeMealOverlay .middle { width: 866px; background: url('../images/overlay_middle_bg_7024e67f5b.jpg'); background-repeat: repeat-y; } .changeMealOverlay .bottom { width: 866px; height: 21px; background: url('../images/overlay_bottom_bg_17f9ae2f12.jpg'); background-repeat: no-repeat; } /* ADD CATEGORY IN ADD RECIPE */ #overlay .treeControl { background: transparent; list-style: none; margin: 0; padding: 0; border: none; } #overlay .treeControl .topLevel { } #overlay .treeControl li { background: transparent; width: 100%; height: 50px; margin: 0; border-bottom: 1px solid #1e2223; } #overlay .treeControl .left { width: 400px; padding: 10px 0 0 0; float: left; } #overlay .treeControl .left .expandPlaceholder { width: 25px; height: 25px; padding-top: 3px; float: left; } #overlay .treeControl .right { width: 150px; padding: 4px 10px 0 0; float: right; } #overlay .treeControl .right .addCat { width: auto; line-height: 40px; background-image: url('../images/add_recipe_add_category_button_bg_bdccb0cb96.jpg'); background-position: 15px center; background-repeat: no-repeat; color: #1e2223; font-family: 'Titillium Web', sans-serif; font-size: 19px; text-align: center; text-decoration: none; padding: 0 30px 0 45px; display: block; border: 1px solid #c9c9c9; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; resize: none; } #overlay .treeControl .right .addCat:hover { background: #f0f0f0 url('../images/add_recipe_add_category_button_bg_bdccb0cb96.jpg'); background-position: 15px center; background-repeat: no-repeat; cursor: pointer; } #overlay { width: 966px; /*height: 500px;*/ z-index: 200; padding: 0; } #overlay a.close { width: 35px; height: 36px; background: url('../images/a_close_b043a9b82b.jpg'); background-position: left top; background-repeat: no-repeat; margin: 0; display: block; float: right; } #overlay a.close:hover { background-position: 0px -36px; } #overlay .top { width: 966px; height: 13px; background: url('../images/overlay_top_bg_8ee7f420eb.jpg'); background-repeat: no-repeat; } #overlay .header { width: 926px /* 866px */; height: 6px /* 46px */; background: url('../images/overlay_header_bg_d778bc66c5.jpg'); background-repeat: repeat-y; padding: 20px; display: table; } #overlay .middle { width: 926px /* 866px */; background: url('../images/overlay_middle_bg_7024e67f5b.jpg'); background-repeat: repeat-y; padding: 20px; } #overlay .bottom { width: 966px; height: 21px; background: url('../images/overlay_bottom_bg_17f9ae2f12.jpg'); background-repeat: no-repeat; } #overlay .inner { padding: 0 0 0 25px; } #overlay .header .title { color: #1d1d1b; font-size: 22px; display: table-cell; vertical-align: middle; } #overlay .header .carbohydrates { width: 143px; line-height: 46px; background: url('../images/carbohydrates_bg_e3a30bae93.jpg'); background-repeat: no-repeat; color: #1e2223; font-size: 16px; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; } #overlay a.close { margin-top: 5px; display: table-cell; } /*#overlay .slider_bg { width: 660px; height: 69px; background: url('../images/slider_bg_ef593a116b.jpg'); background-repeat: no-repeat; margin: 0 0 25px 0; } #overlay .slider_bg .slider { width: 319px; line-height: 62px; color: #666768; font-size: 20px; text-align: center; margin: 3px 0 0 9px; display: block; float: left; } #overlay .slider_bg .slider.active, #overlay .slider_bg .slider:hover { background: url('../images/slider_b2e48c4a5d.jpg'); background-repeat: no-repeat; color: #0e0b08; }*/ #overlay .slider_bg { width: 810px; height: 69px; background: url('../images/slider_big_bg_114439184b.jpg'); background-repeat: no-repeat; margin: 0 0 25px 0; } #overlay .slider_bg .slider { width: 259px; line-height: 62px; color: #666768; font-size: 20px; text-align: center; margin: 3px 0 0 9px; display: block; float: left; } #overlay .slider_bg .slider.active, #overlay .slider_bg .slider:hover { background: url('../images/slider_small_636e7a5316.jpg'); background-repeat: no-repeat; color: #0e0b08; } #overlay .search { width: 100%; height: 46px; background: url('../images/search_bg_f08214985a.jpg'); background-repeat: no-repeat; margin: 0 0 25px 0; position: relative;} #overlay .search input[type="text"] { width: 401px /* 441px */; height: 46px; background: none; color: #1e2223; font-size: 18px; font-weight: 300; padding: 0 20px; border: none; float: left; } #overlay .search input[type="submit"] { width: 60px; height: 46px; background: none; border: none; cursor: pointer; float: left; } #overlay .search div.dietFilter {width: 271px; float: right;} #overlay .navigation { width: auto; background-color: transparent; color: #0e0b08; font-size: 18px; margin: 0 0 /*25px*/ 0; padding: 0; } #overlay .navigation a { color: #0e0b08; font-size: 18px; text-decoration: underline; display: inline;} #overlay .subcategories { margin: 0 0 25px 0; } #overlay .subcategories ul { list-style-type: none; margin: 5px 15px 5px 0; padding: 0; float: left; } #overlay .subcategories a { color: #0e0b08; font-size: 16px; text-decoration: underline; } #overlay .overflow { height: 165px; overflow: auto; } #overlay .products { width: 100%; display: table; } #overlay .products .row { height: 55px; display: table-row; } #overlay .products .row .cell { display: table-cell; vertical-align: middle; } #overlay .products .energy_bg { display: none;} #overlay .products .carbohydrates_bg { width: 143px; line-height: 46px; background: url('../images/carbohydrates_bg_e3a30bae93.jpg'); background-repeat: no-repeat; color: #1e2223; font-size: 14px; font-weight: 700; text-align: center; display: table-cell; vertical-align: middle; } #overlay .products .add_button_bg { width: 137px /* 218px */; line-height: 47px; background: url('../images/add_button_bg_b2ee324f79.jpg'); color: #c80b0b; font-size: 14px; text-decoration: none; padding: 0 0 0 50px; display: block; font-weight: bold;} #overlay .products .add_button_bg:hover { background-position: 0 -47px; } #overlay .input_text { width: 385px; height: 45px; } #overlay .input_text .left_bg { width: 22px; height: 45px; background: url('../images/text_gray_left_bg_4d1c011a32.jpg'); float: left; } #overlay .input_text .middle_bg { width: 500px; line-height: 45px; background: url('../images/text_gray_middle_bg_4bf8f8dfb7.jpg'); float: left; } #overlay .input_text .middle_bg span { height: 45px; line-height: 45px; vertical-align: middle; float: left; overflow: hidden; font-size: 15px;max-width: 475px;} #overlay .input_text .middle_bg span.dietTypeInfo { float: right; color: #2bbfe5; font-weight: bold; cursor: pointer;} #overlay .input_text .middle_bg .favorite {float: right; background: url('../images/icon_favorite_4bd6e14f4b.jpg'); width: 21px; height: 21px; margin-top: 12px;} #overlay .input_text .right_bg { width: 22px; height: 45px; background: url('../images/text_gray_right_bg_1627baf562.jpg'); float: left; } #overlay .input_text .for_detail {float: left; width: 1px;} /* Document : content Created on : 1.11.2013, 9:53:26 Author : Jakub Hnízdil Description: Purpose of the stylesheet follows. */ body { background-color: #fafafa; } #background .content { width: 100%; height: 840px; background: url('../images/content_bg_94c751baee.jpg'); } @media print{ body{background: none;} #background .content{background: none;} } a { cursor: pointer; } .border_radius_20_button { line-height: 42px; background-color: #ffffff; color: #1f2324; font-size: 19px; font-weight: 700; text-align: center; text-decoration: none; padding: 0 24px; display: inline-block; border: 1px solid #a9a9a9; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } .border_radius_20_button:hover { background-color: #ededed; } /* FOOD PLAN PAGE - JIDELNICEK */ .food_plan_page { width: 100%; padding-top: 35px; } /* NUTRITIONS TABLE */ .food_plan_page .nutritional_table { background-color: #ffffff; color: #1f2324; font-size: 16px; font-weight: 600; margin: 0 auto 0px auto; padding: 4px; display: table; border: 1px solid #f5f5f5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .food_plan_page .nutritional_table .inner { background-color: #f5f5f5; padding: 18px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .food_plan_page .nutritional_table table { border-collapse: collapse; } .food_plan_page .nutritional_table .nutritionsTable tr.calculated td{background: #d2d2d2; font-weight: bold; padding: 10px 30px 10px 5px;} .food_plan_page .nutritional_table .nutritionsTable td { padding: 5px 30px 5px 5px } .food_plan_page .nutritional_table .nutritionsTable td.requiredValue_high { color: #c70000; } .food_plan_page .nutritional_table .nutritionsTable td.requiredValue_low { color: #009fc6; } .food_plan_page .sumOfcarbohydrates { color: #1e2223; font-weight: 700; text-align: center; padding: 40px 0 20px 0; } .food_plan_page .timeline { width: 1000px; height: 63px; background-color: #f8f8f8; display: table; margin-left: -15px; border: 3px solid #ffffff; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .food_plan_page .timeline div { height: 100%; text-align: center; display: table-cell; vertical-align: middle; } .food_plan_page .timeline div a { width: 143px; line-height: 63px; color: #818181; font-size: 22px; text-align: center; text-decoration: none; display: inline-block; } .food_plan_page .timeline div a.active, .food_plan_page .timeline div a:hover { background: url('../images/timeline_slider_bg_bd5dffbe0d.jpg'); background-repeat: no-repeat; background-position: center center; color: #1e2223; } /* FOOD PLAN */ .food_plan_page .food_plan { width: 970px; background-color: rgba(255,255,255,0.75); margin: auto; padding: 20px 0 0 0; } /* TOP */ .food_plan_page .food_plan .top { display: table; } .food_plan_page .food_plan .top div { display: table-cell; vertical-align: middle; } .food_plan_page .food_plan .top div.headline { width: 100%; } .food_plan_page .food_plan .top h1 { color: #1e2223; font-size: 44px; font-weight: 700; margin: 0; padding: 0 0 0 20px; } .food_plan_page .food_plan .top a { white-space: nowrap; display: block; } .food_plan_page .food_plan .top .linkTonutritiveTable { color: #c20505; font-weight: 700; text-decoration: underline; margin: 0 22px 0 0; } .food_plan_page .food_plan .top .print { width: 270px /* 323px */; line-height: 43px; background: url('../images/food_plan_print_bg_2c08bcd7d7.jpg'); background-position: left top; background-repeat: no-repeat; color: #1f2324; font-weight: 700; text-decoration: none; margin: 0 20px 0 0; padding: 0 0 0 53px; display: inline-block;} .food_plan_page .food_plan .top .print.small { background: url('../images/food_plan_print_bg_small_f133b085df.jpg'); width: 137px;} .food_plan_page .food_plan .top .print:hover { background-position: 0px -43px; } /* TABLE */ .food_plan_page .food_plan .table { width: 970px; display: table; } .food_plan_page .food_plan .table .expandible { display: table-row-group; } .food_plan_page .food_plan .table .row { height: 65px; display: table-row; position: relative; } .food_plan_page .food_plan .table .row.headline {} .food_plan_page .food_plan .table .row.headline .cell { font-size: 16px; text-align: center; } .food_plan_page .food_plan .table .row:hover { background-color: #f4f9ff; } .food_plan_page .food_plan .table .cell { padding: 0 5px 0 0; display: table-cell; vertical-align: middle; } .food_plan_page .food_plan .table .cell input[type="text"] { height: 46px; background-color: #f4f4f4; color: #1e2223; font-size: 16px; text-align: center; border: 1px solid #c9c9c9; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; margin-right: -4px; } .food_plan_page .food_plan .table .cell.item_name { padding-right: 0; } .food_plan_page .food_plan .table .cell.dish_name { padding-right: 0; } .food_plan_page .food_plan .table .label { width: 70px /*90px*/; line-height: 18px; color: #1e2223; font-size: 18px; font-weight: 700; padding-left: 10px; } .food_plan_page .food_plan .table .recipePrintDetail {display: none;} /* DISH NAME */ .food_plan_page .food_plan .table .dish_name { width: 450px /*480px*/; } .food_plan_page .food_plan .table .dish_name.expandButton {cursor: pointer; } .food_plan_page .food_plan .table .dish_name .dish_name_left_bg { width: 22px; height: 46px; background: url('../images/food_table_dish_name_left_bg_e3b3c5df31.jpg'); float: left; } .food_plan_page .food_plan .table .dish_name .dish_name_middle_bg { width: 367px; height: 46px; line-height: 21px; background: url('../images/food_table_dish_name_middle_bg_e3b08e9b36.jpg'); color: #1e2223; font-size: 16px; padding: 0 10px 0 0; display: table-cell; float: left;} .food_plan_page .food_plan .table .dish_name .dish_name_middle_bg span { height: 46px; line-height: 21px; display: table-cell; vertical-align: middle; } .food_plan_page .food_plan .table .dish_name .dish_name_right_bg { width: 42px; height: 46px; background: url('../images/food_table_dish_name_empty_right_bg_601ea65837.jpg'); float: left; } .food_plan_page .food_plan .table .dish_name.expandButton .dish_name_right_bg { background: url('../images/food_table_dish_name_right_bg_6839ff7c73.jpg'); float: left; } .food_plan_page .food_plan .table .dish_name.expandButton.expanded .dish_name_right_bg { background: url('../images/food_table_dish_name_expanded_right_bg_e040b1f427.jpg'); } /* Amount form */ .food_plan_page .food_plan .table .amountForm {width: 74px; display: block;} .food_plan_page .food_plan .table .amountForm input { width: 50px; border: 1px solid black; background: white; } /* CARBOHYDRATES */ /* .food_plan_page .food_plan .table .carbohydrates { width: 145px; } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_bg { width: 143px; line-height: 46px; background: url('../images/food_table_carbohydrates_bg_19177b1235.jpg'); color: #1e2223; font-size: 16px; font-weight: 700; text-align: center; } */ .food_plan_page .food_plan .table .carbohydrates { width: 75px /*115px*/; } .food_plan_page .food_plan .table .carbohydrates.amount-label { font-size: 14px; } .food_plan_page .food_plan .table .carbohydrates.amount-label.hidden { font-size: 0px; } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_bg { /*width: 120px;*/ line-height: 46px; background-color: #f4f4f4; color: #1e2223; font-size: 16px; font-weight: 700; text-align: center; border: 1px solid #c9c9c9; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_bg.high { background-color: #ff0000; border: none; } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_bg.normal { } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_bg.low { background-color: #009cff; border: none; } .food_plan_page .food_plan .table .carbohydrates .carbohydrates_nobg { /*width: 120px;*/ line-height: 46px; color: #1e2223; font-size: 16px; font-weight: 700; text-align: center; } /* ADD */ .food_plan_page .food_plan .table .add { width: 62px; } .food_plan_page .food_plan .table .add a { width: 62px; line-height: 46px; background: url('../images/food_table_add_bg_f698d281fc.jpg'); color: #3ab9de; font-size: 16px; text-align: center; text-decoration: none; display: block; cursor: pointer; height: 46px;} /* CHANGE */ .food_plan_page .food_plan .table .change { width: 91px; } .food_plan_page .food_plan .table .change a { width: 91px; line-height: 46px; background: url('../images/food_table_change_bg_c9246d033d.jpg'); color: #3ab9de; font-size: 16px; text-align: center; text-decoration: none; display: block; cursor: pointer; } /* LIKE */ .food_plan_page .food_plan .table .like { width: 62px; } .food_plan_page .food_plan .table .like a { width: 62px; height: 46px; background: url('../images/food_table_like_bg_232ec790aa.jpg'); font-size: 0px; display: block; } /* DELETE */ .food_plan_page .food_plan .table .delete { width: 62px; /*padding-right: 20px;*/ } .food_plan_page .food_plan .table .delete a { width: 62px; height: 46px; background: url('../images/food_table_delete_bg_d0774b37b7.jpg'); font-size: 0px; display: block; } /* ITEM */ .food_plan_page .food_plan .table .expandible {} .food_plan_page .food_plan .table .expandible .item_name { width: 450px /*480px*/;} .food_plan_page .food_plan .table .expandible .item_name.expandButton {cursor: pointer; } .food_plan_page .food_plan .table .expandible .item_name .for_detail { float: left; width: 1px; display: none;} .food_plan_page .food_plan .table .expandible .item_name .item_name_left_bg { width: 22px; height: 45px; background: url('../images/food_table_item_name_left_bg_217abbab61.jpg'); margin-left: 74px; float: left; } .food_plan_page .food_plan .table .expandible.product .item_name .item_name_left_bg { margin-left: 37px; } .food_plan_page .food_plan .table .expandible .item_name .item_name_middle_bg { width: 313px; height: 45px; line-height: 20px; background: url('../images/food_table_item_name_middle_bg_1e226989e9.jpg'); color: #c31a1a; font-size: 16px; font-weight: 700; padding: 0 10px 0 0; display: table-cell; float: left; position: relative;} .food_plan_page .food_plan .table .expandible.product .item_name .item_name_middle_bg { width: 350px; overflow: hidden;} .food_plan_page .food_plan .table .expandible .item_name .item_name_middle_bg span { height: 46px; line-height: 21px; display: table-cell; vertical-align: middle; } .food_plan_page .food_plan .table .expandible .item_name .item_name_right_bg { width: 22px; height: 45px; background: url('../images/food_table_item_name_right_bg_52edb93289.jpg'); float: left; } .food_plan_page .food_plan .table .expandible .item_name .infoButton{background: url('../images/info_icon_d18d503c6e.jpg'); width: 16px; height: 16px; position: absolute; right: 0px; top: 15px; cursor: pointer;} /* ITEM EXPAND */ .food_plan_page .food_plan .table .expandible.recipe .item_name .item_name_left_bg { width: 22px; height: 45px; background: url('../images/food_table_item_name_expanded_left_bg_22c86171fa.jpg'); margin-left: 37px; float: left; } .food_plan_page .food_plan .table .expandible.recipe .item_name .item_name_middle_bg { width: 330px; height: 45px; line-height: 20px; background: url('../images/food_table_item_name_expanded_middle_bg_f2149536d3.jpg'); color: #ffffff; font-size: 16px; font-weight: 700; padding: 0 10px 0 0; display: table-cell; float: left; overflow: hidden;} .food_plan_page .food_plan .table .expandible.recipe .item_name .item_name_right_bg { width: 42px; height: 45px; background: url('../images/food_table_item_name_empty_right_bg_c4c550e5d0.jpg'); float: left; } .food_plan_page .food_plan .table .expandible.recipe .item_name.expandButton .item_name_right_bg { width: 42px; height: 45px; background: url('../images/food_table_item_name_expand_right_bg_4d62391a7a.jpg'); float: left; } .food_plan_page .food_plan .table .expandible.recipe .item_name.expandButton.expanded .item_name_right_bg { background: url('../images/food_table_item_name_expanded_right_bg_eebccfd084.jpg'); float: left; } .food_plan_page .food_plan .table .expandible.recipe .item_name .infoButton{background: url('../images/info_icon_white_9ebb3d69f8.jpg'); right: 0px; } /* ITEM expandible */ /*.food_plan_page .food_plan .table .expandible .item_name.expand.expandible .item_name_left_bg { width: 22px; height: 45px; background: url('../images/content/food_table_dish_expanded_item_name_left_bg.png'); margin-left: 37px; float: left; } .food_plan_page .food_plan .table .expandible .item_name.expand.expandible .item_name_middle_bg { width: 330px; line-height: 45px; background: url('../images/content/food_table_dish_expanded_item_name_middle_bg.png'); color: #ffffff; font-size: 16px; font-weight: 700; padding: 0 10px 0 0; float: left; } .food_plan_page .food_plan .table .expandible .item_name.expand.expandible .item_name_right_bg { width: 42px; height: 45px; background: url('../images/content/food_table_dish_expanded_item_name_right_bg.png'); float: left; }*/ /*food_table_item_name_expanded_left_bg.png*/ /* * ALLERGENS */ .food_plan_page .allergens_table { background-color: #ffffff; color: #1f2324; font-size: 16px; font-weight: 600; margin: 25px auto 25px auto; padding: 4px; display: table; border: 1px solid #f5f5f5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .food_plan_page .allergens_table { display: none; } /* ODEBRANI ALERGENU */ .food_plan_page .allergens_table .inner { background-color: #f5f5f5; padding: 18px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .food_plan_page .allergens_table table { border-collapse: collapse; } .food_plan_page .allergens_table .allergensTable thead th { padding-bottom: 10px; } .food_plan_page .allergens_table .allergensTable tr.calculated td{background: #d2d2d2; font-weight: bold; padding: 10px 30px 10px 5px;} .food_plan_page .allergens_table .allergensTable td { padding: 10px 30px 10px 5px; border-bottom: 1px solid #1f2324; } .food_plan_page .allergens_table .allergensTable tr.first td { border-top: 1px solid #1f2324 !important; } .food_plan_page .allergens_table .allergensTable td.requiredValue_high { color: #c70000; } .food_plan_page .allergens_table .allergensTable td.requiredValue_low { color: #009fc6; } .food_plan_page .resetContainer{background: white; padding: 20px 0;} .food_plan_page .resetContainer .resetButton{ width: 270px /* 323px */; line-height: 43px; background: url('../images/food_plan_reset_bg_71d09309a3.jpg'); background-position: left top; background-repeat: no-repeat; color: #1f2324; font-weight: 700; text-decoration: none; margin: 0 20px 0 0; padding: 0 0 0 57px; display: block; margin: 0 auto 0 auto;} .food_plan_page .resetContainer .resetButton:hover{background-position: 0px -43px;} /** * Food plan print */ @media print{ .food_plan_page *{background: none !important; color: black !important; border: none !important;} .food_plan_page .nutritional_table{} .food_plan_page .nutritional_table .inner{background: none;} .food_plan_page .timeline{background-color: white;} .food_plan_page .timeline div a{display: none} .food_plan_page .timeline div a.active{display: inline-block;} .food_plan_page .food_plan{} .food_plan_page .food_plan a.print {display: none !important;} .food_plan_page .food_plan .table {} .food_plan_page .food_plan .table .row{} .food_plan_page .food_plan .table .row:hover{background: none;} .food_plan_page .food_plan .table .row .cell.add{display: none} .food_plan_page .food_plan .table .row .cell.delete{display: none} .food_plan_page .food_plan .table .row .detailButton{display: none} .food_plan_page .food_plan .table .recipePrintDetail{display: table-row-group;} .food_plan_page .food_plan .table .recipePrintDetail .cell.content{} .food_plan_page .food_plan .table .recipePrintDetail .cell.content .content2{width: 1px;} .food_plan_page .food_plan .table .recipePrintDetail .cell.content .content3{width: 700px;padding-left: 96px;} .food_plan_page .food_plan .table .recipePrintDetail .cell.content .images{width: 150px; margin: 0 10px 10px 0; float: left} .food_plan_page .food_plan .table .recipePrintDetail .cell.content .text{display: inline; font-size: 12px;} } /* RECIPES */ .recipes {} /* CATEGORIES AND PRODUCT LIST */ .categoriesList { width: 268px /* 308px */; background-color: #fdfefe; padding: 30px 20px 35px 20px; float: left; } .categoriesList .title { color: #1e2223; font-size: 32px; } .categoriesList .spacer {width: 100%; height: 5px; background-color: #70c8e1; margin-top: 30px;} .categoriesList ul { width: 100%; list-style-type: none; margin: 30px 0 0 0; padding: 0; } .categoriesList ul li { } .categoriesList ul li span { } .categoriesList ul li span a, .categoriesList ul li span span { line-height: 40px; background: url('../images/ul_li_332461db89.jpg'); background-position: center left; background-repeat: no-repeat; color: #1e2223; font-size: 18px; text-decoration: none; padding: 0 0 0 18px; display: block; border-top: 1px solid #dedede; } .categoriesList ul li.expanded > span a { background: url('../images/ul_li_expanded_705bc28104.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li.wrapped > span a { background: url('../images/ul_li_hover_54a5c35220.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li:first-child span a, .categoriesList ul li:first-child span span { border-top: none; } .categoriesList ul li span a:hover, .categoriesList ul li span span:hover { background: url('../images/ul_li_hover_54a5c35220.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; cursor: pointer; } .categoriesList ul li.expanded > span a:hover { background: url('../images/ul_li_expanded_705bc28104.jpg'); background-position: center left; background-repeat: no-repeat; } .categoriesList ul li.wrapped > span a:hover { background: url('../images/ul_li_hover_54a5c35220.jpg'); background-position: center left; background-repeat: no-repeat; } .categoriesList ul li ul { margin-top: 0; } .categoriesList ul li ul li { } .categoriesList ul li ul li span { } .categoriesList ul li ul li span a { background: url('../images/ul_li_ul_li_8946d55308.jpg'); background-position: center left; background-repeat: no-repeat; color: #6b6b6b; padding-left: 40px; } .categoriesList ul li ul li:first-child span a { border-top: 1px solid #dedede; } .categoriesList ul li ul li span a:hover { background: url('../images/ul_li_ul_li_hover_badb6fa888.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li.expanded ul li.expanded > span a { background: url('../images/ul_li_ul_li_expanded_bee6173db5.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li.expanded ul li.wrapped > span a { background: url('../images/ul_li_ul_li_hover_badb6fa888.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li ul li ul { } .categoriesList ul li ul li ul li { } .categoriesList ul li ul li ul li span a { background: url('../images/ul_li_ul_li_ul_li_9f7d094c82.jpg'); background-position: center left; background-repeat: no-repeat; padding-left: 60px; } .categoriesList ul li ul li ul li span a:hover { background: url('../images/ul_li_ul_li_ul_li_hover_545b3c4d89.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li.expanded ul li.expanded ul li.expanded > span a { background: url('../images/ul_li_ul_li_ul_li_expanded_d5b80bc561.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } .categoriesList ul li.expanded ul li.expanded ul li.wrapped > span a { background: url('../images/ul_li_ul_li_ul_li_hover_545b3c4d89.jpg'); background-position: center left; background-repeat: no-repeat; color: #34aacc; } /* .categoriesList { width: 268px; background-color: #fdfefe; padding: 30px 20px 35px 20px; float: left; } .categoriesList .title { color: #1e2223; font-size: 32px; } .categoriesList ul { width: 100%; list-style-type: none; margin: 30px 0 0 0; padding: 0; } .categoriesList ul li { line-height: 40px; background: url('../images/li_59ea959cf6.jpg'); background-position: center left; background-repeat: no-repeat; padding: 0 0 0 18px; border-top: 1px solid #dedede; } .categoriesList ul li:first-child { border-top: none; } .categoriesList ul li span { line-height: 20px; } .categoriesList ul li span a { color: #1e2223; font-size: 18px; text-decoration: none; } .categoriesList ul li span a:hover { color: #34aacc; } */ /* RECIPES AND PRODUCTS LIST */ .recipesList, .productsList { width: 641px; float: right; } .recipesList.favorites, .productsList.favorites { background-color: #ffffff; } .recipesList.favorites h1, .productsList.favorites h1 { color: #1e2223 !important; font-size: 44px !important; font-weight: 700 !important; } /* NAVIGATION */ .navigation { width: 621px /* 642px */; background-color: #fdfefe; color: #818181; font-size: 16px; padding: 45px 0 15px 20px; } .navigation .path { display: table; } /*.navigation .home { width: 20px; height: 20px; background: url('../images/icon_path_home_b3ac488698.jpg'); background-repeat: no-repeat; }*/ .navigation .home { text-decoration: none; } .navigation img { margin: 0 3px 0 0; } .navigation a, .navigation span { line-height: 20px; color: #818181; text-decoration: underline; padding: 0 3px 0 0; vertical-align: middle; } .navigation span { text-decoration: none; } .navigation a:hover { color: #1e2223; text-decoration: underline; } /* RECIPES AND PRODUCTS HEADER */ .recipesList .header, .productsList .header { background-color: rgba(253,254,254,0.45); margin: 0 0 15px 0; padding: 20px 10px 20px 20px; } .recipesList .header h1, .productsList .header h1 { color: #1e2223; font-size: 32px; margin: 0; float: left; } /* FILTERS */ .recipesList .header .filter { margin: 6px 0 0 0; float: right; } .recipesList .filter a { line-height: 41px; font-size: 19px; font-style: italic; text-align: center; text-decoration: none; padding: 0 20px; margin: 0 2px; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; float: left; } .recipesList .filter a.all { background-color: #e8e8e8; color: #1e2223; } .recipesList .filter a.ours { background-color: #8ad6e9; color: #ffffff; } .recipesList .filter a.yours { background-color: #d32929; color: #ffffff; } .recipesList .filter a.all:hover { background-color: #f6f6f6; } .recipesList .filter a.ours:hover { background-color: #2bbfe5; } .recipesList .filter a.yours:hover { background-color: #b00000; } .recipesList .order, .productsList .order { width: 475px; height: 52px; background-color: #eceeef; margin: 20px 0 -20px -20px; padding: 20px 0 10px 20px; clear: both; float: left; } .recipesList .order form { height: 45px; } .recipesList .order select.styled, .productsList .order select.styled { width: 231px; height: 45px; overflow: hidden; cursor: pointer; } .recipesList .order .customStyleSelectBox, .productsList .order .customStyleSelectBox { background: url('../images/order_select_bg_a7152b264c.jpg'); background-repeat: no-repeat; width: 211px /* 231px */; line-height: 45px; color: #1e2223; font-size: 18px; font-weight: 200; padding: 0 5px 0 15px; overflow: hidden; height: 45px;} .recipesList .order .longerStyledSelect .customStyleSelectBox {width: 360px;background-image: url('../images/filter_select_bg_longer_047122aba8.jpg');} .recipesList .order .longerStyledSelect select {width: 360px;} .recipesList .order input[type="text"], .productsList .order input[type="text"] {width: 211px /* 231px */; line-height: 45px; color: #1E2225; font-size: 18px; font-weight: 200; padding: 0 5px 0 15px; height: 45px; border-radius: 25px; border: 1px solid #c9c9c9; } .recipesList .count, .productsList .count { width: 146px; line-height: 82px; background-color: #eceeef; text-align: left; margin: 20px -10px -20px 0; float: right; } .recipesList .order, .manufacturersList .order{height: 100px; position: relative; z-index: 6;} .recipesList .count, .manufacturersList .count{height: 130px; position: relative; z-index: 5;} .recipesList .label { width: 600px; font-size: 0.8em; } .recipesList .addRecipe{text-align: center; padding: 0px 0 15px;} /* RECIPES AND PRODUCTS LIST */ .recipesList .list, .productsList .list {} .recipesList .list .item, .productsList .list .item { width: 200px; height: 310px; margin: 0 20px 15px 0; position: relative; float: left; cursor: pointer; } .recipesList .list .item.last, .productsList .list .item.last { margin-right: 0px; } .recipesList .list .item .color_line, .productsList .list .item .color_line { width: 100%; height: 5px; position: absolute; top: 0; z-index: 999; } .recipesList .list .item.ours .color_line { background-color: #70c8e1; } .recipesList .list .item.yours .color_line { background-color: #d32929; } .recipesList .list .item .image, .productsList .list .item .image { background-color: #ffffff; margin: 5px 0 0 0; } .recipesList .list .item .image a, .productsList .list .item .image a { width: 200px; height: 160px; text-align: center; display: table-cell; vertical-align: middle; position: relative; } .recipesList .list .item .name, .productsList .list .item .name { width: 200px; height: 84px; background-color: #ffffff; } .recipesList .list .item .name a, .productsList .list .item .name a { height: 84px; /*line-height: 55px;*/ color: #1f2324; font-size: 19px; font-weight: 600; text-decoration: none; display: table-cell; vertical-align: top; } .recipesList .list .item .name a span, .productsList .list .item .name a span { line-height: 20px; padding: 0 0 0 18px; height: 60px; overflow: hidden; display: block; } .recipesList .list .item .info, .productsList .list .item .info { width: 200px; height: 74px; color: #1f2324; font-size: 16px; position: absolute; bottom: 0px; z-index: 998; } .recipesList .list .item .info .text, .productsList .list .item .info .text { height: 74px; line-height: 18px; padding: 7px 0 0 18px; display: table-cell; vertical-align: middle; } .recipesList .list .item.ours .info { background: url('../images/item_ours_info_bg_454968c042.jpg'); background-repeat: no-repeat; } .recipesList .list .item.ours:hover .info { background-position: 0 -74px; } .recipesList .list .item.yours .info { background: url('../images/item_yours_info_bg_a6910864d6.jpg'); background-repeat: no-repeat; } .recipesList .list .item a { color: #000000; } .recipesList .list .item.yours:hover .info { background-position: 0 -74px; } .recipesList .list .item .info .small, .productsList .list .item .info .small { font-size: 13px; } .recipesList .list .item .favorite, .productsList .list .item .favorite { width: 200px; height: 74px; font-size: 16px; display: none; position: absolute; bottom: 0px; z-index: 999; } .recipesList .list .item .favorite .text, .productsList .list .item .favorite .text { width: 200px; height: 74px; line-height: 18px; padding: 7px 0 0 0; display: table-cell; vertical-align: middle; } .recipesList .list .item.ours .favorite { background: url('../images/item_ours_info_bg_454968c042.jpg'); background-position: 0 -74px; background-repeat: no-repeat; } .recipesList .list .item.yours .favorite { background: url('../images/item_yours_info_bg_a6910864d6.jpg'); background-position: 0 -74px; background-repeat: no-repeat; } .recipesList .list .item .favorite a, .productsList .list .item .favorite a { width: 146px /* 190px */; line-height: 40px; background: #d32929 url('../images/button_favorite_21_b307a3d4d1.jpg'); background-position: center left; background-repeat: no-repeat; color: #ffffff; font-size: 15px; font-weight: 200; text-align: left; text-decoration: none; margin: auto; padding: 0 0 0 44px; display: block; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .recipesList .list .item .label { width: 100%; background-color: rgba(236,238,239,0.85) /*#eceeef*/; color: #1f2324; font-size: 18px; text-align: center; text-transform: uppercase; padding: 1em 0; display: none; position: absolute; top: 50%; -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Chrome, Safari, Opera */ transform: translateY(-50%); } .recipesList .list .item .category-image .label { display: block; } /* ITEM HOOVERS */ .recipesList .list .item:hover .favorite, .productsList .list .item:hover .favorite { display: block; } .recipesList .list .item:hover .color_line, .productsList .list .item:hover .color_line { height: 7px; } .recipesList .list .item.ours:hover .color_line { background-color: #22afd7; } .recipesList .list .item.yours:hover .color_line { background-color: #be1919; } .recipesList .list .item.ours:hover .name a { color: #22afd7; } .recipesList .list .item.yours:hover .name a { color: #b00000; } /* PRODUCTS LIST */ .productsList .list .item .image { text-align: center; } .productsList .list .item .image img { margin-top: 10px; } .productsList .list .item .color_line { background-color: #70c8e1; } .productsList .list .item .info { background: url('../images/item_ours_info_bg_454968c042.jpg'); background-repeat: no-repeat; } /*.productsList .list .item .info .text { background: url('../images/item_ours_info_bg_454968c042.jpg'); background-repeat: no-repeat; }*/ /*.productsList .list .item .favorite .text { background: url('../images/item_ours_info_bg_454968c042.jpg'); background-position: 0 -74px; background-repeat: no-repeat; }*/ .productsList .list .item:hover .color_line { background-color: #22afd7; } .productsList .list .item:hover .name a { color: #22afd7; } /* MANUFACTURER LIST */ .productsList .list .item.manufacturer, .product_detail.manufacturer .item.manufacturer { height: 226px; } .productsList .list .item:hover .info, .product_detail.manufacturer .item:hover .info { background-position: 0 -74px; } .productsList .list .item.manufacturer .info .text, .productsList .list .item .info .text a, .product_detail.manufacturer .item.manufacturer .info .text, .product_detail.manufacturer .item .info .text a { color: #1f2324; font-size: 16px; font-weight: 500; text-decoration: none; } .productsList .list .item.manufacturer .info .text, .productsList .list .item:hover .info .text a, .product_detail.manufacturer .item.manufacturer .info .text, .product_detail.manufacturer .item:hover .info .text a { color: #2bbfe5; } .product_detail.manufacturer .order { margin-left: 0; margin-bottom: 20px; } .product_detail.manufacturer .count { margin-right: 0; margin-bottom: 20px; } /* PAGINATOR */ .paginator_line { width: 100%; height: 92px; background-color: #f0f0f1; margin: 0 0 30px 0; } .paginator_line .wrap { width: 970px; height: 92px; margin: auto; } .paginator_line .left { width: 308px; float: left; text-align: center; line-height: 92px; vertical-align: middle;} .paginator { width: 641px; line-height: 92px; color: #1f2324; font-size: 19px; float: right; } .paginator a { height: 35px; color: #1f2324; text-decoration: none; display: inline-block; vertical-align: middle; } .paginator .buttonLeft { width: 35px; height: 35px; background: url('../images/paginator_left_bg_eacce737a5.jpg'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .paginator .buttonRight { width: 35px; height: 35px; background: url('../images/paginator_right_bg_7948bf5961.jpg'); background-repeat: no-repeat; display: inline-block; vertical-align: middle; } .paginator a .buttonLeft, .paginator a .buttonRight { display: block; vertical-align: baseline; } .paginator a:hover .buttonLeft, .paginator a:hover .buttonRight { background-position: 0 -35px; } .paginator .steps { width: 562px; text-align: center; display: inline-block; vertical-align: middle; } .paginator .steps a { margin: 0 2px; display: inline; vertical-align: baseline; } .paginator .steps .current { background-color: #ffffff; color: #2bbfe5; margin: 0 2px; padding: 3px 6px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .paginator .steps .dots { margin: 0 2px; display: inline; vertical-align: baseline; } /* PRODUCTS AND RECIPES FILTER */ .categoriesList .filters { width: 100%; background-color: #cff5ff; margin: 10px 0 0 -20px; padding: 10px 20px; } .categoriesList .filters .filter_button { line-height: 30px; background: url('../images/filter_button_plus_a78d181203.jpg'); background-position: center left; background-repeat: no-repeat; color: #2bbfe5; font-size: 26px; font-weight: 700; text-decoration: none; padding: 0 0 0 20px; display: block; } .categoriesList .filters .filter_button.active { background: url('../images/filter_button_minus_b0a7c0e3f4.jpg'); background-position: center left; background-repeat: no-repeat; } .categoriesList .filters .filter { padding-top: 10px; } .categoriesList .filters .filter .clearFilter { text-align: center; } .categoriesList .filters .space_line { height: 1px; background-color: #ffffff; margin: 15px -20px; border-bottom: 1px solid #a5dfef; } .categoriesList .filters label { padding: 0 0 0 14px; } .categoriesList .filters select.styled { width: 271px; height: 45px; margin-top: 8px; overflow: hidden; cursor: pointer; } .categoriesList .filters .customStyleSelectBox { background: url('../images/filter_select_bg_7c8ff265b4.jpg'); background-repeat: no-repeat; width: 221px /* 271px */; line-height: 45px; color: #1e2223; font-size: 18px; font-weight: 200; margin-top: 8px; padding: 0 35px 0 15px; overflow: hidden; height: 45px; } .categoriesList .filters .customStyleSelectBoxInner { padding: 0px;} .filter_bottom { width: 100%; height: 13px; background-image: url('../images/filter_bottom_bg_63f1315ed8.jpg'); background-position: 15px 0; background-repeat: no-repeat; } /* CONTENT PAGE */ .contentPage { width: 100%; } .contentPage .navigation { width: 100%; background: none; padding-top: 45px; padding-bottom: 25px; } .contentPage .page { background-color: #ffffff; color: #1e2223; font-size: 14px; padding: 20px; } .contentPage .page .text { text-align: justify; } .contentPage .page .text.columns_1 { text-align: justify; } .contentPage .page .text.columns_2 { text-align: justify; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -moz-column-gap: 40px; -webkit-column-gap: 40px; column-gap: 40px; } .contentPage h1 { color: #1e2223; font-size: 44px; margin: 0 0 20px 0; } .contentPage h2 { color: #818181; font-size: 19px; font-weight: 500; margin: 0 0 20px 0; } .contentPage .page a { color: #d32929; font-weight: 400; text-decoration: underline; } .contentPage .page iframe { max-width: 560px; max-height: 315px; } /* CONTACT PAGE */ .contact.page { position: relative; } .contact.page .text { position: relative; z-index: 99; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .contact.page .place { width: 80px; min-height: 100px; background-image: url('../images/icon_place_55d834e02c.jpg'); background-position: right top; background-repeat: no-repeat; float: left; } .contact.page .column { width: 345px; padding: 0 0 0 20px; float: left; } .contact.page .column.left { font-size: 14px; font-weight: 600; } .contact.page .column.right { font-size: 18px; padding-top: 56px; } .contact.page .column .icon { line-height: 36px; font-size: 18px; font-weight: 600; padding: 0 0 0 45px; } .contact.page .column .icon.mail { background-image: url('../images/icon_contact_mail_fb93b81fae.jpg'); background-position: left center; background-repeat: no-repeat; } .contact.page .column .icon.mail a { color: #1e2223; font-weight: 600; } .contact.page .column .icon.phone { background-image: url('../images/icon_contact_phone_9983d1db19.jpg'); background-position: left center; background-repeat: no-repeat; } .contact.page .column .icon.fax { background-image: url('../images/icon_contact_fax_23798a5d30.jpg'); background-position: left center; background-repeat: no-repeat; } .contact.page h1 { line-height: 50px; color: #1e2223; font-size: 32px; font-weight: 600; margin-bottom: 10px; } .contact.page p { margin: 5px 0; } .contact.page .social { margin: 25px 0; clear: both; } .contact.page .social .facebook { width: 38px; height: 39px; background-image: url('../images/icon_facebook_6387453b21.jpg'); background-repeat: no-repeat; margin: 0 10px 0 0; display: block; float: left; } .contact.page .social .twitter { width: 38px; height: 39px; background-image: url('../images/icon_twitter_a856e3c73f.jpg'); background-repeat: no-repeat; margin: 0 10px 0 0; display: block; float: left; } .contact.page .social a:hover { background-position: 0 -39px; } .contentPage .map { margin-bottom: 50px; position: relative; top: 40px; /*top: -120px;*/ left: -215px; z-index: 90; } /* REGISTER PAGE */ .contentPage.register {} .contentPage.register .text { position: relative; z-index: 99; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } .contentPage.register .form { width: 420px; /*height: 1000px;*/ margin: auto; } .contentPage.register .row { width: 100%; margin-bottom: 25px; clear: both; } .contentPage.register .row .left { width: 420px; float: left; } .contentPage.register .row.oneColumn { width: 930px; float: none; } .contentPage.register .row .right { width: 390px /* 415px */; padding-left: 20px; float: left; } /* ZVLAST KVULI CKEDITORU */ .contentPage.register .row span { padding: 0 0 15px 20px; display: block; } .contentPage.register .row span.noPaddingLeft { padding-left: 0px; } .contentPage.register label { color: #1e2223; font-size: 19px; } .contentPage.register input[type="text"], .contentPage.register input[type="password"], .contentPage.register input[type="submit"], .contentPage.register textarea { width: 360px; height: 40px; background: none; color: #1e2223; font-family: 'Titillium Web', sans-serif; font-size: 19px; padding: 0 20px; border: 1px solid #c9c9c9; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; resize: none; } .contentPage.register textarea { width: 100%; height: 135px; } .contentPage.register input[type="submit"].send { width: auto; height: 65px; background: #d32929 url('../images/add_recipe_button_send_bg_408cd25dff.jpg'); background-position: 30px center; background-repeat: no-repeat; color: #ffffff; font-family: 'Titillium Web', sans-serif; font-size: 25px; font-weight: 600; padding: 0 40px 0 75px; border: none; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; resize: none; } .contentPage.register input[type="submit"].send:hover { background: #b00000 url('../images/add_recipe_button_send_bg_408cd25dff.jpg'); background-position: 30px center; background-repeat: no-repeat; cursor: pointer; } .contentPage.register .styled-select { width: 361px; height: 46px; background: url('../images/select_401_bg_45fd894d5d.jpg'); padding: 0 20px; border: none; overflow: hidden; } .contentPage.register .styled-select select { width: 430px; height: 39px; background: none; color: #1e2223; font-family: 'Titillium Web', sans-serif; font-size: 19px; margin-top: 4px; padding-top: 3px; border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; } /* EDITACE UZIVATELSKEHO UCTU */ .contentPage.register.editProfile { width: 640px; float: right; } .contentPage.register.editProfile h2 { color: #1e2223; font-size: 30px; margin: 0 0 20px 20px; } /** * FORGOTTEN PASSWORD PAGE */ .forgottenPassword.page .text { position: relative; z-index: 99; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } /** * Print shopping list page */ .printShoppingList .page{} .printShoppingList .page .text{-moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } /* ITEM DETAIL */ .productDetailPopup { width: 444px /*374px*/; position: absolute; left: 5%; /*top: -30px; left: 430px;*/ z-index: 99999; margin-top: -30px;} .productDetailPopup .pdpTop { width: 374px /*374px*/; height: 75px; background: url('../images/food_table_detail_top_bg_af3ed71a32.jpg'); background-position: left top; background-repeat: no-repeat; padding: 0 50px 0 20px; } .productDetailPopup .pdpTop .detail_label { width: 315px /*250px*/; height: 75px; color: #1e2223; font-size: 20px; display: table-cell; vertical-align: middle;} .productDetailPopup .pdpTop .closeDetail { width: 35px; height: 36px; background: url('../images/food_table_detail_close_ca8402ab18.jpg'); background-position: left top; background-repeat: no-repeat; /*margin: 22px 0 0 0;*/ display: block; /*float: right;*/ position: absolute; top: 20px; right: 50px; } .productDetailPopup .pdpTop .closeDetail:hover { background-position: 0px -36px; } .productDetailPopup .pdpMiddle { width: 409px /*374px*/; min-height: 168px; background: url('../images/food_table_detail_middle_bg_b7b3ad15a1.jpg'); background-position: left top; background-repeat: repeat-y; color: #1f2324; font-size: 16px; padding: 0 26px 0 9px; } .productDetailPopup .pdpMiddle table { margin: 0 20px; padding: 10px 0; border-collapse: collapse; } .productDetailPopup .pdpMiddle table td { padding: 0; } .productDetailPopup .pdpMiddle table td.center { text-align: center; } .productDetailPopup .pdpMiddle .space { height: 10px; display: block; } .productDetailPopup .pdpMiddle .text { padding: 0 5px} .productDetailPopup .pdpMiddle .border_radius_20_button { margin-top: 8px; } .productDetailPopup .pdpBottom { width: 444px /*374px*/; height: 20px; background: url('../images/food_table_detail_bottom_bg_b5ef12dcbc.jpg'); background-position: left bottom; background-repeat: no-repeat; padding: 0 0 0 40px; } .productDetailPopup .detail .bg { background-color: #f5f5f5; } .productDetailPopup .bg.buttons { padding: 4px 12px 2px 12px; } .productDetailPopup .radius { -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; } .productDetailPopup .images { width: 160px; padding: 6px 0 0 0; float: left; } .productDetailPopup .images img { margin-bottom: 10px; padding-left: 20px; } .productDetailPopup .images .label { width: 143px; margin-bottom: 8px; padding-left: 20px; } .productDetailPopup .nutritions { width: 205px; float: right; } .productDetailPopup .nutritions thead td { font-weight: bold; } .productDetailPopup .nutritions .noGluten td { font-size: 20px; font-weight: 600; padding-top: 10px; } .productDetailPopup.right {} .productDetailPopup.right .pdpTop { padding: 0 20px 0 50px !important; background: url('../images/food_table_detail_right_top_bg_29423c17d9.jpg') !important;} .productDetailPopup.right .pdpTop .closeDetail {right: 20px !important; } .productDetailPopup.right .pdpMiddle { padding: 0 9px 0 26px !important; background: url('../images/food_table_detail_right_middle_bg_fe84a28369.jpg') !important; } .productDetailPopup.right .pdpBottom { background: url('../images/food_table_detail_right_bottom_bg_3a549d07f4.jpg');} .loader{background: url('../images/ajax-loader_95878934d1.jpg'); width: 32px; height: 32px;} .whiteAddButton{ width: auto; height: 40px; line-height: 40px; vertical-align: middle; background-image: url('../images/add_recipe_add_category_button_bg_bdccb0cb96.jpg'); background-position: 15px center; background-repeat: no-repeat; padding: 0 20px 0 45px; display: inline-block; text-decoration: none; color: #1e2223; font-family: 'Titillium Web', sans-serif; font-size: 19px; border: 1px solid #c9c9c9; border-radius: 25px; } /* ARTICLES */ .categoriesList .articles-filter span span { height: 40px; } .categoriesList .articles-filter label { width: 226px; float: left; } .categoriesList .articles-filter input[type="checkbox"] { margin: 14px 5px 0 0; float: right; } .categoriesList .articles-filter label:hover, .categoriesList .articles-filter input[type="checkbox"] { cursor: pointer; } .articlesList { } .articlesList .header { margin-bottom: 0; } .articlesList .order { width: 621px; height: 55px; } .articlesList .text { background-color: rgba(253,254,254,0.45); margin: 0 0 5px 0; padding: 20px; } .articlesList .text p { margin: 0; } .articlesList .article { background-color: #ffffff; margin: 0 0 20px 0; padding: 20px; } .articlesList .article .image { width: 179px; height: 125px; float: left; } .articlesList .article .right { width: 402px; padding: 0 0 0 20px; float: left; } .articlesList .article .title { } .articlesList .article .title h2 { font-size: 19px; font-weight: 600; margin: 0; } .articlesList .article .info { font-size: 13px; margin-bottom: 5px; } .articlesList .article .description { font-size: 13px; } .articlesList .article .tags { height: 24px; line-height: 24px; background-image: url('../images/icon_tag_cec50b1c53.jpg'); background-position: center left; background-repeat: no-repeat; font-size: 12px; margin: 20px 0 0 0; padding: 0 0 0 35px; clear: both; } .articlesList .article a.read { width: 169px; height: 39px; line-height: 39px; background-image: url('../images/articles-read-button_cfab804820.jpg'); background-position: center top; background-repeat: no-repeat; color: #ffffff; font-size: 15px; text-align: center; text-decoration: none; margin: 0 auto; display: block; } .articlesList .article a.read:hover { background-position: 0px -39px; } .articlesList .article a.read span { padding: 0 0 0 20px; } /* ARTICLE DETAIL */ .article-detail { width: 100%; } .article-detail .navigation { width: 950px; } .article-detail .header { background-color: rgba(253,254,254,0.45); padding: 0 0 20px 0; } .article-detail .header h1 { height: 88px; line-height: 88px; margin: 0; padding: 0 0 0 20px; } .article-detail .header .info { padding: 0 0 0 20px; } .longerStyledSelect .customStyleSelectBox {width: 360px;background-image: url('../images/filter_select_bg_longer_047122aba8.jpg');} .longerStyledSelect select {width: 360px;} #__cookieConsent { width: 450px; max-width: 100%; position: fixed; z-index: 1000000; bottom: 1rem; right: 50%; margin-right: -225px; display: none; font-family: 'Titillium Web', sans-serif; } @media (max-width: 400px) { #__cookieConsent { width: auto; right: initial; margin: 0 1rem; } } #__cookieConsent button { cursor: pointer; } #__cookieConsent #__cookieConsent_dialog { display: block; border: 1px solid #e8e8e8; padding: 1rem; background: #fff; } #__cookieConsent #__cookieConsent_dialog .__cookieConsent_header { font-size: 1.3rem; font-weight: bold; } #__cookieConsent #__cookieConsent_dialog .__cookieConsent_description { font-size: 0.9rem; line-height: 1.5rem; margin-top: 5px; } #__cookieConsent #__cookieConsent_dialog .__cookieConsent_buttons { margin-top: 0.5rem; display: flex; flex-direction: column; } #__cookieConsent #__cookieConsent_dialog .__cookieConsent_buttons button { color: #000; background-color: #fff; display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid #000; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s; margin: 5px; } #__cookieConsent #__cookieConsent_dialog .__cookieConsent_buttons button:hover { background-color: #dadada; } .__cookiesConsent_setting_fade { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); display: block; top: 0px; left: 0px; z-index: 1000000; } #__cookiesConsent_setting { height: fit-content; display: block; position: fixed; left: 0; right: 0; top: 3rem; z-index: 1000010; pointer-events: none; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog { width: 500px; max-width: 500px; pointer-events: initial; display: block; padding: 1rem; margin: 0 auto; background: #ffffff; border: 1px solid #e8e8e8; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_headline { font-size: 1.5rem; font-weight: bold; margin-bottom: 0.5rem; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category { margin-bottom: 1rem; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category label { font-size: 1.3rem; font-weight: bold; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category label input[type="checkbox"] { width: 1.3rem; height: 1.3rem; font-family: system-ui, sans-serif; font-size: 2rem; font-weight: bold; line-height: 1.1; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category label.disabled { opacity: 0.5; pointer-events: none; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category table { width: 100%; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog .__cookiesConsentSetting_categories .__cookiesConsentSetting_category table td { width: 50%; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog #__cookiesConsentSetting_butons { height: 2rem; margin-top: 0.5rem; } #__cookiesConsent_setting .__cookiesConsentSetting_dialog #__cookiesConsentSetting_butons button { width: 49%; margin: 1px; display: inline-block; line-height: 2rem; float: left; }