/* 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; } }