/* Theme Name: BloggerPad Theme URI: http://saeedsalam.com/bloggerpad-wordpress-theme/ Description: A 1 column, widget ready, SEO optimized, fast loading, easy to customize wordpress theme by Saeed Salam Version: 1.0 Author: Saeed Salam Author URI: http://saeedsalam.com/ Tags: white, green, light, one-column, fixed-width, threaded-comments License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0;} body { font-family: 'Source Sans Pro', "Helvetica Neue", Arial, Helvetica, sans-serif; background-color: #74a64e; font-size: 16px; color:#333; line-height: 1.6; } h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-weight:normal;} img {border:0;} a {text-decoration:none; color:#74a64e;} a:hover {text-decoration:underline;} #wrapper {width:730px; clear: both;margin: 0 auto 0 auto; padding:30px 50px; -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1); background:#fcfcfc;} #header {width:830px; margin: 40px auto 0 auto; } #header h1.blog-title, .blog-title {text-transform:capitalize; color:#fff; font-weight:bold; font-size: 36px; line-height: 42px;} h1 a, .blog-title a { color:#fff;} .desc { margin: 0; color: #f5f5f5; font-size: 17px; } #menu { margin: -20px 0 0 0; float: right; } #menu ul { margin: 0; padding:0; text-align: center;} #menu ul li { list-style:none; display: inline-block; background:#eee; border:1px solid #ddd; font-size: 15px; border-radius:5px; margin: 0 0 0 1px; padding: 2px 15px; text-align: center; border-bottom-left-radius: 0; border-bottom-right-radius: 0;} #menu ul li a{color:#666;} #menu ul li a:hover {text-decoration:none; color:#222;} #content {margin:0;} .post { border-bottom:1px solid #eee; margin:0 0 40px 0; padding:0 0 40px 0;} .post h2.post-title, .post h1.post-title { font-size:32px; font-weight:bold; margin-bottom: 5px; line-height: 45px;} .post .post-title a {color:#000;} .post .post-title a:hover {color:#74a64e; text-decoration:none;} .post-meta {} .post-meta a {color:#333;} .post-meta span {margin-right:5px;} .post-meta-2 {font-size:13px; color:#999;} .entry { margin:1em 0 0 0; width:730px; overflow:hidden;} .entry p {clear:both; margin:0 0 1em 0;} .single .post {padding:0; border:none;} .page .post {padding:0; border:none; margin:0;} .navigation {color:#74a64e;} .a-right { float:right;} .a-head {font-size:32px; font-weight:bold; margin-bottom: 20px; line-height: 45px; text-transform: capitalize;} h2.a-title {font-size:27px; margin-bottom:5px;} .wp-pagenavi { clear:both; margin:0; padding:0;} .wp-pagenavi a, .wp-pagenavi span {display:inline-block; background:#206586; font-weight:bold; border-radius:5px; padding:8px 18px; margin-right:15px; font-size:13px; color:#fff;} .wp-pagenavi a:hover,.wp-pagenavi span.current {background:#185055;} #footer { background: #f6f6f6; border-top: 1px solid #eeeeee; padding: 20px 50px 40px 50px; margin: 0 auto; width:730px; font-weight: 300; color: #767676; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } #footer ul {list-style:none; margin:0; padding:0;} #footer .widget {width:32%; margin:20px 0 0 0; padding-right:1%; float:left; font-size:15px;} .widget-title {margin-bottom:5px; font-size:16px;} .screen-reader-text { display: none; } input#s { border: 1px solid #ccc; padding: 5px; width: 152px; } #searchsubmit { background: #eee; border: 1px solid #ccc; padding: 5px 10px; } #copy {text-align:center; margin:10px 0; color:#ddd;} #copy a {color:#ddd;} .clear {clear:both; margin:0; padding:0;} img {max-width:730px; margin-top:0.5em;} .alignright {float:right; margin:0 0 1em 1em} .alignleft {float:left; margin:0 1em 1em 0} .aligncenter {display: block; margin-left: auto; margin-right: auto} a img.alignright {float:right; margin:0 0 1em 1em} a img.alignleft {float:left; margin:0 1em 1em 0} a img.aligncenter {display: block; margin-left: auto; margin-right: auto} #respond { } /* Highlight active form field */ ol.commentlist {list-style:none; margin:20px 0; padding:0;} .comment-author.vcard { margin-bottom: 20px; float: left; } cite.fn { display:block; float:left; margin-top: 3px; font-style: normal; text-transform:capitalize;} .comment-meta {float:left; margin-left: 15px; font-size:14px; color:#bbb;margin-top: 5px;} .says {display:none;} .avatar {float:left; margin-right: 15px;} .comment-awaiting-moderation {display:inline;} .commentlist p {display:block; clear:both;} h3#comments { font-weight: bold; margin-top:40px; } .reply { text-align: right; } .comment-meta a { color: #bbb; } li.comment { border: 1px solid #eee; margin: 20px 0; background: #fff; padding: 20px; list-style:none; } .reply a { color: #aaa; } #respond input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; display:block; margin:5px 0; max-width:100%; } #respond input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); margin: 5px 1px 3px 0px; border: 1px solid rgba(81, 203, 238, 1); } #respond label {} h3#reply-title { margin:30px 0 0 0; } #cancel-comment-reply-link { } #commentform { } #author { } #email { } #url { } #comment {} #submit { display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: -moz-linear-gradient(top,#fff,#e6e6e6); background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6)); background-image: -webkit-linear-gradient(top,#fff,#e6e6e6); background-image: -o-linear-gradient(top,#fff,#e6e6e6); background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; border: 1px solid #ccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05); } .comment-notes { } .required { } .comment-form-author { } .comment-form-email { } .comment-form-url { } .comment-form-comment { } .form-allowed-tags { } .form-submit {} .wp-caption { background: #eee; padding: 0; font-size: 15px; text-align: center; margin-bottom: 20px; } .wp-caption img {margin-top:0.3em;} p.wp-caption-text { padding: 5px; margin:0; } .sticky { border-bottom:none; background:url(images/f.png) no-repeat top left; margin-left: -54px; margin-top: -34px; padding-left: 54px; padding-top: 34px;} .gallery-caption {} .bypostauthor {}