/* Theme Name: Temple Gate Responive WordPress Author: Lotus Seeds Design Version: 1.0.1 Tags: two-columns, fixed-width, threaded-comments, sticky-post, translation-ready, theme options, White, Clean, The CSS and XHTML are released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /*use this only if a darker background color is used*/ html { /*-webkit-font-smoothing: antialiased;*/ } /* A font by Jos Buivenga (exljbris) -> http://www.exljbris.com */ @font-face { font-family: 'Museo500'; src: url('/temple-gate/wp-content/themes/templegate/css/museo500-regular-webfont.eot'); src: local('☺'), url('/temple-gate/wp-content/themes/templegate/css/museo500-regular-webfont.woff') format('woff'), url('/temple-gate/wp-content/themes/templegate/css/museo500-regular-webfont.ttf') format('truetype'), url('/temple-gate/wp-content/themes/templegate/css/museo500-regular-webfont.svg#webfonttfk0l8Lh') format('svg'); font-weight: normal; font-style: normal; } /*http://www.justbenicestudio.com/studio/temple-gate/wp-content/themes/templegate/css/temple-gate/wp-content/themes/templegate/css/temple-gate/wp-content/themes/templegate/css/temple-gate/wp-content/themes/templegate/css/temple-gate/wp-content/themes/templegate/css/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal; } .search-form button:before {font-family: "WebSymbolsRegular";content:'>';color:#ccc;font-size:12px;padding-left:3px;} #blog_sidebar a{opacity:0.8;} #blog_sidebar .acc-trigger:after {content:')' ;color:#B4CED4;} #blog_sidebar .acc-trigger:hover, #blog_sidebar .acc-trigger:hover:after {color:#e21;opacity:0.9} .menu-toggle:after{content:'{';font-size:20px;} #blog_sidebar .acc-trigger.ui-accordion-header:hover:after, #blog_sidebar .acc-trigger.ui-accordion-header-active:after {content:';'} .meta-category:before {content:'F';font-size:10px;} .tags:before {content:',';font-size:11px;} .comments:before {content:'e';font-size:10px;} .nocomment:before {content:'d';font-size:10px;} .author-meta:before {content:'U';font-size:11px;} .preva:before{content:'G'} .nexta:before{content:'H'} .sssss {font-size:26px!important;color:#565656;} .s-icon, #socialmedia li, .author-meta:before, .gotop, .nocomment:before, .comment:before, .comments:before, .meta-category:before, .tags:before, .menu-toggle:after, #searchform div #s:after, #blog_sidebar .acc-trigger:after, #blog_sidebar .acc-trigger.ui-accordion-header-active a:after {padding-right:7px;font-family: "WebSymbolsRegular";/*color:#999*/} #blog_sidebar .acc-trigger:after, #blog_sidebar .acc-trigger.ui-accordion-header-active:after {float:right;} .s-icon{content:'{';left:0;color:#aaa;position:absolute;z-index:6;padding:9px 7px 5px 15px} body { background: #fff;text-align: center;font: normal 100%/1.5em "Museo Sans", Arial, sans-serif;color: #333;} h1 {font-weight: normal;font-size:160%;margin-top: 20px;padding-bottom: 15px;line-height:1.56em;} .search h1 span {font-size:22px!important;} h1, h2, h3, h4, h5, h6, dl#respond dt,.responsive-tabs__list__item , p.share, .wp-pagenavi,button, time{font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;text-rendering: optimizeLegibility; } .ad-sponsor, button,#logo em, #socialmedia li span, .single time {font-family:"Museo Sans", Arial, sans-serif} .meta-nav {font-size:12px!important;color:#6DA0AC!important;} .continue-reading, .responsive-tabs__heading , #blog_sidebar .acc-trigger {color:#6DA0AC;} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#488897} .related-post h2, h2, h3, h4, h5, h6, dt {font-size:20px;line-height: 1.56em;padding-top: 20px;padding-bottom:8px;font-weight: normal;} #blog_sidebar h2,#blog_sidebar h2 a{font-size:19px;} /*Social media icons*/ #blog_sidebar #socialm h2 {font-size:16px;color:#421;background-color:#fbfbfb;border-left:3px solid #e21;} ul#socialmedia li a {font-size:22px;text-align:center;} ul#socialmedia li a {display:inline-block;color:#999;text-shadow:1px 1px #fff;} @media only screen and (max-width: 800px) { #blog_sidebar #socialm{border-left:3px solid #e21;} #blog_sidebar #socialm h2 {border-left:0;} #blog_sidebar #socialm h2, h2#comments,dl#respond dt, .related-post h2{font-size:22px;} } @media only screen and (max-width:600px) { #blog_sidebar {border-top:3px solid #e36150;} #blog_sidebar #socialm{border-left:0;} /*h2#comments,dl#respond dt{border-left:0; border-top:7px solid #e36150}*/ dl#respond dt {margin-left:5px;} } /*li h3, li h4, li >h5, li >h6 {font-size:20px!important}*/ #blog_sidebar li.cat-item, time, time a, .archives li, p.nocomments, span.separator, span.slash{color: #888;} footer .gotop a:hover, footer .gotop a:focus{color:#ccc;} a {text-decoration:none;color:#F14E40;opacity:0.95;} h1, a:hover, a:focus, #blog_content .related-post ul li a, .page #blog_content li a, #blog_content .post-info a:hover, #blog_content .post-info a:focus, .archives-page li a, .archives li a,.navigation li a,#blog_sidebar li a, #blog_sidebar .widget_tag_cloud a:hover, #blog_sidebar .widget_tag_cloud a:focus{color:#488897} #blog_content h2 a:hover, #blog_content h2 a:focus, time a.date, .navigation li a:hover,.navigation li a:focus, #blog_content .related-post ul li a:hover, #blog_content .related-post ul li a:focus, .page #blog_content li a:hover, .page #blog_content li a:focus, #blog_sidebar a:hover, #blog_sidebar a:focus, #breadcrumbs a:hover, #breadcrumbs a:focus, /*ul#socialmedia li a:hover span, ul#socialmedia li a:focus span,*/ #quick-access li a:hover, footer p a {color: #e21;opacity:0.8;} label,legend, #breadcrumbs a{color: #333;} /*,*/ span.author {color:#d77072;} /*{color: #39707e;}*/ span,.post-date, .post-info, #blog_sidebar li, #blog_sidebar .cat-item {color: #555} /*for external links*/ footer p a{color: #577c95} footer p a:hover {background-color:#ededed;} a, ul#socialmedia li a:hover, ul#socialmedia li a:focus {-webkit-transition-property:color, background; -webkit-transition-duration: 1s, 1s; -webkit-transition-timing-function: linear, ease-in;} footer .gotop a:hover{background:transparent!important;} footer .gotop a:hover, #blog_content button:hover, #blog_content button:focus, #quick-access li a:hover,#ftr li a:hover, #quick-access li a:focus,#ftr li a:focus{ -webkit-transition-property:color, background; -webkit-transition-duration: 1s, 1s; -webkit-transition-timing-function: linear, ease-in; transition-property:color, background; transition-duration: 1s, 1s; transition-timing-function: linear, ease-in; background: #C12D2D;color: #fff; } #quick-access li a,footer li a {color: #eef5e7;text-shadow: 1px 1px #000;text-transform: uppercase;font-size: .8em;} /*.single #blog_content h2, .single #blog_content h3, .single #blog_content h4, .single #blog_content h5, .single #blog_content h6{font-size: 18px;}*/ #blog_sidebar .widget_text h2 {font-size: 16px;} .navigation span{font-size: 30px!important;color: #ddd;} li{list-style: none;} p.nocomments{font-size: 16px;} .archives li a, #commentform button,td, p, p span, dd, li, td, h3 span {font-size:15.5px;line-height: 1.5;} /*#blog_content p span {font-size:14px!important}*/ .postcontent li {color:#444;} th,label, .navigation li a, #blog_sidebar .widget_text p, #banner-section .wpp-post-title, .post-info p,#banner figcaption, #blog_sidebar li{font-size: 15px} #breadcrumbs, #breadcrumbs a,.archives li {font-size: 14px} .commentlist time,.month, .year,span, span a, footer p{font-size: 13px} .single .post-meta-single time {font-size:13px;} a:focus {outline: 1px dotted #FFFCDD;background-color:#FFFCDD} /*share background color*/ dl#respond dt,.wp-pagenavi, textarea, input, #sticky-post, h2#comments, #hdr-wrap, .post-info, #blog_sidebar .widget_tag_cloud a {background: #fbfbfb } /*share border colors*/ .line, ul.navigation, #blog_sidebar .widget h2, #sticky-post, .commentlist {border-bottom: 1px dotted #ddd} ul.navigation, .addline, .ftr-ad-box, .commentlist li {border-top: 1px dotted #ddd} #ftr-widget .responsive-tabs__list__item:first-child{margin-left:10px;} /* REQUIRED for core functionality */ .responsive-tabs__heading { display: none;} .responsive-tabs__list__item { display: inline; cursor:pointer;} @media (max-width: 767px) { .responsive-tabs__list { display: none;} .responsive-tabs__heading { display: block; cursor: pointer; } .responsive-tabs__panel--closed-accordion-only { display: none;} } @media (min-width: 768px) { .responsive-tabs__panel--closed-accordion-only { display: block !important;} } /* END - Required for core functionality */ /* OPTIONAL - Basic Skin */ .responsive-tabs-wrapper { clear: both; zoom: 1; } .responsive-tabs-wrapper:before, .responsive-tabs-wrapper:after { content: ""; display: table; } .responsive-tabs-wrapper:after { clear: both; } .responsive-tabs__heading:focus, .responsive-tabs__list__item:focus { outline: 1px solid #ccc; } .responsive-tabs__heading--active:focus, .responsive-tabs__list__item--active:focus { outline: none !important;} .responsive-tabs__list { /*font-size: 1.2em;*/ margin: 2em 0 0 0; padding: 0;line-height: 1em;} #ftr-widget .responsive-tabs__list__item { background: #f8f8f8; padding:5px 15px; border: 1px solid #efefef; margin-right:4px; border-top-left-radius:5px; border-top-right-radius:5px;display:inline-block;width:40%;clear:none;text-align:center;font-size:16px} #ftr-widget .responsive-tabs__list__item:hover, #ftr-widget .responsive-tabs__list__item--active, #ftr-widget .responsive-tabs__list__item--active:hover { background: #fff; border-bottom-color: #fff;color:#488897!important} .responsive-tabs__panel { border-top: 1px dotted #ddd; margin-top:-1px;padding-left:15px;padding-top:10px;} @media (max-width: 767px) { .responsive-tabs__heading {position: relative;overflow:hidden;} .responsive-tabs__heading {border-bottom:1px dotted #ddd; text-shadow:1px 1px #fff;margin-top:2px;text-decoration: none;padding:5px 0;background-color:#fdfdfd;display: block;} .responsive-tabs__panel--active {border-bottom:1px dotted #ddd!important;padding-bottom:15px} .responsive-tabs__heading:after, #ftr-widget .responsive-tabs__heading--active:after {font-family: "WebSymbolsRegular";float:right; display: block;color:#B4CED4;padding-right:7px;} .responsive-tabs__heading:after {content:")" } .responsive-tabs__heading:hover, .responsive-tabs__heading:hover:after, .responsive-tabs__heading--active:hover, #ftr-widget .responsive-tabs__heading--active:hover:after {content:";";color:#F24C3E;} .responsive-tabs__heading--active:after {content:";"!important } }/*do not delete*/