/* Theme Name: Awakening Theme URI: http://www.opencodez.com/free-themes/awakening Author: Opencodez Team Author URI: http://www.opencodez.com Description: The Awakening theme for WordPress is a fully responsive theme developed on top of Foundation Framework that looks great on any device. Features include 6 different layouts for posts and pages, nicely designed and customizable footer with its own widgets. In addition to this the theme comes with pre-installed widgets for Google Custom Search Engine, Feedburner, Archives, Category. Place them anywhere you want. Version: 1.3.7 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: light, brown, white, one-column, two-columns, three-columns, right-sidebar,left-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: awakening This theme is licensed under the GPL. */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 200; src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/OpenSans-Light.ttf') format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans'), local('OpenSans'), url('fonts/OpenSans-Regular.ttf') format('truetype'); } body,h1,h2,h3,h4,h5,h6,p { font-family: 'Open Sans', sans-serif; #font-family: 'Open Sans', Calibri; #font-family: Bitter, Georgia, serif; } body { background-image: url('images/bg_body1.png'); background-repeat: repeat; background-position: top center; background-attachment: scroll; } #bodychild{ max-width: 100%; margin:0 auto; padding:0; background: #fff; #box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.20em; } p { font-size: 0.875em; } .entry-content>ol, .entry-content>ul, .entry-content>dl { font-size: 0.875em; list-style-position: inside; } address { padding-bottom:10px; } .textwidget { font-size: 0.875em; line-height: 1.5; } .site-header { border-bottom: 1px solid #ddd; padding: 1.5rem 0 1.5rem 0; margin: -1.875em 0 1.875em 0; #min-height: 108px; #overflow: hidden; } .site-content { #padding-top:10px; padding:0; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } article.fixed { position:relative; } .widgets { -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; background-color: #f5f5f5; border-radius: 5px; margin: 0 0 15px; padding: 10px 15px 15px; } .widget ul li { list-style:none; font-size: 0.875em; display: block; margin: 0; line-height:1.75; list-style-type: none; list-style-position: inside; } .widget-title { font-size: 13px; font-size: 0.800rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #111; #border-bottom: 3px solid #ae0d11; } .widget_archive select { background-color: #fff; display: inline; color: #666; font-size: 0.875em; margin: 2px 0 0; padding: 3px; width: 100%; } .widget a:hover { text-decoration: underline; } .sidebar-left { } .sidebar-right { } .widget>#searchform { padding-top:10px; } .featured-img { float:left; padding-right:20px; padding-bottom:10px; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } .post-meta { #color: #222222; padding-bottom: 3px; margin-bottom: 10px; font-size: 13px; border-bottom: 1px solid #ddd; } .post-meta a { #color: #33A6C9; font-size: 13px; } .full-width { max-width: 100%; } /* Make sure videos and embeds fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Extended Footer */ #extended { background: #222; padding: 25px 0 25px 0; margin-top: 20px; max-width:100%; border-top: 5px solid #dedede; } #extended h5 { margin: 0 0 10px 0; color: #fff; font-size: 14px; line-height: 16px; font-weight:700; text-transform: uppercase; } #extended p { clear: both; font-size: 0.875em; padding-top: 2px; color: #fff; } #extended a { color: #999; } #extended ul { list-style-type: none; font-size: 13px; } #extended-not-used ul li:before { list-style-type: none; content: "\00BB \0020"; #content: "\2192 \0020"; color: #fff; } #extended ul li a:hover { color: #fff !important; #text-decoration: underline; #text-decoration-color: red; } #extended .textwidget { font-size: 13px; line-height: 1.5; color:#999; } .footer-widget-title { padding-bottom:5px; border-bottom: 1px solid #444; } .front-page-widget-title { padding-top:10px; } .copyright { background: #111; color: #fff; padding: 15px 0px 15px; max-width:100%; overflow: hidden; clear:both; max-height:85px; } .copyright a { color: #999; font-size: 11px; font-weight:bold; } .copyright a:hover { color: #fff; #text-decoration: underline; } #extended .footer-widget a:hover { color: #fff; } .copyright-text { color: #999; font-size: 12px; } .pagination-centered { padding-top:25px; } ul.pagination li a { padding: 0.0625em 0.6375em 0.0625em; } .nav-previous, .nav-next { font-size: 0.875em; padding-top:20px; #font-weight:bold; } .nav-previous a:hover,.nav-next a:hover { #text-decoration: dotted; text-decoration: none; border-bottom: 1px #999 dotted; } .cat-tag-info { font-size: 0.775em; } .post_date { padding-left: 22px; background: url('images/post_date.png') no-repeat left top; } .post_comment { padding-left: 22px; background: url('images/post_comment.png') no-repeat left top; } .post_tags { padding-left: 22px; background: url('images/post_tag.png') no-repeat left top; } .post_cats { padding-left: 22px; background: url('images/post_category.png') no-repeat left top; } .post_tags .label { font-weight:normal; } .post_tags .secondary { background-color: #eee; } .cat-tag-info a:hover { text-decoration: underline; color:#111; } #submit { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #c60f13; border-color: #970b0e; color: white; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } #submit:hover, #submit:focus { background-color: #970b0e; } #submit:hover, #submit:focus { color: white; } /* Comments */ .comments-title { padding-top:20px; padding-bottom:10px; } ol.commentlist, li.comment { clear: both; margin: 0 0 2em 0; padding: 0; list-style-type: none!important; } .comment-container { padding: 5px; border: 1px solid #d8d7d7; } .comment-author { float: left; margin: 25px 10px 0 0; width: 110px; } #comments .fn { font-style: normal; text-align: left; font-size: 90%; margin: 10px 0 0 0; display: block; } .comment-meta { margin: 1px 0 1px 120px; padding: 20px 20px 10px 20px; border-left: 1px solid #d8d7d7; min-height: 145px; } .reply { text-align: right; margin: 25px 0 0 0; font-size:12px; } .avatar { display: inline; float: left; padding: 5px !important; margin: 0; } #comments img.avatar { border: 2px solid #d7d7d7; } .comment-row { border: 1px solid #ddd; padding-top:10px; } .children { padding-top:20px; } time { font-size: 11px; } .feedburner { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding-left:10px; padding-right:10px; padding-top:5px; margin-bottom:10px; } .feedburner_style_1 { border: 1px solid #f5f5f5; background-color: #f5f5f5; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .feedburner_style_2 { border: 3px solid #111; background-color: #FCFFB0; } .feedburner:hover { box-shadow:0 0 8px #C5C5C5; transition-duration:0.5s; } .feedburner h6 { color: #FF4629; font-family:Calibri; font-size: 19px;} .stext { color: #111; font-size: 13px; line-height: 20px; } .email { border-radius: 4px 4px 4px 4px; border: 0px none; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.05) inset; color: #444444; margin: 0px 0px 15px; padding: 10px 40px; text-decoration: none; width: 100%; font-size: 12px; } .emailButton { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); background: -moz-linear-gradient(19% 65% 90deg,#0087B4, #0099CC, #0099CC 51%); background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0087B4)); color:#f0f0f0;float:left; font-family:arial,helvetica,sans-serif;font-size:14px;font-weight:bold; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); border: 1px solid #267ed4;padding: 10px 40px; cursor: pointer; width:100%; } .emailButton:hover { background: -moz-linear-gradient(19% 65% 90deg,#0082AD, #0099CC, #0099CC 51%); background: -webkit-gradient(linear, 0% 45%, 0% 60%, from(#0099CC), to(#0082AD)); color: #f1f1f1; } /* This is to let textarea and input text to * span rows and cols as mentioned in their size */ textarea { height: auto; } .commentlist{ #max-width:90%; } .bypostauthor { } img.icon { float: left; margin: 15px 15px 0px 0 !important; border: 0 !important; padding: 0 !important;} /* Testing */ .customdivider { width: auto; display: block; clear: both; height: 100%; padding: 10px 0 20px 0; text-align: center; } .orbit-caption a { color: #0099cc; } .blurb{ text-align: center; margin: 0 0 5px 0; font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; } .blurb p { margin: 0 0 10px 0; color: #0099cc; font-size: 1.25em; font-family: 'Open Sans', sans-serif; text-shadow: 0px 1px 1px #eee; font-weight:150; } .blurb h4 { text-shadow: 0px 1px 1px #eee; }