/* Theme Name: Clean Cut Design Studio: Obox Design http://www.obox-design.com/ Version: 1.0.0 Color Option: Brown Author: Obox Design Author URI: http://www.obox-design.com/ *-----------------------------* 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{color: #646464;} textarea, input{color: #595959;} a{color: #614f37;} a:hover{color: #000;} input[type=text]{background: #edeef0; border: none;} textarea{background: #edeef0; border: none; color: #595959;} input[type=button], input[type=submit]{background: url(layout/slogan.png) repeat-x; border-bottom: 1px solid #BFB6AB; color: #614F37; text-shadow: 0 1px #FDFBFA;} input[type=button]:hover, input[type=submit]:hover{background: #6684BF;} /*--- Layouts ---*/ .no_bg{background-image: none;} .no_display{display: none;} /*-------------------------------------------------------------------------------------------*/ /*- GENERAL LAYOUT --------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ #header-container{background: #edeef0 url(layout/bg-wood.png) top repeat-x;} #footer-container{background: #dbd1c4;} /*-------------------------------------------------------------------------------------------*/ /*- COMMON ELEMENTS -------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .post-title a{color: #614f37;} .post-title a:hover{color: #000;} .section-title{color: #614f37;} .section-title span{color: #000;} .content-block, .blog-main-post-container, #header, #right-column .widget-list li, #full-width {box-shadow: 0 0 4px rgba(0,0,0,0.3);} /*-------------------------------------------------------------------------------------------*/ /*- HEADER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*--------------------------*/ /*- CATEGORY MENU ----------*/ ul#nav li a{color: #111;} ul#nav li a:hover{color: #000;} /*--------------------------*/ /*- SUB MENU ---------------*/ ul#nav ul.sub-menu{background: rgba(250, 250, 250, 0.9); border-radius: 0px 0px 5px 5px;} ul#nav ul.sub-menu li:last-child{border-bottom: none;} ul#nav ul.sub-menu li{border-bottom: 1px dotted #d7d7d7; background: none;} ul#nav ul.sub-menu li a{color: #614f37; border-top: none; background: none;} ul#nav ul.sub-menu li a:hover{color: #000; background: none; border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- HOME PAGE STYLING -----------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------*/ /*- SLIDER ----------------------------------*/ .slider{} .brown-button {float: left; width: 145px; height: 28px; padding-top: 7px; margin: 20px 0px 0px; background: #f1e6d8; border-bottom: 1px solid #bfb6ab; text-align: center; font-size: 14px; font-weight: bold; color: #614f37; text-shadow: 0px 1px #fdfbfa; border-radius: 4px;} /*---------------------*/ /*- SLIDER DOTS -------*/ .slider-dots .dot{width: 7px; height: 6px; background: url(layout/slider-dots.png) -10px 0px no-repeat;} .slider-dots .dot:hover, .slider-dots .dot-selected{width: 7px; height: 6px; background-position: 0px 0px;} /*----------------------------*/ /*- FOUR COLUMN LIST ---------*/ .four-column{} /*----------------------------*/ /*- TWO COLUMN ---------------*/ .two-column{} /*----------------------------*/ /*- ONE COLUMN LARGE ---------*/ /*----------------------------*/ /*- FEATURE QUOTE ------------*/ .featured-quote{} .featured-quote blockquote{color: #777;} /*----------------------------*/ /*- 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;} /*-------------------------------------------------------------------------------------------*/ /*- POSTS CLASSES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*------------------------------*/ /*- POST CONTENT ---------------*/ .post-content .copy{} /*------------------------------*/ /*- POST PAGE META -------------*/ .post-meta{color: #878787;} /*-----------------------------*/ /*- NEXT - PREV POST NAV ------*/ .next-prev-post-nav{border-bottom: 1px solid #444;} .portfolio .next-prev-post-nav{border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- COMMENTS --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .comments .section-title{} li.comment{} li.comment h5.date{color: #878787;} li.comment h4.comment-name{} li.comment h4.comment-name a{} li.comment h4.comment-name a:hover{color: #6684BF;} /*------------------------*/ /*- THREADED COMMENTS ----*/ .threaded-comments{border-top: 1px dotted #D7D7D7; } .threaded-comments li.comment:last-child{border-bottom: none;} /*-------------------------------------------------------------------------------------------*/ /*- PRODUCTS --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .products-list li a.action-button {background: #dad0c3; border-bottom: 1px solid #bfb6ab; color: #614f37; text-shadow: 0px 1px #fdfbfa;} .products-list li a.action-button:hover {color: #000;} .product-button {background: #dad0c3; border-bottom: 1px solid #bfb6ab; color: #614f37; text-shadow: 0px 1px #fdfbfa;} .ship-info {background: url(layout/i-icon.png) left no-repeat;} /*-------------------------------------------------------------------------------------------*/ /*- SERVICES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ .slogan-button {width: 145px; height: 28px; padding: 8px 25px; margin: 0px 15px 0px 0px; background: url(layout/slogan.png) repeat-x; border-bottom: 1px solid #bfb6ab; text-align: center; font-size: 14px; font-weight: bold; color: #614f37; text-shadow: 0px 1px #fdfbfa; border-radius: 4px;} /*-------------------------------------------------------------------------------------------*/ /*- ARCHIVES --------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.archives_list li{} /*-------------------------------------------------------------------------------------------*/ /*- GALLERY PAGES ---------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ li.gallery_description{background: #111;} li.gallery_description h1{color: #fff;} li.gallery_description p{color: #999;} span.gallery-image-overlay{display: none; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);} li.gallery_image a:hover span.gallery-image-overlay{background: rgba(0, 0, 0, 0.6);} li.gallery_image a:hover span.gallery-image-overlay span.gallery_name{color: #fff;} li.gallery_image a:hover span.gallery-image-overlay span.gallery_name span.gallery-date{color: #ccc;} /*-------------------------------------------------------------------------------------------*/ /*- RIGHT COLUMN ----------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ ul.widget-list li.widget li{} ul.widget-list li.widget a{color: #614f37;} ul.widget-list li.widget a:hover{color: #000;} h4.widgettitle{color: #fff;} /*------------------------------------*/ /*- POPULAR/RECENT COMMENTS ----------*/ .widget_recent_comments li{background: url(layout/sprite.png) -488px 5px no-repeat;} .widget_recent_comments li a{color: #6684BF;} /*------------------------------------*/ /*- POPULAR/RECENT POSTS -------------*/ ul.widget-list li.widget_popular_posts ul li{} /*------------------------------------*/ /*- TWITTER --------------------------*/ ul#twitter_update_list li{background: url(layout/sprite.png) -485px -337px no-repeat;} ul#twitter_update_list li a{color: #614f37;} ul#twitter_update_list li a:hover{color: #000;} ul#twitter_update_list li span a{font-weight: normal;} /*-------------------------------------------------------------------------------------------*/ /*- FOOTER ----------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /*-------------------------------------------*/ /*- FOOTER ITEMS ----------------------------*/ #footer h4{color: #fff;} #footer a{color: #614F37;} #footer a:hover{color: #6684BF;} #footer ul li.column ul li{border-bottom: 1px dotted #444;} .footer-text{}