/* Theme Name: Knead Color Scheme: Light *-----------------------------* WARNING! DO NOT EDIT THIS FILE! *-----------------------------* To make updates to your theme, do not edit the styles in this file. Rather use the custom.css file to add your style changes. By copying a style from this file and pasting it in custom.css you will override the style in this file. */ /*-------------------------------------------------------------------------------------------*/ /*- SETUP STD CLASSES -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ body{background: #f0f0f0 ; color: #555;} a:link {color: #404B58;} a:visited {color: #404B58;} a:hover {color: #f33;} a:active {color: #6E859A;} textarea, input{color: #595959;} input[type=text], input[type=password], textarea{background: #fff; border: 1px solid #ccc; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10) inset, -4px -4px 0 0 #f3f3f3, 4px 4px 0 0 #f3f3f3, 4px 0 0 0 #f3f3f3, 0 4px 0 0 #f3f3f3, 4px -4px 0 0 #f3f3f3, -4px 4px 0 0 #f3f3f3;} input[type=button], input[type=submit]{background: #111; border: none; color: #fff;} input[type=button]:hover, input[type=submit]:hover{background: #f33;} .no_bg{background-image: none;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #header-container{background: #fff; border-bottom: 1px solid #ddd;} #content-container{background: #fff; border-bottom: 1px solid #ddd;} #right-column{border-left: 3px solid #f0f0f0;} .portfolio #right-column{border-left: 3px solid #f0f0f0;} #footer-container{background: #293037;} /*-------------------------------------------------------------------------------------------*/ /*- COMMON ELEMENTS -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ h5.date{color: #777;} .section-title{color: #111;} .section-title span{color: #999;} .title-block{background: #e5e5e5;} .title-block .section-title{color: #000;} a.action-link{color: #f33;} a.action-link:hover{color: #404B58} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------*/ /*- CATEGORY MENU ----------*/ ul#nav li{border-left: 1px solid #ddd;} ul#nav li a{color: #777;} ul#nav li a:hover{color: #111;} /*--------------------------*/ /*- SUB MENU ---------------*/ ul#nav ul.sub-menu{background: #293037;} ul#nav ul.sub-menu li:last-child{border-bottom: none;} ul#nav ul.sub-menu li{border: none; border-bottom: 2px solid #111518;} ul#nav ul.sub-menu li a{color: #fff; border-top: none;} ul#nav ul.sub-menu li a:hover{background: #fff; color: #293037;} /*-------------------------------------------------------------------------------------------*/ /*- HOME PAGE STYLING -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*---------------------*/ /*- SLIDER BUTTONS ----*/ .slider .next, .slider .previous{background: url(layout/sprite.png) no-repeat;} .slider .previous{background-position: 0px -170px;} .slider .next{background-position: -41px -170px;} .slider .previous:hover{background-position: -82px -170px;} .slider .next:hover{background-position: -123px -170px;} /*---------------------*/ /*- SLIDER DOTS -------*/ .slider-dots .dot{background: url(layout/sprite.png) -0px -42px no-repeat;} .slider-dots .dot:hover, .slider-dots .dot-selected{background-position: -28px -42px;} /*-------------------------------------------*/ /*- HOME PAGE WIDGET AREA -------------------*/ /*----------------------------*/ /*- TEXT WIDGET --------------*/ #home-block .widget_text{color: #6E859A;} /*----------------------------*/ /*- SERVICES -----------------*/ .services-list{background: #293037; border-top: 3px solid #111518; color: #ccc;} .services-list h3 a{color: #fff;} .services-list h3 a:hover{color: #f33;} /*----------------------------*/ /*- FEATURE QUOTE ------------*/ .featured-quote blockquote{color: #6E859A;} /*----------------------------*/ /*- PAGINATION ---------------*/ .pagination .next a, .pagination .previous a{background: #333 url(layout/sprite.png) no-repeat;} .pagination .previous a{background-position: 12px -101px;} .pagination .next a{background-position: -28px -101px;} .pagination .previous a:hover, .pagination .next a:hover{background-color: #f33;} /*-------------------------------------------------------------------------------------------*/ /*- PORTFOLIO --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*------------------------------*/ /*- CATEGORY LISTING -----------*/ .portfolio-categories li:first-child{border-left: none;} .portfolio-categories li a{color: #595959;} .portfolio-categories li a:hover{color: #f33;} .portfolio-categories li a.selected{color: #f33;} .portfolio-category-title{border-bottom: 3px solid #f0f0f0;} /*------------------------------*/ /*- PORTFOLIO OUTPUT -----------*/ .portfolio-list{border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- PORTFOLIO SUB PAGE ----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*------------------------------*/ /*- PORTFOLIO IMAGE COLUMN -----*/ .portfolio-item{border-bottom: none;} /*---------------------*/ /*- SLIDER BUTTONS ----*/ .portfolio-slider .next, .portfolio-slider .previous{background: url(layout/sprite.png) no-repeat;} .portfolio-slider .previous{background-position: 0px -170px;} .portfolio-slider .next{background-position: -41px -170px;} .portfolio-slider .previous:hover{background-position: -82px -170px;} .portfolio-slider .next:hover{background-position: -123px -170px;} /*----------------------------------*/ /*- PORTFOLIO DESCRIPTION COLUMN ---*/ .portfolio #right-column .portfolio-category-title{color: #111;} .portfolio #right-column ul li{border-bottom: 1px dotted #ccc;} /*-----------------------------*/ /*- NEXT - PREV POST NAV ------*/ .next-prev-post-nav{border-top: 3px solid #f0f0f0;} /*-------------------------------------------------------------------------------------------*/ /*- SERVICES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #left-col li{border-bottom: 1px solid #f0f0f0;} #right-col{border-left: 3px solid #f0f0f0;} #right-col .service-excerpt{color: #6E859A;} /*-------------------------------------------------------------------------------------------*/ /*- POSTS CLASSES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*------------------------------*/ /*- POST CONTENT ---------------*/ .post-title{border-bottom: 3px solid #f0f0f0;} .post-content .post-image, .blog-main-post-container .post-image{border-bottom: 3px solid #f0f0f0;} /*------------------------------*/ /*- POST PAGE META -------------*/ .post-meta{border-bottom: 1px dotted #f0f0f0; color: #878787;} .post-meta a{color: #6E859A;} .post-meta a:hover{color: #f33;} /*------------------------------------------------------------------------------------*/ /*- RESET SOME CLASSES FOR THE COPY AFTER CLEARING EVERYTHING AT THE TOP OF THE CSS -*/ .copy a{color: #6E859A;} .copy a:hover{color: #f33;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .comments .section-title{color: #111;} .comment{border-bottom: 1px dotted #ccc;} .comment-avatar{float: left;} .comment h5.date{color: #878787;} .comment h4.comment-name{color: #111;} .comment h4.comment-name a{color: #111;} .comment h4.comment-name a:hover{color: #6684BF;} /*------------------------*/ /*- THREADED COMMENTS ----*/ .threaded-comments{border-top: 3px solid #f0f0f0;} .threaded-comments li.comment{background: url(layout/thread-reply.gif) 0px 5px no-repeat;} .threaded-comments li.comment:last-child{border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- ARCHIVES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .archives_list li{border-bottom: 1px solid #ccc;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT COLUMN ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #right-column ul.widget-list li.widget{border-bottom: 1px solid #f0f0f0;} #right-column ul.widget-list li.widget:last-child{border-bottom: none;} h4.widgettitle{color: #6E859A;} /*------------------------------------*/ /*- POPULAR/RECENT COMMENTS ----------*/ .widget_recent_comments li{background: url(layout/sprite.png) -488px 5px no-repeat;} .widget_recent_comments li a{color: #333;} /*------------------------------------*/ /*- POPULAR/RECENT POSTS -------------*/ ul.widget-list li.widget_popular_posts ul li{background: url(layout/sprite.png) -488px -179px no-repeat;} /*------------------------------------*/ /*- TWITTER --------------------------*/ ul#twitter_update_list li{background: url(layout/sprite.png) -485px -337px no-repeat;} ul#twitter_update_list li a{color: #111;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #footer{color: #999;} #footer h4{color: #fff;} #footer a{color: #999;} #footer a:hover{color: #fff;} #footer ul li.column ul li{border-bottom: 1px dotted #111518;} .footer-text{background: #111518; color: #878787;} /*-------------------------------------------------------------------------------------------*/ /*- MEDIA QUERIES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*------------------------------------------------*/ /* layouts smaller than 600px, iPhone and mobiles */ @media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) { #content-container{background: none;} #full-width{background: #fff;} #home-block{background: #fff;} #left-column{background: #fff; border: none; border-bottom: 1px solid #ddd;} #right-column{background: #fff; border: none;} .content{background: #fff;} /*---------------------------------------*/ /*- NAVIGATION --------------------------*/ ul#nav li{border-left: none; border-bottom: 1px dotted #ccc;} ul#nav li:last-child{border-bottom: none;} .services-list li{border-bottom: 2px solid #111518;} .services-list li:last-child{border: none;} /*---------------------------------------*/ /*- FOUR COLUMN WIDGET ------------------*/ .four-column-widget li{border-bottom: 1px solid #f0f0f0;} .four-column-widget li:last-child{border-bottom: none;} /*---------------------------------------*/ /*- PORTOFLIO SECTION -------------------*/ .portfolio-categories{border-top: 1px solid #ccc;} .portfolio{background: #fff;} .portfolio #left-column{border-bottom: none;} /*---------------------------------------*/ /*- PORTFOLIO SUB PAGE ------------------*/ .portfolio #right-column{border: none;} .portfolio #right-column .portfolio-category-title{border-bottom: none;} .next-prev-post-nav{border-bottom: 1px dotted #f0f0f0;} /*---------------------------------------*/ /*- SERVICE PAGES -----------------------*/ #right-col{border: none;} /*---------------------------------------*/ /*- BLOGGING ----------------------------*/ .post-title{border-bottom: 3px solid #f0f0f0;} .post-content .post-image, .blog-main-post-container .post-image{border-bottom: 3px solid #f0f0f0;} /*---------------------------------------*/ /*- RIGHT COLUMN ------------------------*/ #right-column ul.widget-list li.widget li{background: none;} /*---------------------------------------*/ /*- FOOTER ------------------------------*/ #footer ul li.column{border-bottom: 2px solid #111518;} #footer ul li.column:last-child{border-bottom: none;} #footer ul li.column li:last-child{border-bottom: none;} } /*---------------*/ /* iPad PORTRAIT */ @media only screen and (max-width: 768px) and (min-width: 481px) { ul#nav{border-top: 2px solid #f0f0f0;} ul#nav li{border-left: none; border-right: 1px solid #ddd;} ul#nav li:last-child{border-right: none;} }