/* Theme Name: OodleTech Theme URI: http://oodletech.com Description: This theme was developed and designed by OodleTech. Author: OodleTech Version: 1.0 Tags: oodletech */ body { font-family:"Times New Roman", Times, serif font-size: 12px; } /** TYPOGRAPHY **/ .overflow { overflow: hidden; } .relative { position: relative; } .absolute { position: absolute; } .left { float: left; } .right { float: right; } .sprite { background: transparent url( "images/wwwcc-sprite.png" ) no-repeat; } img { max-width: 94%; height: auto; } /** HEADER **/ .swipe_area { overflow-x: hidden; position: relative; z-index: 9998; } #mobile-wrap { background: #ffffff; position: relative; z-index: 999999; } #mobile-wrap #header #top-head { display: block; background-position: 0 0; height: 57px; width: 233px; margin-right: ; margin-left: 3%; z-index: 1; } #mobile-wrap #header #coupon-deals { display: block; background-position: -248px 0; width: 64px; height: 59px; margin-right: 3% } #mobile-wrap #header #bttm-head { display: table; width: 100%; background: url( 'images/groovepaper.png' ) repeat-x 0 0; height: 25px; padding: 4px 10px; /*border: 1px solid #657e84; */border-left: none; border-right: none; } #mobile-wrap #header #bttm-head #bttm-head-inner { display: table-row; } #mobile-wrap #header #bttm-head #bttm-head-inner .menu_bttn_container { display: table-cell; } #mobile-wrap #header #bttm-head #bttm-head-inner form { display: table-cell; width: 100%; padding-left: 3%; } #mobile-wrap #header #bttm-head .menu_bttn_container .menu_bttn { font-size: 12px; color: #657e84; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; /* border: 1px solid #ccc;*/ background: transparent url( images/ccmenu-btn.png ) repeat-x 0 0; display: block; padding: 4px 8px; text-decoration: none; } #mobile-wrap #header #bttm-head #cc-search { outline: none; font-size: 12px; width: 70%; padding: 4px 2%; border: 1px solid #ccc; border-right: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; } #mobile-wrap #header #bttm-head #searchbutton { position: relative; left: -3px; font-size: 12px; color: #657e84; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; /* border: 1px solid #ccc;*/ border: none; background: transparent url( images/ccmenu-btn.png ) repeat-x 0 0; padding: 5px 8px; } @-moz-document url-prefix() { #mobile-wrap #header #bttm-head #cc-search { padding: 7px 6px; } #mobile-wrap #header #bttm-head #searchbutton { left: -2px; } } /** BODY **/ #mobile-wrap #body-wrap .store_name, .cs_title { font-size: 16px; line-height: 17px; color: #657e84; padding: 13px 3%; font-weight: bold; } #mobile-wrap #body-wrap .article { border-top: 2px solid #371b64; background: #fff url( images/cclink-repeat.png ) repeat-x left bottom; padding: 0; position: relative; } #mobile-wrap #body-wrap .article:first-child { border: none; } .art_list .img_li { width: 25%; } .art_list .info_li { width: 68%; } #mobile-wrap #body-wrap .article .art_img img { padding: 4px 0 0 4px; } #mobile-wrap #body-wrap .article .art_title { padding: 10px; display: block; font-size: 18px; color: #371B64; text-decoration: none; font-family: "Copse"; } #mobile-wrap #body-wrap .article .art_by { font-size: 11px; line-height: 16px; color: #fff; background: url( images/ccdate-ribbon.png ) no-repeat; padding: 0 0 0 10px; position: relative; left: 0; bottom: 0; } #mobile-wrap #body-wrap .article .art_more { position: absolute; top: 50%; margin-top: -10px; display: block; right: 3%; background: url( images/ccorange-arrow.png ) no-repeat; width: 12px; height: 22px; } #mobile-wrap #body-wrap .back_load { background: url( 'images/groovepaper.png' ) repeat-x 0 0; } #mobile-wrap #body-wrap .load_more { padding: 10px 3%; } #mobile-wrap #body-wrap .load_more .load_bttn { margin: 0 auto; font-size: 16px; color: #000; display: block; background-position: 0 -115px; width: 302px; height: 20px; text-decoration: none; text-align: center; padding: 10px 0; } #mobile-wrap #body-wrap .post_info { padding: 0 11px 7px 11px; } #mobile-wrap #body-wrap .post_date { background: url( 'images/ccpost-ribbon.png' ) no-repeat; position: absolute; left: 0; float: left; width: 84%; height: 18px; font-size: 12px; line-height: 14px; color: #fff; padding: 3px 0 0 50px; } #mobile-wrap #body-wrap .social_icons { margin: 10px 3% 0 3%; } #mobile-wrap #body-wrap .social_icons li { float: right; padding-left: 2px; } #mobile-wrap #body-wrap .social_icons .face { display: block; background-position: -6px -205px; height: 31px; width: 32px; } #mobile-wrap #body-wrap .social_icons .twit { display: block; background-position: -43px -205px; height: 31px; width: 32px; } #mobile-wrap #body-wrap .social_icons .link { display: block; background-position: -79px -205px; height: 31px; width: 32px; } #mobile-wrap #body-wrap .social_icons .pint { display: block; background-position: -116px -205px; height: 31px; width: 32px; } #mobile-wrap #body-wrap .social_icons .email { display: block; background-position: -154px -205px; height: 31px; width: 32px; } .money_li { margin: 5px 0 0 3%; } .money_circle { background-position: -197px -196px; display: block; width: 41px; height: 41px; } .recipe_circle { background-position: -244px -196px; display: block; width: 41px; height: 41px; } .lesson_circle { background: url( 'images/lessons_circle.png' ) no-repeat; width: 41px; height: 41px; display: block; } /** MENU **/ #JPanelMenu { position: absolute; z-index: 2; } .main_nav_menu { position: absolute; z-index: 2; background: #c2c2c2; overflow: scroll; height: 100%; display: none; width: 100%; } .main_nav_menu li { background: url( 'images/ccrepeat-menu-lgt.png' ) repeat-x 0 0; } .main_nav_menu > li { background: url( 'images/groovepaper.png' ) repeat-x 0 0; border-bottom: 1px solid #0a0512; } .main_nav_menu li a { padding: 12px; background: url( '' ) no-repeat right center; display: block; text-decoration: none; } .main_nav_menu > li > a { font-weight: normal; color: #fff; text-transform: uppercase; cursor: default; font-size: 16px; font-family: "Copse"; } .main_nav_menu > li:first-child > a { border: none; } .main_nav_menu > li > ul { display: none; } .main_nav_menu > li > ul > li { position: relative; border-bottom: 1px solid #533c77; color: #585858; } .main_nav_menu > li > ul > li a { color: #464646; } .main_nav_menu > li > ul > li > a { padding: 8px 11px; position: relative; z-index: 1; border-right: 10px solid transparent; } .main_nav_menu > li > ul > li > a.menu-closed { background: url( 'images/cc_menuarrow.png' ) no-repeat right center; } .main_nav_menu > li > ul > li > a.menu-open { background: url('images/ccopen_arrow.png') no-repeat right center; } .main_nav_menu > li > ul > li > ul { display: none; } .main_nav_menu > li > ul > li > ul > li { border-bottom: 1px solid #5d5d5d; } .main_nav_menu li.view_desktop_site, .main_nav_menu > li > ul > li > ul > li { background: url( 'images/ccrepeat-menu-drk.png' ) repeat-x 0 0; } .main_nav_menu li.view_desktop_site { text-align: center; background: url( 'images/ccmenu_view.png' ) repeat 0 0; border-bottom: 1px solid #533c77; border-right: 1px solid #533c77; border-left: 1px solid #533c77; } .main_nav_menu li.view_desktop_site a { color: #fff; cursor: pointer; } a.w_arrow { background-image: url( 'images/cc_menuarrow.png' ); margin-right: 8px; } a.w_arrow.open_arrow { background-image: url( 'images/ccopen_arrow.png' ); margin-right: 8px; } #mobilesmart_switcher { display: none; } /** COMMENTS **/ .commentlist { margin: 15px 11px 0; } .commentlist .commentbox { border-top: 1px solid #beb5ab; padding-top: 20px; } .commentlist > .commentbox:first-child { border-top: none; padding-top: 0; } .commentlist .commentbox .comment-body { padding-bottom: 14px; } .commentlist .commentbox .children { padding-left: 15px; } .commentbox .comment-body { border-bottom: 1px solid #cbcbcb; } .commentbox .comment-body .comment-meta { border-bottom: 1px solid #00ca98; padding-bottom: 10px; overflow: hidden; margin-bottom: 14px; } .commentbox .comment-body .comment-meta .comment-author { font-family: "Copse"; font-size: 11px; color: #363636; float: left; } .commentbox .comment-body .comment-meta .comment-author a { color: #5d452e; text-decoration: none; } .commentbox .comment-body .comment-meta .comment-date { font-size: 11px; color: #ee7833; float: right; } .commentbox .comment-body .comment-text { font-family: "Copse"; font-size: 12px; color: #363636; line-height: 16px; margin-bottom: 13px; } .commentbox .comment-body .comment-reply { overflow: hidden; color: #00ca98; } .commentbox .comment-body .comment-reply a { font-family: "Copse"; float: right; text-transform: uppercase; color: #00ca98; text-decoration: none; font-size: 11px; } .commentbox .comment-body .comment-reply a:hover { text-decoration: underline; } #subscribe-to-newsletter { width: 30px; margin-top: 10px; margin-bottom: 15px; } /** PREV NEXT BUTTONS **/ .post_links { text-align: center; width: 268px; margin: 0 auto; margin-bottom: 13px; } .post_links a { display: block; text-decoration: none; font-size: 12px; color: #657e84; } .post_links .prev_post a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; border: 1px solid #ccc; border-right: 1px solid #656565; background: transparent url( images/view_prev_btn.png ) repeat-x 0 0; display: block; padding: 9px 44px 9px 33px; text-decoration: none; } .post_links .next_post a { border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-top-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border: 1px solid #ccc; border-left: 1px solid #656565; background: transparent url( images/view_prev_btn.png ) repeat-x 0 0; display: block; padding: 9px 33px 9px 44px; text-decoration: none; } #respond { margin: 20px 11px 0; } #respond #comment-logged-in-as { color: #00ca98; font-size: 13px; font-family: "Copse"; margin-bottom: 17px; } #respond h3 { color: #00ca98; font-size: 13px; font-family: "Copse"; margin-bottom: 17px; } .commentForm input, #comment { width: 93%; padding: 10px 3%; border-radius: 3px; resize: none; border: 1px solid #cec6bd; outline: none; margin-bottom: 11px; font-size: 11px; } .commentForm input:focus, #comment:focus, .commentform input:active, #comment:active { border: 1px solid #ff5400; } .commentForm input:focus::-webkit-input-placeholder, .commentForm textarea:focus::-webkit-input-placeholder { color: #ff5400; } .commentForm input:focus:-moz-placeholder, .commentForm textarea:focus:-moz-placeholder { color: #ff5400; } .commentForm input:focus::-moz-placeholder, .commentForm textarea:focus::-moz-placeholder { color: #ff5400; } .commentForm input:focus:-ms-input-placeholder, .commentForm textarea:focus:-ms-input-placeholder { color: #ff5400; } #respond .submit-button { text-align: center; } #respond .submit-button input { background: transparent url( 'images/wwwcc-sprite.png' ) no-repeat -1px -158px; width: 300px; height: 37px; border: none; text-align: center; color: #FFF; font-size: 16px; } #respond #cancel-comment-reply { margin: 11px 0; text-align: center; } #respond #cancel-comment-reply a { color: #585858; font-size: 11px; } /** RECIPES SELECTORS **/ .recipe_selectors { margin: 0 3%; } .recipe_selectors .recipe_search_text { display: block; font-size: 12px; color: #00ca98; margin: 14px 0; font-family: "Copse"; } .recipe_selectors .recipe_search_form { } .recipe_selectors .recipe_search_form #cc-search { margin: 0 0 14px 0; outline: none; font-size: 12px; width: 70%; padding: 4px 2%; border: 1px solid #ccc; border-right: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; } .recipe_selectors .recipe_search_form #searchbutton { border: 1px solid #cccccc; position: relative; left: -3px; font-size: 12px; color: #657e84; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; background: transparent url( images/ccmenu-btn.png ) repeat-x 0 0; padding: 4px 8px; } @-moz-document url-prefix() { .recipe_selectors .recipe_search_form #cc-search { padding: 7px 6px; } .recipe_selectors .recipe_search_form #searchbutton { left: -2px; } } .recipe_selectors .recipe_search_form .recipe_dropdown { margin: 0 0 14px 0; outline: none; font-size: 12px; width: 94%; padding: 4px 2%; border: 1px solid #ccc; } .recipe_selectors .recipe_search_form .recipe_dropdown option { color: #ccc; } /** FOOTER **/ #mobile-wrap #footer { background-image: -ms-linear-gradient(top, #04795C 0%, #00C896 100%); background-image: -moz-linear-gradient(top, #04795C 0%, #00C896 100%); background-image: -o-linear-gradient(top, #04795C 0%, #00C896 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #04795C), color-stop(1, #00C896)); background-image: -webkit-linear-gradient(top, #04795C 0%, #00C896 100%);background-image: linear-gradient(to bottom, #04795C 0%, #00C896 100%); border-top: 1px solid #f5f4f2; } #mobile-wrap #footer .foot_img { background-position: -337px -106px; width: 79px; height: 89px; margin: 11px 0 25px 4% } #mobile-wrap #footer .about { max-width: 65%; margin-top: 8px; margin-left: 7px; } #mobile-wrap #footer .about .foot_title { font-family: "Copse"; font-size: 14px; color: #371b64; font-weight: bold; padding: 5px 0 13px 0; } #mobile-wrap #footer .about .foot_about { font-family: "Copse"; font-size: 11px; line-height: 12px; color: #fff; margin-bottom: 11px; } #mobile-wrap #footer .about .foot_about span a { color: #371b64; text-decoration: none; } #mobile-wrap #footer .social_links { list-style: none; margin-left: 4%; } #mobile-wrap #footer .lets_social { font-family: "Copse"; margin-left: 3%; color: #371b64; font-size: 12px; line-height: 14px; margin-bottom: 15px; } #mobile-wrap #footer .social_links a { display: block; margin-left: 4px; } #mobile-wrap #footer .social_links a:first-child { margin-left: 0; } #mobile-wrap #footer .social_links .face { background-position: -103px -65px; height: 21px; width: 23px; } #mobile-wrap #footer .social_links .tube { background-position: -129px -65px; height: 21px; width: 23px; } #mobile-wrap #footer .social_links .twit { background-position: -156px -65px; height: 21px; width: 23px; } #mobile-wrap #footer .social_links .rss { background-position: -181px -65px; height: 21px; width: 23px; } #mobile-wrap #footer .social_links .pint { background-position: -207px -65px; height: 21px; width: 23px; } #mobile-wrap #footer .social_links .pint_list { padding-bottom: 10px; } #mobile-wrap #footer li a { color: #fff; font-size: 12px; line-height: 20px; } #mobile-wrap #footer .single_deal_list { list-style: none; margin: 0 4% 0 0; } #mobile-wrap #footer .single_deal { font-family: "Copse"; color: #371b64; font-size: 12px; line-height: 14px; } #mobile-wrap #footer .sign_up_text { color: #fff; font-size: 10px; line-height: 11px; } #mobile-wrap #footer .email_form { margin-bottom: 11px; } #mobile-wrap #footer .single_deal_list .email_form .cc_email { outline: none; font-size: 9px; padding: 4px 2%; border: none; color: #9e9e9e; width: 60%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-top-left-radius: 3px; -moz-border-bottom-left-radius: 3px; } #mobile-wrap #footer .single_deal_list .email_form #searchbutton { position: relative; left: -3px; font-size: 9px; color: #fff; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; /* border: 1px solid #ccc;*/ border: none; background: transparent url( images/ccsearch-bttnpurp.png ) repeat-x 0 0; padding: 5px 8px; margin-top: 2px; } #mobile-wrap #footer #MobileFooterMenu { list-style: none; padding: 0 0 10px 0; margin: 0; overflow: hidden; } #mobile-wrap #footer #MobileFooterMenu li { color: white; font-size: 12px; line-height: 14px; margin-left: 20px; float: left; } #mobile-wrap #footer #MobileFooterMenu li:first-child { margin-left: 0; } #mobile-wrap #footer #MobileFooterMenu li a { padding: 0 0 0 10px; background: url( images/list_divider.png ) no-repeat; } #mobile-wrap #footer #MobileFooterMenu li:first-child a{ background: none; } /** SCENE ELEMENT - ARCHIVE **/ .category_info { background: url( images/gray_jean.png ) repeat; border-bottom: 2px solid #f1945e; } .category_info .category_title { background: url( images/cc_archcircle.png ) no-repeat 0 0; height: 41px; margin: 6px 3% ; padding-bottom: 6px; text-indent: 50px; display: block; font-family: "Copse"; color: #057559; font-size: 24px; border-bottom: 1px solid #909090; line-height: 41px; } .category_info .lessons_category_title { background: url( images/lessons_circle.png ) no-repeat 0 0; text-indent: 50px;*/height: 41px; margin: 6px 3% ; padding-bottom: 6px; display: block; font-family: "Copse"; color: #057559; font-size: 24px; border-bottom: 1px solid #909090; line-height: 41px; } .category_info .recipe_category_title { background: url( images/cc-archrecipe.png ) no-repeat 0 0; height: 41px; margin: 6px 3% ; padding-bottom: 6px; text-indent: 50px; display: block; font-family: "Copse"; color: #057559; font-size: 24px; border-bottom: 1px solid #909090; line-height: 41px; } .category_info .category_description { font-size: 10px; color: #363636; margin: 6px 3%; line-height: 11px; font-family: "Times New Roman"; } /** MOBILE ADS **/ .mobile_ad { /*width: 320px; height: 50px; */ margin: 10px auto; /*background: #c8c8c8;*/ font-size: 18px; color: #FFF; text-align: center; } /** USER CONTENT **/ .cs { padding: 10px 11px; line-height: 14px; font-size: 12px; color: #363636; overflow: hidden; border-bottom: 2px solid #00ca98; margin: 14px 3% 0 3%; } .cs p { padding: 0 0 25px 0; line-height: 20px; font-size: 14px; color: #363636; display: block; } .cs form .mbd_coupons { width: 100%; } .cs form .mbd_coupons_item { overflow: hidden; } .cs form .mbd_coupons_item_cb { width: 10%; } .cs form .mbd_coupons_item_content { width: 90%; } .cs em { font-style: italic; } .cs strong { font-weight: bold; } .cs_title { padding: 15px 4px; /*line-height: 41px;*/ width: 77%; color: #00ca98; font-family: "Copse"; } .cs a { color: #ff5400; text-decoration: none; font-size: 14px; } .cs a:hover { text-decoration: underline; } .cs img.alignnone { display: block; padding: 10px 0; max-width: 100%; } .cs img.aligncenter { display: block; text-align: center; margin: 0 auto; padding: 10px 0; max-width: 100%; } .cs img.alignleft { float: left; padding: 2px; border: 1px solid #ccc; margin: 0 5px 5px 0; max-width: 98%; } .cs img.alignright { float: right; padding: 2px; border: 1px solid #ccc; margin: 0 0 5px 5px; max-width: 98%; } .cs ul { padding: 10px 0 10px 10px; } .cs ul li { list-style: disc outside; padding: 0 0 0 0px; margin: 0 0 0 10px; color: #363636; } .cs ol { padding: 10px 0 10px 10px; } .cs ol li { list-style: decimal outside; padding: 0 0 0 0px; margin: 0 0 0 10px; color: #363636; } .cs blockquote { padding: 3%; overflow: hidden; line-height: 12px; font-size: 8px; color: #363636; border: 1px solid #14CEA0; margin: 20px auto; padding: 20px 20px 0 20px; } .cs h1 { font-size: 18px; line-height: 26px; color: #00ca98; font-family: "Copse"; } .cs h2 { font-size: 16px; line-height: 24px; color: #00ca98; font-family: "Copse"; } .cs h3 { font-size: 14px; line-height: 20px; color: #00ca98; font-family: "Copse"; } .cs h4 { font-size: 12px; line-height: 18px; color: #00ca98; font-family: "Copse"; } .cs h5 { font-size: 12px; line-height: 18px; color: #00ca98; font-family: "Copse"; } .cs h6 { font-size: 12px; line-height: 18px; color: #00ca98; font-family: "Copse"; }