/*
Theme Name: Car Blog
Theme URI: http://takimi.info/wptheme/
Author: SDM Team
Author URI: http://sdm.gr
Description: Car blog Theme is a free theme you can use to car-related blogs and magazines.It is built on Twitter Bootstrap Framework so it is responsive and it is equipped with a nice and simple theme options panel.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, theme-options,editor-style,translation-ready
TextDomain: carblog
*/
/**********************************
CAR BLOG THEME CSS CODE
******Table of contents************
** - FONTS And STUFF
** - GENERAL CSS
** - BODY CSS
** - TOP AREA CSS
** - LOGO AREA CSS
** - HEADER IMAGE CSS
** - MAIN CSS
** - SIDEBAR CSS
** - FOOTER CSS
** - BREADCRUMBS CSS
** - BOOTSTRAP MEDIA QUERIES-OVERRIDES-ETC
***********************************/
/**********************************
* FONT FACE KITS
**********************************/
@font-face {
font-family: 'Open Sans Regular';
src: url('./web_fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
src: url('./web_fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('./web_fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
url('./web_fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
url('./web_fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Light';
src: url('./web_fonts/opensans_light_macroman/OpenSans-Light-webfont.eot');
src: url('./web_fonts/opensans_light_macroman/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('./web_fonts/opensans_light_macroman/OpenSans-Light-webfont.woff') format('woff'),
url('./web_fonts/opensans_light_macroman/OpenSans-Light-webfont.ttf') format('truetype'),
url('./web_fonts/opensans_light_macroman/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Semibold';
src: url('./web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot');
src: url('./web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('./web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.woff') format('woff'),
url('./web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.ttf') format('truetype'),
url('./web_fonts/opensans_semibold_macroman/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Open Sans Bold';
src: url('./web_fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
src: url('./web_fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
url('./web_fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
url('./web_fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
url('./web_fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
/**********************************
* GENERAL CSS
**********************************/
h1,
h2,
h3,
h4,
h5,
h6{
font-family:'Open Sans Bold',sans-serif,Helvetica;
}
h1{
font-size:28px;
}
h2{
font-size:26px;
}
h3{
font-size:24px;
}
h4{
font-size:22px;
}
h5{
font-size:20px;
}
h6{
font-size:18px;
}
p{
margin:5px 0;
}
ul, ol{
padding:0;
list-style:none;
margin:0;
}
img {
max-width: 100%;
height: auto;
}
a{
color:#00c0ff;
}
a:hover{
color:#88c0ff;
text-decoration: none;
}
li.current-menu-item a{
color:#88c0ff !important;
}
.margin10{
margin:0 10px 0 10px;
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 10px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 10px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
}
.carblog_single_article p.wp-caption-text {
font-size: 12px;
line-height: 17px;
margin: 0;
padding: 5px 4px 2px;
text-align: center;
}
.sticky, .gallery-caption{}
.gallery {
margin: auto;
}
.gallery .gallery-item {
float: left;
margin-top: 10px;
text-align: center;
text-align: center;
width: 33%;
}
.gallery img {
border: 2px solid #cfcfcf;
}
.gallery .gallery-caption {
margin-left: 0;
}
.bypostauthor{
}
.clear{
clear:both;
}
body{
font-family:'Open Sans Regular',sans-serif,Helvetica;
font-size:16px;
color:#f7f7f7;
}
.grayscale{
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.grayscale_disabled{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
/***************
* TOP AREA CSS
***************/
#carblog_top_date_and_social_area{
font-family:'Open Sans Semibold',sans-serif,Helvetica;
background:#06a2d6;
color:#202020;
font-size:12px;
line-height:30px;
}
#carblog_top_social_container ul{
float:right;
overflow:hidden;
line-height: normal;
margin-left:-10px;
}
#carblog_top_social_container ul li{
float:left;
}
#carblog_top_social_container ul li a i{
font-size:30px;
color:#202020;
padding:5px 8px;
}
#carblog_top_social_container ul li a:hover > i{
background:#272727;
color:#06A2D6;
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
transition: all 500ms ;
}
/***********
* LOGO AREA
***********/
#carblog_logo_area_container{
margin:30px 0;
}
#carblog_logo_container{
margin-bottom:-10px;
text-align:center;
z-index:10000;
}
#carblog_logo {
}
#carblog_description{
font-size:12px;
font-family:'Open Sans Semibold',sans-serif, Helvetica;
}
/********
* MENU AREA
********/
#carblog_menu_area{
margin:0 auto;
text-align: center;
}
#carblog_menu_area ul{
display:inline-block;
background:#212120;
-webkit-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
-moz-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#carblog_menu_area ul li{
float:left;
position:relative;
margin:5px 0px;
}
#carblog_menu_area ul li a{
padding:10px 30px;
display:block;
font-size:14px;
color:#d0d0d0;
border-right:1px solid rgba(8,8,8,0.7);
border-left:1px solid rgba(55,54,54,0.7);
}
#carblog_menu_area ul li:first-child a{
border-left:none;
}
#carblog_menu_area ul li:last-child a{
border-right:none;
}
#carblog_menu_area ul li a:hover{
text-decoration: none;
color:#07a2d6;
}
#carblog_menu_area ul.sub-menu{
display:none;
}
#carblog_menu_area ul li:hover > .sub-menu{
display:inline-block;
position:absolute;
top:auto;
left:0;
z-index:10000000000;
border:6px solid #191919;
}
.sub-menu li{
position:relative;
float:none !important;
margin-right:0px !important;
}
#carblog_menu_area ul .sub-menu li a{
font-size:12px;
padding:10px 20px !important;
border-right:none;
border-left:none;
min-width:130px;
max-width: 140px;
}
#carblog_menu_area ul.sub-menu li a:hover{
background:#00559f;
color:#efefef;
padding:0 10px;
-webkit-box-shadow: inset 2px 2px 14px 0px rgba(30, 30, 30, 1);
-moz-box-shadow: inset 2px 2px 14px 0px rgba(30, 30, 30, 1);
box-shadow: inset 2px 2px 14px 0px rgba(30, 30, 30, 1);
}
#carblog_menu_area ul .sub-menu li:hover > .sub-menu{
display:block;
position:absolute;
top:-6px;
left:130px;
z-index:10000000000;
border-top:2px solid #191919;
border-bottom:6px solid #191919;
border-right:6px solid #191919;
border-left:none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#carblog_menu_area ul .sub-menu li > .sub-menu li {
min-width:130px;
max-width:140px;
}
#carblog_menu_area ul .sub-menu li > .sub-menu li a{
font-size:12px !important;
max-width:150px;
padding:10px 5px !important;
border-right:none;
border-left:none;
}
/*********
* HEADER IMAGE CSS
*********/
#carblog_header_image_container{
position: relative;
overflow: hidden;
margin:5px 0;
padding:2px 4px;
border:4px solid #191919;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#191919;
}
#carblog_header_image_overlay{
position:absolute;
top:0;
height:100%;
width:100%;
z-index:1000000;
-webkit-box-shadow: inset 1px 0px 43px 0px rgba(25,25,25,0.8);
-moz-box-shadow: inset 1px 0px 43px 0px rgba(25,25,25,0.8);
box-shadow: inset 1px 0px 43px 0px rgba(25,25,25,0.8);
}
/**SlickNav Responsive***/
.slicknav_menu{
display:none;
}
/**********
* MAIN CONTENT AREA - Featured Post, Single Post- Single Page
***********/
#carblog_main_content_area{
margin:20px 0;
}
.carblog_featured_post,
.carblog_latest_post,
.carblog_single_post{
margin:0px 0 25px 0;
background: #191919;
border-bottom: 1px solid #00c0ff;
}
.post-meta{
padding:10px 0 10px 7px;
font-size:12px;
font-family:'Open Sans Light';
border-bottom:1px solid #202020;
}
.post-meta i{
font-size:16px;
}
.comment_number i{
vertical-align: middle;
}
.date_text{
color: #00c0ff;
}
.carblog_featured_post,
.carblog_single_post{
background-image: url('./img/posts_bg.png');
background-repeat:no-repeat;
background-position: 324px 166px;
}
.carblog_latest_post,
.carblog_single_post{
background-image: url('./img/posts_bg.png');
background-repeat:no-repeat;
background-position: 150px 166px;
}
.carblog_featured_post_title,
.carblog_latest_post_title,
.carblog_single_post_title{
padding: 2px 0 5px 8px;
}
.carblog_featured_post_title h1,
.carblog_latest_post_title h1,
.carblog_single_post_title h1{
margin:5px 0 5px 0;
font-size:16px;
}
.carblog_featured_post_title h1 a,
.carblog_latest_post_title h1,
.carblog_single_post_title h1 a{
color:#00c0ff;
}
.carblog_featured_post_title h1 a:hover,
.carblog_single_post_title h1 a:hover{
color:#88c0ff;
text-decoration: none;
}
.carblog_featured_post_content,
.carblog_latest_post_content,
.carblog_single_post_content{
font-size:13px;
line-height:26px;
padding:2px 5px 20px 0px;
}
.carblog_featured_post_categories,
.carblog_single_post_categories{
font-size:13px;
}
.carblog_single_post_tags{
font-size:13px;
}
.carblog_featured_post_categories i,
.carblog_single_post_categories i,
.carblog_single_post_tags i{
margin: 0 10px 0 0px;
}
.breadcrumbs_and_title h1{
font-size:22px;
font-family:'Open Sans Regular';
}
/***
* COMMENTS
****/
/****
*
COMMENTS
*
***/
#carblog_comments_section{
padding:10px 0;
background:#191919;
border-top:1px solid #07a2d6;
}
#carblog_comments_section p{
font-size:12px;
}
#carblog_comments_section code{
width:100%;
}
p.comment-form-author{
width:30%;
display: inline-block;
margin-right:5px;
}
p.comment-form-email{
width:30%;
display: inline-block;
margin-right:5px;
}
p.comment-form-url{
width:30%;
display: inline-block;
}
p.comment-form-comment textarea{
width:93%;
padding:5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#191919;
color:#fff;
border:1px solid #003969;
}
p.form-allowed-tags{
display:none;
}
p.form-submit input[type="submit"]{
padding:5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#191919;
color:#fff;
border:1px solid #003969;
}
p.form-submit input[type="submit"]:hover{
background:#003969;
color:#fff;
border:1px solid #00C0FF;
}
p.comment-form-author input[type="text"],
p.comment-form-email input[type="text"],
p.comment-form-url input[type="text"]{
padding:5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#191919;
color:#fff;
border:1px solid #003969;
}
.comment-body{
padding:10px 0 20px 0;
}
.comments-area {
margin: 20px auto;
max-width: 100%;
padding: 0 10px;
}
.comment_num{
display:inline-block;
background-color: #07a2d6;
font-size:14px;
padding:8px 10px;
color:#191919;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
.comment-reply-title,
.comments-title {
margin: 10px 0 30px 0;
padding-bottom:20px;
font-size:16px;
color:#07a2d6;
border-bottom:1px solid #323232;
}
.comment-list {
list-style: none;
margin: 0 0 48px 0;
}
.comment-author {
font-size: 13px;
line-height: 1.5;
}
.comment-list .reply,
.comment-metadata {
font-size: 12px;
line-height: 2;
text-transform: uppercase;
}
.commentmetadata {
font-size: 10px;
width:80%;
display:inline-block;
}
.comment-list .reply {
margin: 10px 0 10px 0;
}
.comment-author .fn {
color:#07a2d6;
font-weight: bold;
display: block;
margin-top: -73px;
padding-left: 89px;
}
.comment-author a {
color: #2b2b2b;
float:right;
font-size:14px;
}
.comment-author.vcard{
width:15%;
float:left;
display:inline-block;
}
.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
color: #767676;
}
.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
color: #07a2d6;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
border-top: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 24px;
padding-top: 24px;
}
.comment-list > li:first-child > article,
.comment-list > .pingback:first-child,
.comment-list > .trackback:first-child {
border-top: 0;
}
.comment-author {
position: relative;
}
.comment-author .avatar {
border: 1px solid rgba(0, 0, 0, 0.1);
height: 80px;
padding: 2px;
top: 0;
left: 0;
width: 80px;
}
.says {
display: none;
}
.comment-author,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply,
.comment-metadata {
padding-left: 10px;
}
.comment-content {
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 15px 15px;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
.comment-content > :last-child {
margin-bottom: 0;
}
.comment-list .children {
list-style: none;
margin-left: 10px;
}
.comment-respond {
margin-bottom: 24px;
padding: 0;
}
.comment .comment-respond {
margin-top: 12px;
}
.comment-respond h3 {
margin-top: 0;
margin-bottom: 24px;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
color: #767676;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as {
font-size: 14px;
line-height: 1.7142857142;
}
.no-comments {
font-size: 16px;
font-weight: 900;
line-height: 1.5;
margin-top: 24px;
text-transform: uppercase;
}
.comment-form label {
display: block;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
font-size: 12px;
line-height: 1.5;
}
.required {
color: #c0392b;
}
.comment-reply-title small a {
color: #2b2b2b;
float: right;
height: 24px;
overflow: hidden;
width: 24px;
}
.comment-reply-title small a:hover {
color: #41a62a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
}
.comment-navigation {
font-size: 12px;
line-height: 2;
margin-bottom: 48px;
text-transform: uppercase;
}
.comment-navigation .nav-next,
.comment-navigation .nav-previous {
display: inline-block;
}
.comment-navigation .nav-previous a {
margin-right: 10px;
}
#comment-nav-above {
margin-top: 25px;
margin-bottom: 0;
}
/****WIDGET****/
.widget{
background:#191919;
-webkit-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
-moz-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:4px solid #191919;
margin-bottom:15px;
position:relative;
}
.widget h3{
margin-top:0px;
text-align: center;
font-size:17px;
font-family:'Open Sans Semibold';
padding:15px 0;
background: #00325d; /* Old browsers */
background: -moz-linear-gradient(top, #00325d 0%, #00559f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00325d), color-stop(100%,#00559f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00325d 0%,#00559f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00325d 0%,#00559f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00325d 0%,#00559f 100%); /* IE10+ */
background: linear-gradient(to bottom, #00325d 0%,#00559f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00325d', endColorstr='#00559f',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #afafaf;
}
.widget ul{
padding:10px 15px;
list-style-type:none;
}
.widget ul li{
}
.widget ul li a{
z-index:10000000;
padding:10px 0;
display:block;
font-size:12px;
border-bottom: 1px solid #333333;
}
.textwidget{
font-size:13px;
padding:0 10px;
line-height:24px;
}
.tagcloud{
padding:10px 10px;
}
.tagcloud a{
padding:5px 10px;
background: #252525;
}
.tagcloud a:hover{
background: #202021;
}
.widget_search form{
padding:10px;
}
.widget_search label{
font-size:12px;
}
.widget_search input[type="text"]{
background:#252525;
border:none;
color:#fff;
font-size:11px;
padding:8px 14px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.widget_search input[type="submit"]{
color:#00c0ff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-size:14px;
background:#000;
border:1px solid #fff;
}
/*****
* FOOTER
*/
#carblog_footer_container{
font-size:12px;
padding:5px 10px;
background:#191919;
border:4px solid #191919;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
-moz-box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
box-shadow: inset 1px 0px 43px 0px rgba(15,15,15,1);
}
#carblog_footer_container h1,
#carblog_footer_container h2,
#carblog_footer_container h3,
#carblog_footer_container h4,
#carblog_footer_container h5,
#carblog_footer_container h6{
font-size:18px;
font-weight:600;
text-align:center;
color:#88c0ff;
}
/***BREADCRUMBS***/
#breadcrumbs{
list-style:none;
margin:10px 0;
overflow:hidden;
}
#breadcrumbs li{
float:left;
margin-right:8px;
font-size:11px;
}
#breadcrumbs .separator{
font-weight:700;
color:#999;
font-size:11px;
}
/******
* MEDIA QUERIES AND
* OVERRIDES
*****/
@media (max-width:768px){
.slicknav_menu{
display:block;
}
ul#main-menu{
display:none;
}
#carblog_top_date_and_social_area{
text-align:center;
}
#carblog_top_social_container{
margin: 0 auto;
display: inline-block;
}
#carblog_top_social_container ul{
display:inline-block;
overflow:hidden;
line-height: normal;
}
.carblog_featured_post_image img,
.carblog_latest_post_image img{
width:100%;
height:auto;
}
}