/* 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/ */ /*---:[ This overrides the Thesis design column width - but match the total width there first ]:---*/ /* .custom #content { width:400px; } .custom #sidebars { width:600px; } */ /*---:[ adds a repeating pattern to the background ]:---*/ body.custom { background: url('images/blue-polka-dots-75.png') 100% 0 repeat fixed; } /*---:[ adds transparency to the whole page and color to the content area ]:---*/ .custom #logo { /* background:url("images/trans-black-c.png") repeat scroll 0 0 transparent;*/ /*border: 3px solid #404040;*/ } #container { background: none; border: 3px solid #91CCC0; } .custom #page { background:transparent; } .custom #header { padding-bottom: 5px; } .custom #content { background:url("images/trans-c.png") repeat scroll 0 0 transparent; } .custom #content_box { border-bottom: 3px solid #91CCC0; border-right 10px; padding-bottom: 3px; } .headline_area h1, .headline_area h2, #archive_intro h1 { /*color: #999; */ font-weight: normal; font-style: italic; font-size: 4em; } /*---:[ added this to align the navigation menu to the right of the page, with a fix for IE ]:---*/ .custom .menu { float: right; margin-top:45px; padding-right: 10px; } /*---:[ added this to make the navigation menu background transparent and add other formatting]:---*/ .custom .menu li a { background:transparent; border-bottom: 3px solid #91CCC0; border-right 10px; padding-right: 8px; color: #CCCCCC; letter-spacing: 0.5px; font-size: 1.8em; text-transform: lowercase; padding-bottom: 3px; } /*---:[ added this to add the hover over spry images to the navigation menu bar]:---*/ .custom ul.menu li a:hover { background: url("images/header-bg-button.png"); color: #884E8C; } .custom .menu .submenu-1 a { background:none repeat scroll 0 0 #492f4a; } /*---:[ added this to create a custom H6 format]:---*/ .custom h6 { text-transform: none; padding: 20px; color: #f69b86; font-weight: normal; font-style: italic; font-size: 1.2em; font-family: helvetica; } /*---:[ added this to create a page css class "reverse-page" that swaps the sidebar and main content areas]:---*/ .custom.reverse-page #content { float:right; } custom.reverse-page #sidebars { float:left; } /*---[ added this to create a white background and black text for the blog area - "white-page" must be entered into the custom-css field on the page for this to appear like this ]---*/ .custom.white-page #content { background: none repeat scroll 0 0 white; padding: 0em; } .custom.white-page .format_text p { color: black; } .custom.white-page h1, h2, h3, h4, a, h2 a:hover, #logo a:hover { color: black; } /*---[ added this to create a background box for the blogroll links area ]---*/ .custom li.widget ul { background-color: #91CCC0; border: 3px solid #f69b86; padding: 5px; } .custom .sidebar h3 { font-size: 2em; font-weight: bold; padding: 3px; } .custom #sidebars { background-color: #91CCC0; } /*---[ added this to create a background box for the footer area ]---*/ .custom #footer { /* background-color: #91CCC0; */ background: url("images/PTM-footer-back.png"); } /*---[added this to format the membership forms ]---*/ .custom.registration .format_text input #commentform input #commentform textarea {width: 100%; } .custom #loginForm { color: #ffebcc; font-size: 12px; } /*---[added this to format the shopping cart ]---*/ .custom.my-store .format_text input, .eStore_button, .eStore_paypal_checkout_button {width: 15%; } .custom.my-store input.eStore_remove_item_button, input.eStore_empty_cart_button, {width: 30% !important; } .custom.my-store .shopping_cart a { color: #FFEBCC; font-weight: bold; text-decoration: none; } .custom.th.wp-emember-msgbox-text, td.wp-emember-msgbox-text { color:red; }