/* 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 #logo a { display: block; height: 76px; width: 411px; background: url(http://www.sensehow.com/wp-content/uploads/logos.jpg) no-repeat; outline: none; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } .custom #header {border-bottom:none;} .custom .sidebar h3{background-color: #6699FF; -moz-border-radius: 4px; padding: 0.1em 0.1em 0.1em 0.5em; font-weight:bold; font-size:1em; color:#ffffff;} .custom .comments_closed p {display: none ;} .custom .sidebar ul.sidebar_list {position: relative;} .custom #header_widget_1 ul.sidebar_list li.widget {position: absolute; display: block; height: 150px; left:477px; width:468px; } /* SAVE THIS IN CUSTOM.CSS FILE */ /* custom sitemap and archives page */ .custom .sitemap h3 {margin-top: 0;} .custom .sitemap ul {font-size: .85em; } .custom .sitemapl { float: left; width: 30%;} .custom .sitemapr { float: right; width: 70%;} /* Widgetized Footer from Asino */ #foot { background: #1f1f1f; border: 0.6em solid #212020; color: #DBEDF9; font-size: 12px; margin: 10px auto; overflow: hidden; padding: 0 1.5em; } #foot a { color: #eee; text-decoration: none;} #foot a:hover {color:#198DC9;} #foot h2{color: #fff; font-size: 22px; font-weight: bold; letter-spacing: 1px; font-variant:small-caps; margin:10px 0 10px 15px;} #foot h3 {color:#fff;font-size:18px;font-variant:small-caps;font-weight:bold;letter-spacing:0px;margin:0px 0 15px 0px;text-transform:none;border-bottom:3px double #666666;line-height:30px;} #foot ul li ul { list-style-type: square; margin-left: 0px; } #foot ul.sidebar_list { padding: 1.8em 30px 0 0; } #foot li.widget .widget_box { background: none; border: 0; } #foot li.widget {margin-bottom:5px !important;} #foot .textwidget p { line-height: 22px; margin-bottom: 11px; } #foot li.widget_tag_cloud a{color:#ddd !important;line-height:25px;} #foot li.widget_tag_cloud a:hover{color:#198DC9 !important;} #foot .col { float: left; list-style: none; width: 33.3%; } #cats-wrap {background:url("images/cat-right.jpg") no-repeat scroll right center #3D3C3C;border:3px double #000000;margin:15px 10px;} #cats {list-style-type: none;overflow:hidden;margin:0px;padding: 10px 0 7px 20px;width:800px;} #cats li {float: left; line-height: 22px; margin: 0 10px 5px 0; width: 165px;} #cats a {border-bottom:medium none;color:#FFFFFF;display:block;font-size:15px;padding:2px 5px;text-decoration:none;} #cats a:hover {color: #333;background:#f2f2f2;} #copyright { clear: both; font-size: 13px; letter-spacing: 1.3px; line-height: 21px; padding-top: 10px; } #copyright p { font-size: 13px; } #copyright h3 {border-bottom:3px double #666666;color:#FFFFFF;font-family:none;letter-spacing:1px;line-height:30px;margin:5px 0 10px;} #copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget { margin: 0; padding: 0; } p.thesismsg{float:left;width:700px;margin:0px;font-size:12px;letter-spacing:1px;} .backtop {background:url("images/back-top.gif") no-repeat scroll right top transparent;border:0 solid #656565;color:#FFFFFF;display:block;float:right;font-size:12px;height:20px;margin:0 0px 10px 0;padding:8px 15px;text-align:center;width:100px;} /******/ /* css code for page navigation menu -------- wp-pagenavi----------------------------------- */ .wp-pagenavi { margin: 15px 0px 15px 0px; } .wp-pagenavi a, .wp-pagenavi a:link { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .wp-pagenavi a:visited { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .wp-pagenavi a:hover { font-size:14px; border: 1px solid #608e7a; color: #FFF; background-color: #6699FF; } .wp-pagenavi a:active { font-size:14px; padding: 5px 9px; margin: 2px; text-decoration: none; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .wp-pagenavi span.pages { font-size:14px; padding: 5px 9px; margin: 2px 2px 2px 2px; color: #000000; border: 1px solid #e1e1c8; color: #413f36; background-color: #eeeeee; } .wp-pagenavi span.current { font-size:14px; padding: 5px 9px; margin: 2px; font-weight: bold; border: 1px solid #608e7a; color: #FFF; background-color: #6699FF; } .wp-pagenavi span.extend { font-size:14px; padding: 5px 9px; margin: 2px; border: 1px solid #608e7a; color: #FFF; background-color: #6699FF; } /*post sub-tittle color*/ .custom .format_text h2{background-color: #89E2FB; padding: 0.2em 0.2em 0.2em 0.5em; color:#33653; -moz-border-radius: 4px; } .Fadein{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .Fadein:hover{ filter:alpha(opacity=50); -moz-opacity: 0.30; opacity: 0.30; border:0; } .simple1 { padding:5px; border:1px solid #ccc; } .simple1:hover { padding:5px; background-color:#ccc; } .simple2 { padding:5px; background-color:#ccc; border:1px solid #ddd; } .simple2:hover { padding:5px; background-color:#eee; border:1px solid #666; } .black-white { padding:5px; border:1px solid #ccc; } .black-white:hover { padding:5px; background-color:#fff; border:10px solid #000; } .dashed { padding:5px; border:1px solid #ccc; } .dashed:hover { padding:5px; background-color:#fff; border:2px dashed #000; } .top-bottom { padding-top:5px; padding-bottom:5px; border-top:3px solid #ddd; border-bottom:3px solid #ddd; } .top-bottom:hover { background-color:#fff; border-top:3px solid #000; border-bottom:3px solid #000; } .curtain { padding-top:10px; padding-bottom:10px; border-top:2px solid #ddd; background-color:#000; border-bottom:2px solid #ddd; } .curtain:hover { background-color:#fff; border-top:3px solid #000; border-bottom:3px solid #000; } .red { padding:5px; border:1px solid #ccc; } .red:hover { padding:5px; background-color:#E71305; border:10px solid #ddd; } .Fadein2{ filter:alpha(opacity=50); -moz-opacity: 0.30; opacity: 0.30; border:2px solid #000; } .Fadein2:hover{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:2px solid #000; } .thumbnail{ position: relative; z-index: 0; } .thumbnail:hover{ background-color: transparent; z-index: 50; } .thumbnail span{ position: absolute; background-color: #7AA1C3; padding: 0px; left: -1000px; border: 1px solid gray; visibility: hidden; color: white; text-decoration: none; } .thumbnail span img{ border-width: 0; padding: 0px; } .thumbnail:hover span{ visibility: visible; top: 0; left: 5px; }