/* 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/ */ /* CUSTOM HEADER IMAGE */ .custom #header { margin: 0; padding: 0; background: url(images/heating-plumbing-logo-bg.jpg) no-repeat left top; /*replace header.gif with the name of your image*/ } .custom #header #logo { text-indent: -9999px; } /* CUSTOM LIST STYLES */ .custom #header #logo a { display: block; width: 960px; /*change this to the width of your image*/ height: 215px; /*change this to the height of your image*/ } .custom ul.nok li { /*use this class where text is not wrapped*/ list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/nok-16px.png) left 50% no-repeat} .custom ul.ok li { /*use this class where text is not wrapped*/ list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/ok-16px.png) left 50% no-repeat} .custom ul.nok li.nok_w { /*use this subclass if text needs to wrap for a single line item*/ list-style: none; line-height: 1.8em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/nok-16px.png) left 15% no-repeat} .custom ul.ok li.ok_w { /*use this subclass if text needs to wrap for a single line item*/ list-style: none; line-height: 1.8em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/ok-16px.png) left 15% no-repeat} .custom ul.toolicontiny li { list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/tool-icon-16px.png) left 50% no-repeat} .custom ul.tooliconsmall li { list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background: url(images/tool-icon-20px.png) left 50% no-repeat} .custom ul.tooliconmedium li { list-style: none; line-height: 3em; color: steelblue; padding-left: 40px; margin-left: 20px; background:url(images/tool-icon-30px.png) left 50% no-repeat} .custom ul.tooliconlarge li { list-style: none; line-height: 3.4em; color: steelblue; min-height: 4em; padding-left: 50px; margin-left: 20px; background:url(images/tool-icon-40px.png) left 50% no-repeat} .custom ul.newproduct li { list-style: none; line-height: 2.3em; color: steelblue; padding-left: 40px; margin-left: 20px; background:url(images/new-product-30px.png) left 50% no-repeat} .custom ul.liferingtiny li { list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/life-ring-16px.png) left 50% no-repeat} .custom ul.liferingsmall li { list-style: none; line-height: 2.3em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/life-ring-20px.png) left 50% no-repeat} .custom ul.liferingmedium li { list-style: none; line-height: 3em; color: steelblue; padding-left: 40px; margin-left: 20px; background:url(images/life-ring-30px.png) left 50% no-repeat} .custom ul.liferinglarge li { list-style: none; line-height: 3.4em; color: steelblue; min-height: 4em; padding-left: 50px; margin-left: 20px; background:url(images/life-ring-40px.png) left 50% no-repeat} .custom ul.star li { list-style: none; line-height: 2.5em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/star-25px.png) left 50% no-repeat} .custom ul.snippet li { list-style: none; line-height: 2.5em; color: steelblue; padding-left: 30px; margin-left: 20px; background:url(images/snippet-25px.png) left 50% no-repeat} .custom ul.promo li { list-style: none; line-height: 2.5em; color: steelblue; padding-left: 40px; margin-left: 20px; background:url(images/promotion-35px.png) left 50% no-repeat} .custom ul.disabled li { list-style: none; line-height: 2.5em; color: steelblue; padding-left: 35px; margin-left: 20px; background:url(images/disabled-adaptations-30px.png) left 50% no-repeat} /* CUSTOM ALERT AND NOTE BOXES */ .custom .format_text p.navnote { background: #ffffa0 url(images/nav-icon-shadow-35px.png) center no-repeat; border: 2px solid #e5e597; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: slategray; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.alert { background: #ffffa0 url(images/life-ring-30px.png) center no-repeat; border: 2px solid #e5e597; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.alert2 { background: #ffffa0 url(images/chat-24px.png) center no-repeat; border: 2px solid #e5e597; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: darkorange; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.note { background: #f5f5f5 url(images/tool-icon-30px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.warn { background: #f5f5f5 url(images/warning-30px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.warn2 { background: #f5f5f5 url(images/warning-30px.png) center no-repeat; border: 1px solid #F62817; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: #F62817; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.info { background: #f5f5f5 url(images/info-32px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: slategray; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.question { background: #f5f5f5 url(images/question-30px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: slategray; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.article { background: #f5f5f5 url(images/article-25px.png) center no-repeat; border: 2px solid #A0CFEC; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: #566D7E; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.newproduct { background: #f5f5f5 url(images/new-product-40px.png) center no-repeat; border: 2px solid #limegreen; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.star{ background: #f5f5f5 url(images/star-30px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.promo{ background: #f5f5f5 url(images/promotion-40px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; color: #657383; padding: 5px 5px 5px 50px;} .custom .format_text p.snippet{ background: #f5f5f5 url(images/snippet-30px.png) center no-repeat; border: 2px solid #ddd; background-position: 7px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.disabled { background: #f5f5f5 url(images/disabled-adaptations-40px.png) center no-repeat; border: 2px solid #A0CFEC; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: #566D7E; text-align: left; padding: 5px 5px 5px 50px;} .custom .format_text p.shop{ background: #f5f5f5 url(images/boiler-shop-40px.png) center no-repeat; border: 2px solid #A0CFEC; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: #566D7E; text-align: left; padding: 5px 5px 5px 55px;} .custom .format_text p.broadcast{ background: #f5f5f5 url(images/broadcast-40px.png) center no-repeat; border: 2px solid #A0CFEC; background-position: 7px 50%; /* x-pos y-pos */ font: 1.0em/1.5em Georgia,serif; color: #3B9CD8; text-align: left; padding: 5px 5px 5px 50px;} /* CUSTOM TAGS */ .custom .format_text h2 {font-weight: bold; color: #006699;} .custom .format_text h3 {font-weight: bold; color: #006699;} .custom .format_text h4 {font-weight: bold; color: #006699;} .custom .format_text h5 {font-weight: bold; color: #006699;} .custom .format_text h6 {font-weight: bold; color: #006699;} .custom .smallcaps {font-weight: normal; font-variant: small-caps; color: #CC9900;} /* CUSTOM TEXT COLOR CLASSES */ .custom .textgrey {color: silver;} .custom .textblue {color: #006699;} .custom .strongblue {font-weight: bold; color: #006699;} .custom .emblue {font-style: italic; color: #006699;} .custom .textorange {font-weight: normal; color: orange;} .custom .noteworthy {font-weight: normal; color: orange;} /*deprecated but retain for existing content, new class=textorange*/ .custom .textlitebrown {color: sandybrown;} .custom .textred {color: #CC0000;} .custom .strikethru {text-decoration: line-through;} /* GOOGLE MAP API */ .custom #mapsearch { width : 450px; margin : 10px; padding : 4px; border : 1px solid #f9f9f9; } .custom #mapsearch .gsmsc-idleMapDiv { height : 200px; } /* set height of idle state map */ .custom #mapsearch .gsmsc-mapDiv { height : 600px; } /* set height of active state map */ /* BREADCRUMB NAV BAR */ .breadcrumb { font-size: 1.1em; color: #006699; margin: 15px 0 -5px 10px; position: relative; float: left;} .breadcrumb a:hover {text-decoration: underline;} /* SIDEBAR CUSTOM CSS CLASSES - DELETE TO REVERT TO ORIGINAL CSS */ /*---:[ sidebar styles ]:---*/ .sidebar a:hover { text-decoration: underline; } ul.sidebar_list { list-style: none; } li.widget a:hover { width: 100%; } li.centered { text-align: center; } li.widget p a { text-decoration: underline; } li.widget p a:hover { text-decoration: none; } li.widget ul { list-style: none; } li.widget ul li .num_comments { color: #111; } /*---:[ widget box styles ]:---*/ li.widget .widget_box { background: #e3f0f2; border-style: solid; border-color: #addde6; } /*---:[ subscriptions widget ]:---*/ .thesis_widget_subscriptions .sub_rss a { padding-left: 20px; background: url('lib/images/icon-rss.gif') 0 50% no-repeat; } .thesis_widget_subscriptions .sub_email a { padding-left: 20px; background: url('lib/images/icon-email.gif') 0 50% no-repeat; } /*---:[ google custom search ]:---*/ li.thesis_widget_google_cse form input[type="text"] { width: 95%; } li.thesis_widget_google_cse form input[type="submit"] { font-weight: bold; color: #111; background: url('lib/images/submit-bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; cursor: pointer; } li.thesis_widget_google_cse form input[type="submit"]:hover { color: #090; } /*---:[ calendar widget ]:---*/ #calendar_wrap { width: 98%; padding: 0 1%; } #calendar_wrap a { font-weight: bold; } #calendar_wrap a:hover { background: #ddd; text-decoration: none; } table#wp-calendar { width: 98%; border-collapse: collapse; } table#wp-calendar caption { font-weight: normal; text-transform: uppercase; letter-spacing: 2px; background: #e5e5e5; } table#wp-calendar th { width: 14%; background: #f2f2f2; border-bottom: 1px solid #ddd; text-align: center; } table#wp-calendar td { width: 14%; color: #888; text-align: center; } table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; text-transform: uppercase; letter-spacing: 1px; } table#wp-calendar td#next { text-align: right; } table#wp-calendar td#prev { text-align: left; } /* PAGES SIDEBAR LIST UL LI IMAGES FOR SUB-PAGES */ .custom .widget_pages .page_item ul li { list-style: none outside url(images/bullet-right-arrow-11px.gif); margin-left: 0px; padding-left: 0px; padding-right: 5px;} .custom .widget_pages .page_item ul li ul { list-style: none outside url(images/bullet-right-arrow-11px.gif); margin-left: 0px; padding-left: 0px; padding-right: 5px;} .custom .widget_pages .page_item ul li ul li { list-style: none outside url(images/bullet-right-arrow-11px.gif); margin-left: 0px; padding-left: 0px; padding-right: 5px;} /*---:[ core layout elements ]:---*/ #header { border-style: double; border-color: #ddd; clear: both; } #column_wrap { float: left; } .post_box, .teasers_box { border-style: dotted; border-color: #bbb; clear: both; } .teaser { float: left; } .teaser_right { float: right; } .top { border: none; } #sidebars { border-style: solid; border-color: #ddd; background: #FAFAFA; } #sidebar_1 { border-style: dotted; border-color: #ddd; } #footer { border-style: double; border-color: #ddd; text-align: right; clear: both; } /* ANOTHER SET OF CLASSES */