/* ------------------------------------------------------------ *\ |* ------------------------------------------------------------ *| |* Recipes Feed |* ------------------------------------------------------------ *| \* ------------------------------------------------------------ */ #recipe-list-header { background: rgb(26,26,26) url(/web/20140626074335im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/recipe-list-header-bg.jpg) no-repeat right top; background-size: cover; padding: 180px 0 90px; margin-bottom: 10px; } #recipe-list-header h1, #recipe-list-header p { color: rgb(255,255,255); } ul#recipe-list { display: block; margin: 0 -20px; padding: 0; text-align: center; } ul#recipe-list li { display: inline-block; vertical-align: top; width: 212px; margin: 0 15px 50px; text-align: left; } .recipe-link { display: block; color: rgb(26,26,26); } .recipe-content { border-top: 4px solid rgb(255,255,255); color: rgb(26,26,26); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recipe-list-container:hover .recipe-content { border-top: 4px solid rgb(228,167,41); } .recipe-list-container:hover h3.post-title { color: rgb(228,167,41); } .recipe-list-container:hover p { color: rgb(26,26,26); } .recipe-list-container:hover p.meta { color: rgb(153,153,153); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recipe-list-container:hover p.meta span { color: rgb(204,0,0); } .recipe-img-wrap { background-color: rgb(0,0,0); width: 212px; height: 212px; overflow: hidden; background-size: cover; background-position: center center; -webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,.05); box-shadow:inset 0 0 50px 0 rgba(0,0,0,.05); } .recipe-list-container .post-title { color: rgb(204, 0, 0); margin-top: 10px; margin-bottom: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recipe-list-container { position: relative; overflow: hidden; } .recipe-list-container .social-share a.social-media { width: 42px; height: 42px; line-height: 42px; } .recipe-list-container .social-share a.rss { display: none; } .recipe-list-container .social-share a.pinterest { width: 44px; } .recipe-list-container .social-share { position: absolute; top: -44px; right: 0; z-index: 100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recipe-list-container:hover .social-share { top: 0; } /* ------------------------------------------------------------ *\ |* ------------------------------------------------------------ *| |* Recipe |* ------------------------------------------------------------ *| \* ------------------------------------------------------------ */ #recipe-header { background-color: rgb(26,26,26); background-repeat: no-repeat; background-position: center top; max-width: 1280px; background-size: cover; height: 200px; margin: 0 auto 30px; -webkit-box-shadow:inset 0 0 50px 0 rgba(0,0,0,.05); box-shadow:inset 0 0 50px 0 rgba(0,0,0,.05); } #recipe .social-share { margin-bottom: 90px; } .single-meta { margin-top: 12px; } .utility-icons { float: right; } .utility-icons a { display: block; width: 44px; height: 44px; line-height: 54px; border: none; float: left; background-color: rgb(255,255,255); color: rgb(229,229,229); text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .utility-icons a:hover { color: rgb(0,0,0); } .recipe-title { color: rgb(228,167,41); } .author { color: rgb(153,153,153); font-style: italic; } #recipe-additional-content { margin-top: 50px; } #recipe-additional-content img { border: 4px solid rgb(242,242,242); margin-bottom: 50px; max-width: 100%; height: auto; } #recipe-additional-content .videoWrapper { margin-bottom: 50px; } #recipe-procedure { border-top: 4px solid rgb(204,0,0); background: rgb(242,242,242) url(/web/20140626074335im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/procedure-bg.jpg) no-repeat left top; padding: 10px 30px 20px; margin-bottom: 50px; } .procedure-content { padding-top: 30px; } .procedure-sidebar img { margin-top: 20px; margin-bottom: 5px; width: 100%; height: auto; } .procedure-sidebar p { font-style: italic; color: rgb(153,153,153); font-size: 14px; line-height: 20px; margin-bottom: 10px; } .procedure-sidebar .wp-caption { max-width: 100%; } #related-recipes { padding-top: 50px; } #related-recipes h2 { margin: 0 0 30px 0; } .tags { border-top: 4px solid rgb(228,167,41); background: rgb(242,242,242) url(/web/20140626074335im_/http://modernistcuisine.com/wp-content/themes/modernist-cuisine-2/inc/images/calendar-content-bg.jpg) no-repeat left top; padding: 20px; } .tags p.meta { margin-bottom: 20px; line-height: 18px; } #recipe-filter-form .dropdown { display: inline-block; } #sort-dropdown .dropdown-menu { border: 0; background-color: rgb(228,167,41); border: 0px solid #ccc; border: 0px solid rgba(0,0,0,.15); border-radius: 0px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0); box-shadow: 0 6px 12px rgba(0,0,0,0); color: #fff; } #sort-dropdown .dropdown-menu>li>a { color: #fff; background-color: rgb(228,167,41); } #sort-dropdown .dropdown-menu>li>a:hover { color: rgb(228,167,41); background-color: #fff; } /* FILE ARCHIVED ON 07:43:35 Jun 26, 2014 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 02:43:32 Nov 06, 2022. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 68.424 exclusion.robots: 0.241 exclusion.robots.policy: 0.232 RedisCDXSource: 0.52 esindex: 0.009 LoadShardBlock: 49.075 (3) PetaboxLoader3.datanode: 276.206 (5) CDXLines.iter: 15.97 (3) load_resource: 1356.472 (2) PetaboxLoader3.resolve: 1080.465 (2) */