/* Theme Name: Avon Theme URI: http://oopthemes.com/avon Author: Mobeen Abdullah Author URI: http://oopthemes.com/ Description: Avon Lite is a free bootstrap 3 made responsive wordpress theme. Theme include Bootstrap 3 elements. Visit http://oopthemes .com to get more free wordpress themes Version: 1.0.2 Tags: red, custom-background, custom-menu, dark, featured-images, flexible-header, light, post-formats, responsive-layout, rtl-language-support, sticky-post License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html This theme is built using code standards of twentytwelve theme & like WordPress it is free to use for personal & commercial purpose. */ /************************ AVON LITE STYLES CONTENTS ***********************/ /* 1 = Avon Lite Main Body Styles */ /* 2 = Avon Lite Link Styles */ /* 3 = Avon Lite Wrapper Styles */ /* 4 = Avon Lite Font Styles */ /* 5 = Avon Lite Theme Main Navigation */ /* 6 = Avon Lite Post and Page Styles */ /* 7 = Avon Lite Sidebar Styles */ /* 8 = Avon Lite 404 and Search Page Styles */ /* 9 = Avon Lite Comments Template Styles */ /* 10 = Avon Lite Images, Caption Alignment, Alignment Styles */ /* 11 = Avon Lite Other Post Elements and Fields Styles */ /* 12 = Avon Lite Other Sidebar Elements and Fields Styles */ /* 13 = Avon Lite Other Styles */ /************************ AVON LITE STYLES CONTENTS ***********************/ /* Avon Lite Main Body Styles -------------------------------------------------------------- */ body { font-family: Helvetica; font-size: 14px; line-height: 1.5; } h1, h2, h3, h4, h5, h6{ font-family: 'Oswald', sans-serif; } /* Avon Lite Link Styles -------------------------------------------------------------- */ a{ color: #ED5247; } a:hover{ color: #757575; } /* Avon Lite Wrapper Styles -------------------------------------------------------------- */ #header-wrapper{ background-color: #fff; width: 100%; } .site-header h2 { color: #757575; font-size: 1.3em; font-weight: normal; margin-bottom: 20px; margin-top: 0; } .social-icons{ margin-top: 20px; } .social-icons li{ padding: 0; } .social-icons li a:hover{ opacity: .7; } /* Avon Lite Font Styles -------------------------------------------------------------- */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; src: local('Oswald Regular'), local('Oswald-Regular'), url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format('woff'); } /* Avon Lite Theme Main Navigation -------------------------------------------------------------- */ .navbar { border-radius: 0px; margin-bottom: 0px; } .navbar-inverse { background-color: #ED5247; border-color: #FFFFFF; } .navbar-inverse .navbar-nav > li > a { color: #FFFFFF; } /* Avon Lite Post and Page Styles -------------------------------------------------------------- */ .page .post-format-icon { display: none !important; } .page .byline { display: none !important; height: 0; } .post { overflow: hidden; } .post-item { display: block; padding: 15px; margin-bottom: 20px; line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 20px; margin-top: 50px !important; position: relative; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .post-item span.post-format-icon { display: inherit; text-align: center; margin-top: -57px; } .post-item span.post-format-icon-2 { display: inherit; text-align: center; margin: -105px 0 25px 0; } .post-item h3 { margin: 10px 0; padding: 0;; } .post-item h3 a:hover { text-decoration: none; } .published-date { margin: 0px; padding: 0; font-style: italic; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .published-date a:hover { text-decoration: none; } .byline { margin-right: 0px; padding: 0; font-style: italic; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .byline a:hover { text-decoration: none; } .comments-link { margin: 0px; padding: 0; font-style: italic; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .comments-link a:hover { text-decoration: none; } .cat-post { margin: 10px 20px 0 0; padding: 0; font-style: italic; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .cat-post span { padding-right: 20px; } .cat-post a:hover { text-decoration: none; } .tags-post { margin: 10px 20px 0 0; padding: 0; font-style: italic; font-weight: bold; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .tags-post span { padding-right: 20px; } .tags-post a:hover { text-decoration: none; } .sticky { border: 1px solid #ED5247; border-bottom: 5px solid #ED5247; } .sticky a { color: #ED5247; } .sticky a:hover { color: #757575; } .post-sticky { border: 1px solid #ED5247; border-bottom: 5px solid #ED5247; } .post-sticky a { color: #ED5247; } .post-standard { border: 1px solid #4782A6; border-bottom: 5px solid #4782A6; } .post-image { border: 1px solid #CB6388; border-bottom: 5px solid #CB6388; } .post-gallery { border: 1px solid #4782A6; border-bottom: 5px solid #4782A6; } .post-link { text-align: center; border: 1px solid #9664B5; border-bottom: 5px solid #9664B5; } .post-link h3 { margin: 20px 0; } .post-aside { text-align: center; border: 1px solid #585756; border-bottom: 5px solid #585756; } .post-aside p { margin: 20px 0; font-style: italic; font-size: 16px; font-family: Georgia; color: #777; } .post-quote { border: 1px solid #60A65B; border-bottom: 5px solid #60A65B; } .post-quote cite { border: none; } .post-status { border: 1px solid #6899A3; border-bottom: 5px solid #6899A3; } .post-status p { padding: 0; margin: 20px 0; font-size: 21px; font-family: Helvetica; text-align: center; color: #777; } .post-author-avatar { margin: 0px 0 0 0; padding: 0; border: 7px solid #6899A3; border-radius: 50%; overflow: hidden; } .post-chat { border: 1px solid #C573C0; border-bottom: 5px solid #C573C0; } .post-chat p { margin: 20px; color: #777; } .post-audio { border: 1px solid #EF7336; border-bottom: 5px solid #EF7336; padding: 12px; } .post-video { border: 1px solid #51A29D; border-bottom: 5px solid #51A29D; } /* Avon Lite Sidebar Styles -------------------------------------------------------------- */ .widget-area { margin-top: 50px; padding: 0 15px; } .widget-title { border-bottom: 4px double #999999; color: #ED5247; margin: 0 0 10px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 2px; font-size: 16px; font-weight: bold; } .well { border: 1px solid #DDD; padding: 20px; margin-bottom: 20px; border-radius: 0px; border-bottom: 5px solid #ED5247; } .widget { background-color: #FFF; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .widget ul { margin: 0; padding: 0 5px 0 5px; } .widget ul li { list-style-type: none; border-bottom: 1px solid #ddd; padding: 5px 0; } .widget ul li a { color: #757575; } .widget ul li:last-child { border-bottom: none; } /* Avon Lite 404 and Search Page Styles -------------------------------------------------------------- */ .not-found { clear: both; overflow: hidden; text-align: center; margin-top: 50px; } .search-info { margin-top: 50px; } .search-wrap { float: none; margin: 0 auto; } .not-found .error-title, .error-title, .search-title { margin: 0; } .error404 .error404 { margin: 15px; text-align: center; } .error404 .error-title { font-size: 5em; } .error404, .not-found { padding: 2em; } /* Avon Lite Comments Template Styles -------------------------------------------------------------- */ .comments-area .comment-reply-title, .comments-area .comments-title { margin: 0; } .comments-area .comments-title { font-size: 16px; font-weight: bold; margin: 0; } .comments-closed { margin-bottom: 0; } .comment-list { list-style: none outside none; padding: 0; } .comment-body { background: rgba(0, 0, 0, 0.03); } .comment-body { margin-bottom: 20px; padding: 15px; } #comments ul.children { margin-left: 20px; } #comments ul.children li { border-top: 1px solid #E6E6E6; list-style-type: none; } .bypostauthor > article { background: none repeat scroll 0 0 rgba(70, 165, 70, 0.09); } .bypostauthor > article .avatar { border-bottom: 4px solid #46A546; } .form-allowed-tags code { white-space: normal; } .author-avatar { float: left; margin-right: 10px; } /* Avon Lite Images, Caption Alignment, Alignment Styles -------------------------------------------------------------- */ .wp-caption.alignnone, .alignnone.size-full, .entry-content img, .widget img, .size-large, .size-full, .alignnone { height: auto; max-width: 100%; } embed, iframe, object, video { max-width: 100%; } .entry-content .wp-caption img { height: auto; max-width: 100%; } .alignleft { display: inline; float: left; margin-right: 1em; } .alignright { display: inline; float: right; margin-left: 1em; } .aligncenter { clear: both; display: block; margin: 0 auto; } .wp-caption { border: 1px solid #dddddd; max-width: 100%; } .wp-caption img { display: block; max-width: 100%; } .wp-caption .wp-caption-text, .gallery-caption { padding: 0 15px; } /* Avon Lite Other Post Elements and Fields Styles -------------------------------------------------------------- */ .post-password-form { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; padding: 15px; border: 1px solid transparent; border-radius: 4px; text-align: center; } .post-password-form a { font-weight: bold; } .post-password-form > p, .post-password-form > ul { margin-bottom: 0; } .post-password-form > p + p { margin-top: 5px; } table{ border-collapse: collapse !important; width: 100%; background-color: #ffffff; border: 1px solid #dddddd; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border: 1px solid #dddddd; } table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd; } table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td { border-top: 0; } table > tbody + tbody { border-top: 2px solid #dddddd; } table col[class*="col-"] { display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { display: table-cell; float: none; } table caption { background: none repeat scroll 0 0 #FFFFFF; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; color: #555555; font-size: 16px; font-weight: bold; padding: 5px 10px; } .post input, .page input { height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .post input:focus, .page input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .post input:-moz-placeholder, .page input:-moz-placeholder { color: #999999; } .post input::-moz-placeholder, .page input::-moz-placeholder { color: #999999; } .post input:-ms-input-placeholder, .page input:-ms-input-placeholder { color: #999999; } .post input::-webkit-input-placeholder, .page input::-webkit-input-placeholder { color: #999999; } input[type="submit"] { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } input[type="submit"] { color: #ffffff; background-color: #428bca; border-color: #357ebd; } input[type="submit"]:hover { color: #757575; text-decoration: none; } .format-chat p { border-bottom: 1px solid #DDDDDD; margin: 0; padding: 10px; } .page-links { background-color: #999999; display: inline; padding: .2em .6em .3em; font-size: 100%; font-weight: bold; line-height: 1.4; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em; } .page-links a { color: #777; } .page-links a:hover { color: #fff; text-decoration: none; } .media{ overflow: visible; } .post input[type="button"], .post input[type="reset"], .post input[type="submit"], .post button[type="button"], .post button[type="reset"], .post button[type="submit"], .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"], .widget button[type="button"], .widget button[type="reset"], .widget button[type="submit"] { display: inline-block; height: 34px; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border-radius: 4px; border: 1px solid #ED5247; background-color: #ED5247; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .post input[type="button"]:hover, .post input[type="reset"]:hover, .post input[type="submit"]:hover, .post button[type="button"]:hover, .post button[type="reset"]:hover, .post button[type="submit"]:hover, .widget input[type="button"]:hover, .widget input[type="reset"]:hover, .widget input[type="submit"]:hover, .widget button[type="button"]:hover, .widget button[type="reset"]:hover, .widget button[type="submit"]:hover { border: 1px solid #ED5247; background-color: #ED5247; } .post label, .widget label { display: block; } .post input[type="radio"], .post input[type="radio"], .post input[type="checkbox"], .post input[type="checkbox"], .widget input[type="radio"], .widget input[type="radio"], .widget input[type="checkbox"], .widget input[type="checkbox"] { display: inline-block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; height: auto; width: auto; } /* Avon Lite Other Sidebar Elements and Fields Styles -------------------------------------------------------------- */ .widget select, .widget input, .widget > input[type="text"] { display: inline-block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; background-image: none; border: 1px solid #DDD; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .widget select, .widget input, .widget > input[type="text"] { width: 100%; } .post input:focus, .widget input:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } /* Avon Lite Other Styles -------------------------------------------------------------- */ .pagination-wrap{ text-align: center; } .pagination li.active span { background: #ED5247 !important; border: 1px solid #ED5247 ; } @media (max-width:768px) { .site-header{ text-align: center; } }