/* 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 is for the top header*/ .custom #topheader { height:188px; width:1040px; margin-left: auto; margin-right: auto; border:none; } body.custom { background: #85AE36 url("/images/background.jpg") 75% 0 no-repeat; } .custom #container { margin-top: 0em; margin-bottom: 2em; padding: 0.3em; background: #492F92; border: 0.4em solid #85AE36; } /*This controls the Nav menu Colors*/ .custom ul#tabs { width: auto; border: none; height: 30px; background: #669900; } .custom ul#tabs li {margin:0; border:0; background:#669900;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding:0; border:0; background:none;} .custom ul#tabs li.rss {} .custom ul#tabs li a {color:#FFFFFF;}, .custom ul#tabs li a:active, .custom ul#tabs li a:visited, {text-decoration:none;} .custom ul#tabs li a:hover {text-decoration:underline; background:#669900;} .custom ul#tabs li.current_page_item a {margin:0; border:0; background:#669900;} .custom ul#tabs li.current-cat a {margin:0; border:0; background:#669900;} /*helps for dropdown menus*/ /*keeps page white*/ .custom #page { background: #ffffff; } /*3 custom background for video box*/ .custom #multimedia_box { margin-bottom:0em; } .custom #video_box { background:#715CA9 none repeat scroll 0 0; } .custom #image_box, #video_box, #custom_box { padding:1em 0em 0em 1em; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#715CA9 none repeat scroll 0 0; border-bottom:none; } /* This line removes the "Comments not allowed" txt */ .comments_closed p { display: none; } /*This makes the links purple*/ .custom a, .custom a:visited { color: #492F92; } /*This makes links blue when you mouse over them*/ .custom a:hover { color: #00f; } /*This makes the Header Text purple*/ .custom #header #logo a { color:#492F92; } /*This makes the sidebars different colors*/ .custom #sidebar_1 { background: #D1E188; } .custom #sidebar_2 { background: #715CA9; } /*This makes the sidebar font bold*/ .custom li.widget { font-size:1.3em; line-height:1.385em; font-weight:bold; } /*This makes the custom Multimedia box Purple*/ #custom_box { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#715CA9 none repeat scroll 0 0; border-bottom:none; } /*This makes the Header Text in headlines (titles) purple*/ .custom .headline_area h1, .headline_area h2 { font-size:2.2em; line-height:1.364em; color:#492F92; } /*This makes the Header Text in archives headlines (archives titles) purple*/ .custom #archive_info h1 { font-size:1.8em; line-height:1em; color:#492F92; } /*This makes the H2 and H3 from in the "edit post/page" purple*/ .custom .format_text h2, .format_text h3 { font-size:1.286em; line-height:1.222em; margin:1.833em 0 0.611em; color:#492F92; } /*This Makes Regform div Purple*/ .custom #regform { width:190px; border-color:#D1E188; border-style:solid; border-width:1px; background:#715CA9; } /*This Makes Forms look better*/ .custom .format_text input, .custom .text_input { width:auto; } /*This is for the carflogo*/ .custom #carflogo { height:113px; width:193px; margin-left: auto; margin-right: auto; border:none; } /*For Ads*/ .custom #standard_ad { height:125px; width:125px; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; border:5px solid #715CA9; border-top:20px solid #715CA9; border-right:5px solid #715CA9; border-bottom:5px solid #715CA9; border-left:5px solid #715CA9; } .custom #large_ad { height:184px; width:217px; margin-left: auto; margin-right: auto; margin-top: auto; margin-bottom: auto; border:5px solid #715CA9; border-top:20px solid #715CA9; border-right:5px solid #715CA9; border-bottom:5px solid #715CA9; border-left:5px solid #715CA9; } /*STYLE FOR SHOPPING CART FORMS*/ /*You can use this style for your INPUT, TEXTAREA, SELECT elements*/ .myinputstyle { border: 1px solid #ffffff; /** remember to change image path **/ background: url(none) no-repeat #ffffff; font-family: Arial, Helvetica, sans-serif; font-style: bold; font-size: 16px; color: #454743; } /** You can use this style for your LABEL elements **/ .mylabelstyle { font-family: tahoma, helvetica, sans-serif; font-style: bold; font-size: 16px; color: #111111; } /*This is for the small youtube videos in the sidebar and multimedia box or body*/ .custom #ytsbvid { height: 184px; width: 217px; margin: auto; border: 5px solid transparent; } .custom #ytsbvid_body { height: 184px; width: 217px; margin: auto; float: right; border: 5px solid #715CA9; }