/* 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;br } <--- 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/ */ /* DaveC Change More link from grey black #0E7AAF to green - used for pseudo buttons also */ .custom a.more-link { background: #68a138; color: #FFF; padding: 4px 8px 5px 5px; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .custom a:hover.more-link { background: #006400; } /* General Styles */ .custom a { outline: 0; } .custom a:hover { color: #fff; background-color:#68a238; } .custom a#kampylink:hover { background-color:transparent; } .custom p.headline_meta a { color:#7b7b7b; } .custom p.headline_meta a:hover { color:#fff; } .custom #sidebars ul li a:hover { background-color: transparent; } .custom .headline_area h1, .custom .headline_area h2 { font-size: 2.4em; line-height: 1.364em; } .custom .format_text h2 { font-size: 1.4em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; } .custom .format_text h3 { font-size: 1.1em; line-height: 1.222em; margin: 1.833em 0 0.611em 0; } /* Main page width setup - 15/04/2010 ChrisL */ .custom .full_width .page { width: 980px; } .custom #content { width:640px; margin-top:15px; } .custom #sidebars { width:320px; margin-top:40px; margin-left:20px; float:left; text-align:left!important;} .custom #content_box { background: #fff url(../custom/images/si/bg-content-main.png) repeat-y center; } .post_box, .teasers_box, .full_width #content_box .page { margin: 0 20px 0 0; } .custom .teasers_box { width:100%; } .custom .teaser { width: 300px; } .custom .headline_area h2 { font-size: 2.4em; } .custom #content h3 { color: #67a138; font-size: 1.3em; letter-spacing: -0.5px; } /* Sidebar elements */ .custom #sidebars .sidebar_list { border-left: 0!important; text-align:left!important;} .custom #sidebars .sidebar_list li { text-align:left!important; } /* widgets */ .custom #sidebars .widget { background: #fff url(../custom/images/si/bg-sidebar-grad.png) no-repeat top left!important; border:0!important; } .custom #sidebars .widget:first-child { border: 0; } .custom #sidebars .widget h3 { color:#1c1c1c; font-size:1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; text-transform: none; text-shadow:1px 1px 1px #fff; } .custom #sidebars .widget ul li a{ color:#000; } .custom #sidebars .widget_si_subscribe { padding:0!important; } .custom #sidebars .widget_si_subscribe .featured_subscribe { padding:0; margin:0; } .custom #sidebars .widget_si_subscribe .featured_subscribe .inner-content { padding-top:10px; } .custom #sidebars .widget_si_subscribe h3 { background: url(../custom/images/si/sidebar-header-newsletter.png) no-repeat top left; line-height:1em; padding:20px 10px 10px 75px!important; } .custom #sidebars .widget_si_subscribe h3 em { font-style:normal; color:#000; font-size:0.7em; } .custom #sidebars .widget_si_subscribe p { color:#000; } #breadcrumb { display:block; padding:0 0 10px 0; text-align:left; width:980px; background-color:#fff; color: #3a3a3a!important; font-size: 1.1em; position: absolute; text-transform: none!important; top: 0px; } #breadcrumb a { /* border-bottom: 1px solid #747474; */ color: #4d7e25; } #breadcrumb a:hover { border: 0; color:#fff; } .custom #yoastbreadcrumb { display:block; padding:0 0 10px 0; text-align:left; width:980px; background-color:#fff; color: #3a3a3a!important; font-size: 1.1em; position: absolute; text-transform: none!important; top: 0px; } .custom #yoastbreadcrumb a { /* border-bottom: 1px solid #747474; */ color: #4d7e25; } .custom #yoastbreadcrumb a:hover { border: 0; color:#fff; } /*! Custom form styling */ fieldset { border-style: none; margin: 0.1em 0 0 0; padding: 0; } legend { margin-left: 1em; color: #000000; font-weight: bold; } fieldset ol { padding: 0em 1em 0 1em; list-style: none; } fieldset li { padding-bottom: 1em; } fieldset.submit { border-style: none; } label { display: block; } /* Custom Tactic page */ #taxonomy-intro p { margin-left:10px; margin-top:5px; text-transform: uppercase; letter-spacing: 2px; } /* Rate this Post */ .ratePost { overflow: hidden; padding: 1.5em; } .ratePost img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .ratePost h3 { color: #666; font-size: 5em; margin-bottom: 5px; } .ratePost p { color: #515151; font-size: 13px; margin-bottom: 12px; } /* AUTHOR INFO AT BASE OF POST */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1.5em; } .postauthor img { border: 5px solid #e2dede; float: left; margin-right: 1.5em; } .postauthor h4 { color: #666; font-size: 2em; margin-bottom: 5px; } .postauthor p { color: #515151; font-size: 13px; margin-bottom: 12px; } .socialmedia { background: #FFFBCC; border-top: 1px solid #E6DB55; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 1em; text-align: center;} .socialmedia p { color: #515151; font-size: 1.3em;} /* CUSTOM subscribe box widget */ .siSub {border:0px; clear:both;} #sidebars .widget_si_subscribe fieldset{ color:#000; } #sidebars .widget_si_subscribe fieldset { border: 0px; width: 20em } #sidebars .widget_si_subscribe label { color: #000; width: 6em; float: left; text-align: left; margin-right: 0.5em; display: block } #sidebars .widget_si_subscribe .buttons input { margin-left: 14.5em; color: #000; background: #ffa20f; border: 2px outset #d7b9c9; } .widget_si_subscribe { background: #F6630E url(../images/default/bg_social.png) repeat-x !important; border: 1px solid #F98913 !important; height: 125px; overflow: hidden; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .widget_si_subscribe .inner-content { overflow:hidden; background: url(../custom/images/si/sidebar-newsletter-bg.png) no-repeat bottom left; padding:0 0 30px 0; } .widget_si_subscribe .inner-content fieldset { width:100%!important; } .widget_si_subscribe .inner-content fieldset.buttons { text-align:center; } .widget_si_subscribe .inner-content fieldset li { padding-bottom:0!important; } .widget_si_subscribe .inner-content fieldset li input.radio-btn { border:0; background-color:transparent; } .widget_si_subscribe .inner-content input.submit { background:none!important; float:none!important; border:0!important; width:222px; height:31px; margin: 0 auto 0 auto!important;} #sidebars .widget_si_subscribe { border-left: 0 !important; border-right: 0 !important; height: auto !important; -moz-border-radius: 0; -webkit-border-radius: 0; } .featured_subscribe { padding: 15px 10px 15px; } .featured_subscribe h3 { font-size: 1.8em; font-weight: 600; letter-spacing: -0.4px; text-shadow: #FCb96A 1px 1px 1px; } #sidebars .featured_subscribe h3 { color: #111; margin: 0; padding: 0.6em 0 0 0 !important; } .featured_subscribe h4 { clear:both; color: #FFF; font-size: 0.85em; font-weight: normal; padding-top: 0.3em; text-shadow: #F6640E 1px 1px 1px; text-transform: uppercase; } #sidebars .featured_subscribe h4 { padding: 0; clear:both; } /* Social media icons in newsletter area */ .subscribe-icons { list-style: none; margin: 0 auto 25px auto; width:210px; display:block; overflow:hidden;} .featured_subscribe p.social-text { margin:20px 0 5px 0; padding:0; font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; } .subscribe-icons li {float: left; margin: 0 7px 0 0; text-align: left; padding:0; } .subscribe-icons li a { margin:0; padding:0; display: block; font-size: 0.1em; width:45px; height: 45px; background: url(../custom/images/si/icons-socialmedia.png) no-repeat top left; _background: url(../custom/images/si/icons-socialmedia.gif) no-repeat top left; } .subscribe-icons li a:hover { } .subscribe-icons li a span { display: block; width:45px; height:45px; margin:0 0 0 -5000px; padding:0; } .subscribe-icons li.icon-rss a { background-position: 0 -1px; } .subscribe-icons li.icon-twitter a { background-position: 0 -51px; } .subscribe-icons li.icon-facebook a { background-position: 0 -101px; } .subscribe-icons li.icon-linkedin a { background-position: 0 -151px; } .subscribe-icons li.icon-linkedin { margin-right:0; } .subscribe-icons .email { margin-right: 1em; } .subscribe-icons .email a {background: url(../images/default/icon_mail.png) left no-repeat;} .subscribe-icons .twitter { margin-right: 0; } .subscribe-icons .twitter a { background: url(../images/default/icon_twitter.png) left no-repeat; padding-left: 60px; } .subscribe-icons .rss a { background: url(../images/default/icon_rss.png) left no-repeat; padding-left: 200px;} #sidebars #multimedia_box { background: url(../custom/images/si/sidebar-featured-end.png) no-repeat bottom left; margin:0 0 20px 0; padding:0; border:0; } #sidebars #multimedia_box #custom_box{ background: url(../custom/images/si/sidebar-featured-top.png) no-repeat top left; margin:5px 0 0 0; padding:5px; border:0; } /* Custom Smart Insights Full header styles - ChrisL 14/04/2010 */ .custom #header_area.full_width { height:auto!important; margin:0; padding:0 0 20px 0; background: #131313 url(../custom/images/si/bg-header-shadow.png) repeat-x bottom!important; } } .custom #header_area.full_width .page { width:100%; margin:0; padding:0; } #si-header { min-height:140px; height:auto!important; height:140px; background: #131313 url(../custom/images/si/bg-header.png) repeat-x top!important; } .si-wrap { width:980px; margin:0 auto; } #si-logo { display:block; float:left; width:180px; height:85px; margin:17px 0 10px 0; background: url(../custom/images/si/logo.png) no-repeat top left; _background: url(../custom/images/si/logo.gif) no-repeat top left; } #si-logo span { display:block; width:180px; height:85px; margin-left:-5000px; } p#si-strapline { float:left; display:block; width:360px; margin:45px 0 0 45px; color:#b0e287; font-size:1.3em; } p#si-strapline strong { display:block; color:#fff; font-weight:bold; font-size:1.8em; letter-spacing:-1px; } /* Search box */ #si-site-search { float:right; width:310px; margin:17px 0 0 0; padding:15px 10px 13px 20px; background-color:#0b0b0b; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; } #si-site-search #search_bar { float: none; margin-top: 0; } #si-site-search #search_bar #stop { padding: 5px!important; background: #e5e5e5; border: 1px solid #595858; width:215px; color:#333!important; text-transform:none!important; font-size:1.2em!important;} #si-site-search #search_bar #topsubmit { padding: 5px!important; font-weight:bold; background: #92c22e; border: 0; cursor: pointer; margin: 0 0 5px 5px; text-transform: uppercase; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; } #si-site-search #search_bar #stop, #search_bar #topsubmit { color: #F1F0F0; font-size: 1em; text-transform:none; -moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; } /* Top right utility navigation */ ul#si-nav-utility { float:right; text-align:right; margin:10px 0 0 0; padding:0; list-style:none; } ul#si-nav-utility li { float:left; } ul#si-nav-utility li a { color:#a8a8a8; padding:3px 3px 3px 10px; font-size:1.2em;} ul#si-nav-utility li a:hover { color:#fff; background-color:transparent; } ul#si-nav-utility li a:hover span { border-bottom:1px dashed #a8a8a8; } /* Content types navigation */ ul#si-nav-types { clear:both; padding:0; margin:0; list-style:none; } ul#si-nav-types li { float:left; font-size:1.2em; margin:0 10px 0 0;} ul#si-nav-types li a { color:#fefefe; padding:3px 3px 3px 7px; background: url(../custom/images/si/sub-arrow.gif) no-repeat left; } ul#si-nav-types li a:hover span { border-bottom:1px dashed #fefefe; } /* Main nav */ #si-nav { background: #69a439 url(../custom/images/si/bg-navigation.png) repeat-x top; } #si-nav ul { width:980px; margin:0 auto; padding:0; overflow:hidden; list-style:none; } #si-nav ul li { float:left; font-size:1.6em; font-weight:bold; } #si-nav ul li a { display:block; color:#fff; padding:10px 15px 8px 15px; } #si-nav ul li a.nav-active { background-color:#fff; color:#366212; } #si-nav ul li a:hover { background: #4b8020 url(../custom/images/si/bg-navigation-ov.png) repeat-x top; } #si-nav ul li a.nav-active:hover { background:#fff; } /* Sub navigation elements */ #si-subnav { background-color:#fff; } #si-subnav ul { width:980px; margin:0 auto; list-style:none; overflow:hidden; } #si-subnav ul li { float:left; background: url(../custom/images/si/subnav-seperater.png) no-repeat right; } #si-subnav ul li a { display:block; color:#424242; padding:7px 10px 7px 10px; font-style:normal; font-size:1.2em;} #si-subnav ul li a.nav-active { font-weight:bold; color:#67a138; } #si-subnav ul li a:hover span { border-bottom:1px dashed #ccc; } /*---:[ COMMENTS ELEMENTS ]:---*/ .custom #content div.postauthor { margin-right:15px; margin-left:15px; } .custom #comments { margin: 0; } /* .custom #comments dt { background: url(../images/default/grayShadow.gif) repeat-x; } */ .custom div.comments_intro { background-color:#67a138; color:#fff; margin:20px 15px 15px 15px; padding:10px; -moz-border-radius:5px; -webkit-border-radius: 5px; } .custom div.comments_intro p { color:#fff; } .custom div.comments_intro p span { color:#fff; } .custom div.comments_intro p a { color:#fff; } .custom #comments dl.children dt { background: none; border: 0; } .custom dl#comment_list .bypostauthor { background: #FFF; } .custom dl#comment_list dt.comment { position:relative; display:block; margin:0!important; overflow:hidden; background: url(../custom/images/si/comment-top-right.gif) no-repeat bottom right; padding:0!important;} .custom dl#comment_list dt.comment span.comment_author { float:left; padding:15px 10px 30px 20px; margin:0!important; background: url(../custom/images/si/comment-top-left.gif) no-repeat bottom left; line-height:1em; } .custom dl#comment_list dt.comment span.avatar { float:none; position:absolute; top:0; right:0; } .custom dl#comment_list dt.comment span.comment_num { margin: 10px 55px 0 0; } .custom dl#comment_list dt.comment span.comment_time { float:left; padding: 12px 0 30px 5px;} .custom dl#comment_list dd.comment { background-color:#f0f0f0; margin:0 0 20px 0; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; } /* .custom dl#comment_list dt.bypostauthor { background: #FFF url(../images/default/grayShadow.gif) repeat-x; } */ .custom dl#comment_list { padding: 0 15px 0 15px; } .custom dl#comment_list, .custom dl#comment_list dd { border: 0; } .custom dl#comment_list dl dt.bypostauthor { padding-top: 1.8em; } .custom dl#comment_list dl dd.bypostauthor { padding-top: 1em; } .custom dl#comment_list dl dt.bypostauthor, .custom dl#comment_list dl dd.bypostauthor > .format_text { border-left: 0; } .floatfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden } .floatfix { display:inline-block } /* Hides from IE-mac \*/ * html .floatfix { height:1% } .floatfix { display:block } /* End hide from IE-mac */