/* File: custom.css Description: Custom styles for Thesis /* ########################################################### ######################## COLOR CHART ######################### ############################################################# */ /* BLACK:#202020 DARKEST GREY:#404040 DARK GREY: #525252 LIGHT GRAY:#C0C0C0 LIGHTER GREY: #F8F8F8 WHITE:#FFFFFF GREEN:#687664 LIGHT GREEN:#D3DED0 RED:#691616 */ 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/ */ /* CUSTOMIZE HEADER AREA */ .custom #header_area { background: #ffffff; } .custom #header_area .page { background: #ffffff; } .custom #header { background: #ffffff; border-bottom: 0; } /* NAVIGATION BAR ZONE */ .custom #nav_area { background: #404040; } .custom #nav_area .page { background: #ffffff; } .custom .menu { background: #FFFFFF; border: 1; } .custom .menu li.tab a, li.tab { border: 1; } /* CUSTOMIZE MENU NAV */ .custom ul#tabs { background: #ffffff; list-style: none; margin-top: .1em; margin-bottom: .1em; padding-left: 1em; width: 97em; } #archive_info { display:none; } /* CUSTOMIZE CONTENT ZONE */ .custom .headline_area .post_image { padding: 0.3em; border-width: 0em; background:#FFFFFF none repeat scroll 0 0; border-color:#D3DED0; border-style: solid; } .custom #content_area { background: #202020; } .custom #content_area .page { background: #FFFFFF; } .custom #content_box { background: #202020; } .drop_cap { float: left; font-size: 12em; font-family: cambria, georgia, sans serif; margin: 0 0em 0em 0; } /*CUSTOMIZE TEASERS */ .custom .teaser .post_image_link .thumb { padding: 0.3em; border-width: 0em; background: #FFFFFF none repeat scroll 0 0; border-color: #D3DED0; border-style: solid; } .custom .format_teaser .post_image_link .thumb { padding: 0.3em; border-width: 0.1em; background: #FFFFFF none repeat scroll 0 0; border-color: #D3DED0; border-style: solid; } /* CUSTOMIZE CONTENT CONTAINER */ .custom #container { margin-top: 1em; margin-bottom: 1em; padding: 0.6em; background: #333333; border: 1px solid #565656; } /* CUSTOMIZE SIDEBAR HEADINGS */ .custom .sidebar h3 { background-color: #ffffff; border-top: 0px dashed #D3DED0; border-bottom: 0px dashed #D3DED0; border-right: -moz-border-radius: 3px; margin-top: 0em; margin-bottom: 0.5em; height: 20px; padding: 0.2em 0em 0.3em 0.3em; font-weight: bold; font-size: 1.3em; line spacing: -1.5px; color: #691616; } .custom #content_box { background-color: #FFFFFF; } .custom #content { background-color: #FFFFFF; border-left: 0px solid #D3DED0; border-right: 0px solid #D3DED0; border-top: 1px solid #691616; margin: 0px; border-bottom: 0px solid #D3DED0; } /*Code to add color to background of sidebar and content*/ .custom #sidebar_1 {background-color:#ffffff; border-left: 1px solid #691616; border-top: 1px solid #691616; border-bottom: 1px solid #691616; border-right: 1px solid #691616;} .custom #sidebar_2 {background-color:#Ffffff; border-left: 0px solid #691616; border-top: 0px solid #A38181; border-bottom: 0px solid #A38181;} /*Code to add color to background of sidebar and content*/ /* CUSTOMIZE QUOTES IN SIDEBAR */ .xquote { margin: 0 0.8em; color: #9e2222; font-family: arial, helvetica, serif; font-color: #ffffff; background-color: #C0C0C0; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: right top; } /* CUSTOMIZE WIDGET BACKGROUND */ .custom li.widget ul { background: #ffffff; border: 0em solid #FFFFFF; -moz-border-radius:4px; padding: 0.3em; } /* CUSTOMIZE HEADER */ .custom #header #logo a { display: block; height: 136px; width: 958px; background: url(http://inworkingprogress.com/wp-content/uploads/2009/12/iwp_logo_header1.jpg) no-repeat; background-position: 0px 0px; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0 0 0 0px; } /* FOOTER ZONE */ .custom #footer_area { background: #691616; height: 90px; } .custom #footer_area .page { background: #691616; } .custom #footer { border: 0; background: #691616; text-align:left; } /* BEHIND EVERYTHING */ body.custom { background: #202020; }