/* ============== MIKE MASIN CUSTOM.CSS ============== */ /* 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 #387BD - blue - logo #967C42 - brown - title - page border - widget header title #7A7335 - greenish brown - tagline - background - nav bar - widget header borders #FFE88F - cream - selected tab #E0FFDA - pale green - sidebar 1 widget background #BFD9BA - green - sidebar 1 widget borders #F8FFC0 - pale yellow - sidebar 2 widget background #FFCF81 - yellow - sidebar 2 widget borders */ /*====================================*/ /* GENERAL UI MODS */ /*====================================*/ /* change cursor over dates, etc to default from a question mark */ .custom abbr, .custom acronym { cursor:default; } /*====================================*/ /* BORDERS AND BACKGROUND */ /*====================================*/ /* outside border, margin top and bottom */ .custom #container { border: 4px solid #FFFFFF; /*padding: 5px 5px 5px 5px;*/ margin-top: 2em; margin-bottom: 2em; } /* inside border */ .custom #page { border: 4px solid #967C42; padding: 16px 16px 16px 16px; margin: 0px 0px 0px 0px; } /* background color */ body.custom { background: #7A7335; } /* set the page background to white */ .custom #page { background: #FFFFFF; } /*====================================*/ /* HEADER */ /*====================================*/ /* remove line at bottom of header */ .custom #header { border-bottom: none; } /* header image */ .custom #header #logo a { display: block; height: 200px; width: 1020px; background: url('images/MM-header.jpg') left no-repeat; outline: none; /*border: 1px solid #000;*/ } /* push title and tagline to far left and make tagline tiny */ .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } /* align header image */ .custom #header #logo { margin: -20px 0 0 -10px; } /*====================================*/ /* THESIS NAVIGATION BAR */ /*====================================*/ /* Thesis 1.6 nav bar */ .custom .menu { width: 100%; background: #7A7335; } /* Nav bar */ .custom ul#tabs { border: 1px solid #7A7335; border-width: 0 0 1px 0px; margin: -20px 0 0 0; background: #7A7335; } /* all nav bar tabs */ .custom ul#tabs li { margin-bottom: -0.1em; background: #7A7335; border: 1px solid #7A7335; border-left: 0; } /* tabs font styling */ .custom ulul#tabs li a { font-size: 1.1em; padding: 0.545em 0.818em; } /* tabs current page, current category */ .custom ul#tabs .current_page_item, .custom ul#tabs .current-cat { padding-bottom: 0.1em; background: #FFE88F; border-bottom: 0; border-top: 1px solid #FFE88F; border-left: 1px solid #FFE88F; } /* current page item, category item font color and cursor */ .custom ul#tabs .current_page_item a, .custom ul#tabs .current-cat a { cursor: text; color: #000000; } /* current page, category hover */ .custom ul#tabs .current_page_item a:hover, .custom ul#tabs .current-cat a:hover { text-decoration: none; } /* unselected tabs*/ .custom ul#tabs a { line-height: 1em; color: #FFFFFF; text-transform: uppercase; letter-spacing: 2px; } /* unselected tabs hover */ .custom ul#tabs a:hover { background: #FFE88F; color: #000000; text-decoration: underline; } /* RSS in nav bar*/ #subscribe_element { width: 275px; height: 20px; padding: 0.25em 0em 0em .5em; float: right; position: relative; top: -25px; left: 5px; z-index: 110; text_align: left; text-transform: uppercase; font-size: 1.2em; line-height: 1.1em; letter-spacing: 2px; cursor: pointer; color: #FFFFFF; } /* make the link & visited white and no underline */ #subscribe_element a:link, .custom #subscribe_element a:visited { color:#FFFFFF; text-decoration:none; } /* cursor hovering over element */ #subscribe_element a:hover{ color: #FFFFFF; text-decoration: underline; } /*====================================*/ /* CONTENT BOX */ /*====================================*/ /* remove right divider between content and sidebar */ .custom #content_box { background: none; } /*====================================*/ /* POSTS AND COMMENTS */ /*====================================*/ /* do not display "comments closed" if they are closed on posts and pages */ .custom .comments_closed p { display: none; } /* comments: color of logged-in admin's comments different from readers' comments */ .custom dl#comment_list .bypostauthor { background: #DFF8FB; } /* pullquotes with double bar above and below */ .custom blockquote.left, .custom blockquote.right { width: 200px; margin: 5px 15px 5px 0; padding: 5px 0; border: 3px double #AAAAAA; border-width: 3px 0; font-size: 1.4em; text-align: center; } .custom blockquote.left { float: left; } .custom blockquote.right { float: right; } /*====================================*/ /* WIDGETS AND SIDEBARS */ /*====================================*/ /* move sidebars up */ .custom #sidebars { position: relative; top: -24px; } /* Format widget headings - sidebar */ .custom .sidebar h3 { font-size: 0.92em; font-weight: bold; line-height: 1.455em; text-align: center; color: #967C42; margin-bottom: 1em; /*padding: 0.636em 0.455em 0.545em 0.455em;*/ text-transform: uppercase; border-top: 1px solid #7A7335; border-bottom: 1px solid #7A7335; } /* GOOGLE SEARCH BOX WIDGET - YELLOW */ .custom #text-3.widget { background-color: #F8FFC0; border: .1em solid #FFCF81; } /* MY TAG CLOUD WIDGET - YELLOW */ .custom li.widget_mytagcloud { background: #F8FFC0; border: .1em solid #FFCF81; } /* CATEGORIES WIDGET - YELLOW */ .custom li.widget_categories { background: #F8FFC0; border: .1em solid #FFCF81; } /* TAG CLOUD WIDGET - YELLOW */ .custom li.widget_tag_cloud { background: #F8FFC0; border-left: 0.1em solid #FFCF81; border-right: 0.1em solid #FFCF81; border-bottom: 0.1em solid #FFCF81; } /* MOST POPULAR POSTS WIDGET - GREEN */ .custom li.widget_popular_posts { background: #E0FFDA; border-left: 0.1em solid #BFD9BA; border-right: 0.1em solid #BFD9BA; border-bottom: 0.1em solid #BFD9BA; /*padding: 0 3px 0 3px;*/ } /* KILLER RECENT ENTRIES WIDGET - GREEN*/ .custom li.widget_killer_recent_entries { background: #E0FFDA; border-left: 0.1em solid #BFD9BA; border-right: 0.1em solid #BFD9BA; border-bottom: 0.1em solid #BFD9BA; /*padding: 0 3px 0 3px;*/ } /*====================================*/ /* FOOTER */ /*====================================*/ /* remove footer border */ .custom #footer { border-top: none; } /* footer copyright */ #footer_info_left { font-size: 1.25em; color: #888888; float: left; }