/* 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/ */ /////////////////////////////////////////////////// ThesisTheme.net - Thesis news, tutorials, skins, site showcase Get This Skin for Free at: http://www.thesistheme.net/thesis-sharp Installation Instructions & Update Information: http://www.thesistheme.net/thesis-sharp This skin is still a work in process. Get updated when new versions of Thesis Sharp are available. Grab the RSS Feed or Follow me on Twitter @thesistheme.net --PLEASE LEAVE THE ABOVE TEXT IN YOUR CUSTOM.CSS FILE SO I RECEIVE CREDIT FORM MY WORK AND SO OTHERS CAN FIND THIS SKIN-- /////////////////////////////////////////////////// */ /*SKIN COLOR SETTINGS for Different Backgrounds To switch the skin background, replace the default (gray) background image code (bg.jpg) in the body.custom declaration with the code for the background you want to use: Blue - (bg-blue.jpg) Aqua - (bg-aqua.jpg) Purple - (bg-purple.jpg) Red - (bg-red.jpg) Green - (bg-green.jpg) Brown - (bg-brown.jpg) Orange - (bg-orange.jpg) Pink - (bg-pink.jpg) */ /*body.custom {background: #fff url(bg.jpg) repeat-x;}*/ /*Edit the Above Line of Code with the background image code referenced above to modify your site's background*/ .custom #container {margin-top: 0; margin-bottom: 0em; border-left: 0.3em solid #ddd; border-right: 0.3em solid #ddd;} /***HEADER***/ .custom #header_area .page {background: none;} .custom #header {background: none; border-bottom:none;} .custom #header #tagline {font-size: 18px; padding-left: 0; margin-top: 0.2em; margin-left:-0.3em;} .custom #header_widget_1 {} .custom #header_widget_1 ul.sidebar_list li.widget {position:absolute; display: block; top:0px; left:459px; width:468px; } .custom #header-adblock img {margin:1px; align:center;} .custom div.header-adblock a:hover img {border:3px solid #666;} .custom div.header-adblock a img {border:3px solid #333;} .custom div.header-adblock img {padding: 1px;} /***HEADER END***/ /***NAV MENU***/ .custom .menu {background: none; border:none; height: 20px;} /*SKIN COLOR SETTINGS for Nav Menu Background Colors If you're using a skin background color other than the default, replace the background hover code in the .custom ul.menu li a:hover declaration (with the code for the background you want to use: Default (Gray) - #666 Blue, Purple - #354662 Red - #850504 Brown, Orange - #754827 Aqua - #326B5C Pink - #D6009C Green - #446A31 */ /*Edit the Above Line of Code with the background colors referenced above to modify the background color when hovering over a menu item*/ /***SIDEBAR AND WIDGETS***/ .custom li.widget {list-style: none; text-indent: 0; margin-bottom:0; margin-top:0; padding-left:0px; margin-left:1em;} li.widget h3 {color:#666; font-size:18px; margin-bottom:0; margin-top:0;} .custom #multimedia_box {margin-bottom:0;} .custom .sidebar ul.sidebar_list {position:relative; padding:0; margin:0;} .custom div.subscriber {text-indent:0; background: #FFF0DA url(subscribe-bg.png) repeat; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; padding:1em; margin-left:0em; margin-right:0em;} .custom div.subscriber h3{text-indent: 0px; } .custom div.bluefader {text-indent: 0; background: #E5F2FF url(blue-bg.gif) repeat-x; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; padding:1em; margin-left:0em; margin-right:0em;} .custom div.bluefader h3{text-indent: 0px; } .custom div.grayfader {text-indent:0; padding:1em; background: #fff url(fade.gif) repeat-x; border-bottom: 1px solid #bbb; margin-left:-1em; margin-right:1em;} .custom div.grayfader h3{text-indent:0;} .custom div.sblist1 a {display: block; color:#000000; margin-left:-0.9em; margin-right:-0.9em; padding-left: 1em; padding-top: 0.3em; padding-bottom: 0.3em; font-family:georgia; text-decoration: none; font-size: 14px;} .custom div.sblist1 a:hover {background-color: #eee; color: #000; text-decoration: underline;} /***SIDEBAR AND WIDGETS END***/ /***OTHERS MODS***/ .custom #adblock img {margin:1px;} .custom div.adblock a:hover img {border:3px solid #bebebe;} .custom div.adblock a img {border:3px solid #ddd;} .custom div.adblock img {padding: 1px; } .custom #image-block img {background: #eee; padding: 0.8em; border:1px solid #ddd;} .custom div.image-block a:hover img {background: #ddd; border:1px solid #bebebe;} .custom div.image-block a img {background: #eee; border:1px solid #ddd;} .custom div.image-block img {background: #eee; padding: 0.8em; border:1px solid #ddd;} /***OTHERS MODS END***/ /***FOOTER***/ .custom #footer_area, #footer_area .page{background: #222;} .custom #footer_area {color: #ccc; padding-top: 0em; text-align:center; border-top: 3px solid #666;} .custom #footer {border-top:none; text-align:center;} .custom #footer a:hover {color: #fff; text-decoration: none; } .custom #footer_1 {text-align:left; border-bottom: 1px solid #333; } .custom #footer_1 ul.sidebar_list li.widget {text-indent:0; color: #eee; width:23%; margin-right:0%; float:left;} .custom #footer_1 ul.sidebar_list li.widget h3 {text-indent:0; padding-top:0.2em; color:#ccc; font-size:22px; font-family:georgia;} .custom #footer_1 ul.sidebar_list li.widget a {color: #fff; border-bottom:0; padding:0.2em;} .custom #footer_1 ul.sidebar_list li.widget a:hover {color:#ccc; padding:0.2em;} /***FOOTER END***/