/*************************************************************************** -- File: custom.css -- Description: Custom styles for the Thesis Theme -- Style Name: Thesis Blogger Style -- URL: http://www.thesisstyles.com/thesis-theme-blogger-style/ -- Style Description: Thesis Blogger Style - 3 column with copyright admin panel -- Style Version: 1.7 -- Latest Style Update: April 5, 2010 -- Author: Bill Stilwell -- Author URL: http://www.billstilwell.com -- Style Copyright: (c) 2010 Bill Stilwell - All rights reserved. -- The ThesisStyles Blogger Style is licensed to the original purchaser only for use on a single website. Use on multiple websites or distribution of this software is prohibited without written consent. -- This style is distributed WITHOUT ANY WARRANTY, and without the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. ***************************************************************************/ /* DIYTHEMES INFORMATION File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*====================================*/ /* COLORS */ /*====================================*/ #383838 - dark gray - footer #2F0000 - very dark gray - dropdown background - universal links - menu background #F5F4EC - very light gray - sidebar background #7B0007 - dark red - dropdown hover background #750000 - dark red - header background /*====================================*/ /* GENERAL UI MODS */ /*====================================*/ /* change cursor over dates, etc to default from a question mark */ .custom abbr, .custom acronym { cursor:default; } /* input form hover color */ .custom input.form_submit:hover { color: #2F0000; } /* hover cover of universal links */ .custom a, .custom a:hover { text-decoration: none; color: #2F0000; } /*====================================*/ /* BORDERS AND BACKGROUND */ /*====================================*/ /* background color with repeating image */ body.custom { background: #545454 url('images/bg.png') repeat-y scroll center top; } /* page background */ .custom .page { } /*====================================*/ /* HEADER */ /*====================================*/ /* set up header image */ .custom #header { background: #750000 url('images/header.png') repeat-x; border-bottom: 1px solid #000000; display: block; height: 58px; outline: none; } /* header left logo */ #header_left { width: 430px; float: left; margin: -40px 0 0 -4px; padding: 0px; } /* header right banner rss */ #header_right { width: 120px; margin: -60px 0 0 0; padding: 0px; float: right; } /* set up header logo */ .custom #header #logo a { display: block; margin: 0; text-indent: -9999px; width: 430px; } /* place blog title and tagline out of sight */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /*====================================*/ /* THESIS NAVIGATION BAR */ /*====================================*/ /* common menu characteristics */ .custom .menu, .custom .menu a, .custom .menu li ul { background: #2F0000; color: #FFFFFF; font-family: "Trebuchet MS", Helvetica, sans-serif; } /* menu borders */ .custom .menu a, .custom .menu li ul { border: none; } .custom .menu { border-left: none; border-bottom: 1px solid #2F0000; } /* menu font characteristics */ .custom .menu a { font-size: 14px; letter-spacing: 2px; } /* space to left of home tab */ .custom .menu .tab-home { margin-left: 10px; } /* menu current item characteristics */ .custom .menu .current > a, .custom .menu .current-cat > a, .custom .menu .current-parent > a, .custom .menu .current-cat-parent > a { background: #818181; cursor: pointer; color: #2F0000; } /* menu hover characteristics*/ .custom .menu a:hover, .custom .menu .current > a:hover, .custom .menu .current-cat > a:hover, .custom .menu .current-parent > a:hover, .custom .menu .current-cat-parent > a:hover { background: #750000; color: #FFFFFF; cursor: pointer; } /* dropdown background and font color */ .custom .menu li ul a { background: #2F0000; color: #FFFFFF; margin-left: 0; padding-left: 10px; } /* dropdown background and border */ .custom .menu li li a:hover { background:#750000; color: #FFFFFF; } /* don't display rss in menu */ .custom .menu .rss a { display: none; } /*====================================*/ /* CONTENT BOX */ /*====================================*/ /* background color and image, margin, borders */ .custom #content_box { background: url('images/content-bg.png') repeat-y; } /* remove left divider between content and sidebar */ .custom #column_wrap { background: none; } /*====================================*/ /* FEATURED GALLERY */ /*====================================*/ /*---:[ feature box ]:---*/ #feature_box { background: #FFFFFF; border:none; padding: 0; } .custom #featured { height: 200px; width: 100%; padding: 0; border-bottom: 1px solid #D7D5CB; } /* text in feature box */ .custom .txt { float: left; font-size: 14px; height: 160px; padding: 20px; width: 660px; } /* optin area*/ #optin { background: url('images/optin.png') no-repeat; float: right; height: 70px; margin: 25px 20px 0 0; padding: 84px 0 0 0; width: 350px; font-size: 1.3em; } /*====================================*/ /* WIDGETS AND SIDEBARS */ /*====================================*/ .custom .sidebar a:hover { text-decoration: underline; } /*---:[ widget box styles ]:---*/ .custom li.widget .widget_box { background: #F5F4EC; border: none; } /*---:[ widget backgrounds ]:---*/ .custom li.widget_recent_entries { background: url('images/widget-bg.png') no-repeat; height: 230px; padding: 20px 0 0 0px; text-align: center; } .custom li.widget_recent_entries h3 { background: url('images/recent-posts.png') no-repeat; margin-left: 60px; text-indent: -9999px; } .custom li.widget_archive { background: url('images/widget-bg.png') no-repeat; height: 230px; padding: 20px 0 0 0px; text-align: center; } .custom li.widget_archive h3 { background: url('images/archives.png') no-repeat; margin-left: 80px; text-indent: -9999px; } /* follow button widget styling */ #follow_button { height: 115px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } /*====================================*/ /* FOOTER */ /*====================================*/ .custom #footer { background: #383838; margin: 0; padding: 0; } /*------------------------------------*/ /* social media in footer */ #social { background: #383838; float: left; width: 100%; margin-bottom: 20px; } #social a { text-decoration: none; border-bottom: none; } #social ul { list-style-type: none; float: left; margin: 20px 0 0px 100px; } #social li { display: inline; } /* individual class for lineitems for IE */ .social_item { margin-right: 60px; text-decoration: none; float:left; } .social_item_last { text-decoration: none; float:left; } /*------------------------------------*/ /* copyright line */ #bottom_footer { padding-top: 0px; padding-bottom: 5px; width: 100%; } #bottom_footer a { border-bottom: none; } #bottom_footer a:hover { text-decoration: none; }