/* File: 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: */ /*Header - Image Banner */ .custom #header #logo a { display: block; height: 168px; width: 960px; background: url('images/header.jpg') no-repeat; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header {border-bottom:none; padding:0} .custom #header { padding: 0; } body.custom { background: #eeeeee; } .custom #container { margin-top: 0em; margin-bottom: 0em; padding: 0.0em; background: #33332f; border: 0.0em solid #3e3e3a; } .custom #page { background: #fff; } h1 {margin: 0; padding: 0; line-height: 28pt; color: #2d88b5; font-size: 16pt; } h3 {margin: 0; padding: 0;g line-height: 28pt; color: #2d88b5; font-size: 16pt; } /*================================================================================*/ /* NAV BAR STYLING */ /*change the background color of everything on the nav bar except tabs*/ .custom ul#tabs { background: #1f8ab4; } /*change the background color of unselected tabs*/ .custom ul#tabs li a { background: #1f8ab4; } /*change the font color of unselected tabs*/ .custom ul#tabs li a { color: #FFFFFF; font-weight: bold; } /*change the background of color the selected tab*/ .custom ul#tabs li.current_page_item a { background: #FFFFFF; } .custom ul#tabs li.current_cat a { background: #FFFFFF; } /*change the font color of the selected tab*/ .custom ul#tabs li.current_page_item a { color: #000000; font-weight: bold; } .custom ul#tabs li.current_cat a { color: #000000; font-weight: bold; } /*change the background color of unselected tab when the cursor hovers over it*/ .custom ul#tabs li a:hover { background: #1f8ab4; } /*change the font color of unselected tab when the cursor hovers over it*/ .custom ul#tabs li a:hover { color: #000000; text-decoration: none; } /*remove the border between tabs*/ .custom ul#tabs li { border: none; } /*================================================================================*/ /* CONTEXTUAL SUBMENUS STYLING These css selectors are split out to make it easy to change values. Change the border width, colors and other styles to suit. Do not change the list-style, width, and float settings.*/ /* submenu bar general attributes */ ul#context_submenu { /* borders around the submenu bar */ /* border-top is used to hide an anomaly of the nav bar when any child submenu item is selected*/ border-top-style: single; border-top-color: #EFEFEF; border-top-width: 3px; border-right-style: single; border-right-color: #ddd; border-right-width: 3px; border-bottom-style: double; border-bottom-color: #ddd; border-bottom-width: 3px; border-left-style: single; border-left-color: #ddd; border-left-width: 3px; /* color of the submenu bar */ background:#EFEFEF none repeat scroll 0 0; /* Determines the width of the bar. Add left margin if shortened to center it. */ width: 100%; /* Do not change the values below! */ list-style-image: none; list-style-position: outside; list-style-type: none; float: left; } /* height of submenu bar and spacing between submenu items */ ul#context_submenu li { /* space from top of letters to top of bar */ padding-top: .3em; /* space to right of a submenu item - change padding-left instead */ padding-right: 0em; /* space from bottom of letters to bottom of bar */ padding-bottom: .2em; /* spacing between submenu items */ padding-left: 2.5em; /* Do not change the value below! */ float: left; } /* Font attributes */ ul#context_submenu li a { /* size of font in submenu */ font-size: 1.05em; /* color of font */ color: #1f8ab4; /* comment out or delete if you want normal weight */ font-weight: bold; /* set to tighten spacing between words - makes the word groups tighter */ word-spacing: .03em; /* comment out or delete if you want normal upper-lower case */ text-transform: uppercase; } /* hover attributes */ ul#context_submenu li a:hover { /* background of words */ background: #EFEFEF; /* font color */ color: #000000; /* turn underlining off */ text-decoration: none; } /* CONTEXTUAL SUBMENU - BLANK Use the same values as the contextual submenu in this selector. */ ul#context_submenu_blank { /* borders around the submenu bar */ border-top-style: none; border-right-style: single; border-right-color: #ddd; border-right-width: 3px; border-bottom-style: double; border-bottom-color: #ddd; border-bottom-width: 3px; border-left-style: single; border-left-color: #ddd; border-left-width: 3px; /* color of the submenu bar */ background:#EFEFEF none repeat scroll 0 0; /* Determines the width of the bar. Add left margin if shortened to center it. */ width: 100%; /* Do not change the values below! */ list-style-image: none; list-style-position: outside; list-style-type: none; float: left; } /* These settings make the blank bar the same height as the regular one. It should be roughly the sum of the contextual submenu font's padding and font-size.*/ ul#context_submenu_blank li { padding-top: .3em; padding-bottom: 0.3em; /* Do not change the value below! */ float: left; } .custom h1, .custom h2, .custom h2 a { color: #2d88b5; }