/* 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/ */ /* Footer by Asnio */ #foot { background: #A9F5F2; border: 0.3em solid #045FB4; -moz-border-radius: 15px; -webkit-border-radius: 15px; color: #2E2E2E; font-size: 12px; margin: 5px auto; overflow: hidden; padding: 1.5em; font-weight: bold; } #foot a { color: #2E2E2E; border-bottom: 1px dashed #2E2E2E; text-decoration: none; } #foot a:hover { background: #045FB4; color: #A9F5F2; } #foot span.cat, #foot h3 { /* controls all blue headings */ color: #045FB4; font-size: 16px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #2E2E2E; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;} #foot h5 { font-size: 23px; text-align: center; padding: 0.5em; } #foot ul li ul { list-style-type: square; margin-left: 10px; } #foot ul.sidebar_list { padding: 1.8em 30px 0 0; } #foot li.widget .widget_box { background: none; border: none; } #foot .textwidget p { line-height: 22px; margin-bottom: 11px; } #foot .col { float: left; list-style: none; width: 25%; } #cats { background: #045FB4; list-style-type: none; margin-top: 13px; overflow: hidden; padding: 10px 0 7px 20px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } #cats li { float: left; font-size: 1.2em; line-height: 1.8em; margin: 0 2px 5px 0; width: 240px; } #copyright { clear: both; font-size: 13px; letter-spacing: 1.3px; line-height: 20px; padding-top: 5px; text-align: center; } #copyright p { font-size: 13px; } #copyright ul.sidebar_list, #copyright .textwidget, #copyright li.widget .widget_box, #copyright li.widget { margin: 0; padding: 0; } /* HIGHLIGHT BOX - CREAM */ .format_text .highlight_box_cream { padding: 1em 1em 1em 1em; /* distance from borders to content*/ margin: 0em 0em 1em 0em; /* spacing outside of box*/ background: #E6E6E6; /* background color */ border: 0.5px solid #045FB4; /* border size style color */ -moz-border-radius: 10px; -webkit-border-radius: 10px; } /* My Custom CCS Logo */ .custom #header #logo a { display: block; height: 210px; width: 525px; background: url(images/ccs-header-logo.png) no-repeat; outline: none; margin: 0.5em 0.5em 0.25em 0.5em; } .custom #header #logo, .custom #header #tagline { text-indent: -9999px; } .custom #header #tagline { height: 0; } .custom #header { padding: 0; } .custom #header {border-bottom:none; background-color : transparent; } .custom #header_area .page {padding-top:0;} /* Add solid Background with slick borders around your "page" area */ body.custom { background: #ffffff url('images/ccs-bg-cover.jpg') 50% 0 no-repeat; background-attachment: fixed; } .custom #container { margin-top: 0em; margin-bottom: 3em; padding: 0.3em; background: #E6E6E6; border: 0.6em solid #045FB4; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .custom #page { background : #ffffff; } /* Change the Colours of the Sidebar Headers */ .custom .sidebar h3 { font-weight: bold; color: #045FB4; background: #A9F5F2; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center;} /* Change the Teaser Titles */ .custom .teasers_box h2 a { color: #045FB4; } .custom .teasers_box h2 a:hover { text-decoration: underline; } /* Remove all borders */ .custom #header, .custom .post, .custom .teasers_box, .custom #footer, .custom #footer a, .custom #footer a:active, .custom #archive_info, .custom .prev_next, .custom #comment_list, .custom #comment_list dd, .custom #commentform, .custom #sidebar_1, .custom #sidebar_2, .custom #comment_list dt.comment, .custom #comment_list dd.comment, .custom #comment_list dl .bypostauthor .format_text, .custom #trackback_list { border-bottom: 0px; border-top: 0px; border-right: 0px; border-left: 0px; } .custom #content_box, .custom #column_wrap { background: none; } .custom #tabs { border-bottom: none; } /* Change the Reply text in Threaded Comments to a Button */ .custom dl#comment_list dd p.reply { margin: 1em 0 1.5em 0; } .custom dl#comment_list dd p.reply a { background: #A9F5F2; color: #045FB4;font-size: 11px;font-weight: normal;padding: 4px 6px;text-transform: uppercase; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .custom dl#comment_list dd p.reply a:hover {background:#01DF01; border: 0;} /* Content Area Modifications */ .custom .entry-title {color: #045FB4;} .custom .entry-title a{text-align: center !important; color: #045FB4; } .custom .entry-title a:hover {color: #045FB4; text-decoration: underline; } .custom .headline_meta {text-align:center;} .custom .headline_area {text-align:center;} .custom #archive_info {text-align:center;} /* search box in navigation*/ .custom .search{ width:25em; margin-left:77.8em; margin-top:-3.5em; border:2px solid #045FB4; border-bottom: 0.3em solid #045FB4; background-color: none; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .custom #nav .nav_container { width:80em; } .custom div.nav_container #s { font-size:1.3em; padding:0.4em 0.4em 0.4em 0.4em; width:18.25em; text-align: center; -moz-border-radius: 15px; -webkit-border-radius: 15px;} /* Highlight the Author Comments */ .custom dl#comment_list dt.bypostauthor, .custom dl#comment_list dd.bypostauthor>div {background: #A9F5F2 none repeat scroll 0 0; padding-top:20px; -moz-border-radius: 15px; -webkit-border-radius: 15px;} /* Floating Icons on the side of your site */ .custom #feedback {background: transparent; width: 6em; position: fixed; top: 15%; right: -0.1%;} .custom #feedback a {display: block; text-indent: -9999px; height: 6em;} .custom #feedback #facebook {background: url('http://www.civilcraftstructures.com/wp-content/uploads/icons/ccs-facebook.png')} .custom #feedback #rssfeeds {background: url('http://www.civilcraftstructures.com/wp-content/uploads/icons/ccs-rssfeeds.png')} .custom #feedback #twitter {background: url('http://www.civilcraftstructures.com/wp-content/uploads/icons/ccs-twitter.png')} .custom #feedback #stumbleupon {background: url('http://www.civilcraftstructures.com/wp-content/uploads/icons/ccs-stumbleupon.png')} .custom #feedback #linkedin {background: url('http://www.civilcraftstructures.com/wp-content/uploads/icons/ccs-linkedin.png')} /* Build a two-column box for Sidebars -or- Header */ #sidebar_two_column_box { /* Width should be no wider than the sum of your sidebar column widths */ width: 270px; /* Height to suit */ height: 37px; /* Border width style color */ border: 1px solid #ffffff; /* Background if desired */ background: #ffffff url('http://www.civilcraftstructures.com/wp-content/uploads/2009/11/CCS_TV.jpg'); /* Keeps box contents away from the edges of the box */ padding: 1em 1em 1em 1em; /* Separates box from elements around it */ margin: 1em 0 1em 0; /* Positioning */ position: absolute; top: 165px; right: 170px; /* Curve of Edges */ -moz-border-radius: 10px; -webkit-border-radius: 10px; /* Text Styling */ font-size: 12px; font-weight: bold; text-align: center; color: #ffffff; } /* Styling with Modern looking top navigation menu */ .custom ul#tabs {border-bottom:none; border-left:none; background:#A9F5F2; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .custom ul#tabs li {margin-bottom:0; border: 2px solid #045FB4; background:none; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {padding-bottom:0; background:#A9F5F2;} .custom ul#tabs li.rss {float:left;} .custom ul#tabs li a {} .custom ul#tabs li a:hover {text-decoration:none; background:#045FB4; -moz-border-radius: 15px; -webkit-border-radius: 15px;} .custom ul#tabs li.current_page_item a, .custom ul#tabs li.current-cat a {} .custom ul#tabs li.current_page_item a:hover {text-decoration:none; background:#045FB4; -moz-border-radius: 15px; -webkit-border-radius:15px;} .custom ul#tabs li.current-cat a:hover {text-decoration:none; background:#045FB4; -moz-border-radius: 15px; -webkit-border-radius: 15px;} /* Nav Styling */ .custom .menu { padding: o 1.1em; font-weight: bold; }