/* 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: { 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/ */ /*---:[ core layout elements ]:---*/ .custom #title_area { background: none; padding: 1em 0 0.5em; border-bottom: none; } .custom #header { border-bottom: none; height: 108px; padding-top: 0; padding-bottom: 0; background: url(/wp-content/uploads/2009/10/header2.jpg) top right no-repeat; } .custom.post_box, .teasers_box { border-top: 1px dotted #b2b6b7; clear: both;} .custom #content { border-top:solid 1px #b2b6b7; margin-top: 10px; } .custom #sidebars { border-top:solid 1px #b2b6b7; margin-top:10px;} .custom p { color: #373737; line-height:19px; } .custom .format_text p { margin-right:30px; } /*---:[ global elements ]:---*/ .custom a { color: #a6101b; text-decoration: none; } .custom a:hover { color: #545858; text-decoration: none; } /*---:[ form inputs ]:---*/ /*---:[ universal image classes ]:---*/ /*---:[ image captioning ]:---*/ /*---:[ headlines and bylines ]:---*/ .custom h1, h2, h3, h6 { font-weight: normal; color: #a6101b; } .custom .sidebar h3 { letter-spacing: 2px; font-variant:normal; color: #8d9293; float: right; } .custom h2 a { color: #a6101b; } .custom h2 a:hover { color: #545858; } /*---:[ headline meta data (includes bylines) ]:---*/ .custom .headline_meta { font-style: normal; color: #373737; } .custom .headline_meta span, .headline_meta abbr { font-style: normal; text-transform: none; letter-spacing: 1px; } .custom .headline_meta a { color: #a6101b; border-bottom:none; } .custom .headline_meta a:hover { color: #545858; } /*---:[ nav menu styles ]:---*/ .custom #tabs { list-style: none; border: none; border-width:0px; width: 100%; } .custom ul #tabs { width: 900px; } .custom #tabs li { margin-bottom: 10px; background: none; border:none; width: 100%; } .custom #tabs li:hover{ background-color: #EFEFEF;} .custom #tabs li ul li { margin-bottom: 0px;} .custom #tabs li a {padding: 0;} .custom #tabs .current_page_item a, #tabs .current-cat a { cursor: pointer; } .custom .home-item a { background-image: url(/wp-content/uploads/2009/10/home.jpg); background-repeat:no-repeat; height:23px; width:100%; text-indent:-9999em;} .custom .home-item a:hover { background-image: url(/wp-content/uploads/2009/10/home_h.jpg); background-repeat:no-repeat; background-color: #ededed; } .custom .home-item.current_page_item a { background-image: url(/wp-content/uploads/2009/10/home_h.jpg); background-repeat:no-repeat; background-color: #ededed; } .custom .home-item .current_page_item { background-image: url(/wp-content/uploads/2009/10/home_h.jpg); background-repeat:no-repeat;} /*---:[ People default & hover ]:---*/ .custom .page-item-2 a { background-image: url(/wp-content/uploads/2009/10/people.jpg); background-repeat:no-repeat; height:23px; width:100%; } .custom .page-item-2 a {float:left; width: 100px;} .custom .page-item-2:hover a { background-image: url(/wp-content/uploads/2009/10/people_h.jpg); background-repeat:no-repeat; background-color: #ededed;} .custom .page-item-2 ul {visibility:hidden;} .custom .page-item-2:hover ul {visibility:visible; background-color: #EFEFEF;} /*---:[ People active ]:---*/ .custom .page-item-2.current_page_item ul {visibility:visible;} .custom .page-item-2.current_page_parent ul li {visibility:visible;} .custom .page-item-2.current_page_item a { background-image: url(/wp-content/uploads/2009/10/people_h.jpg); background-repeat:no-repeat; background-color: #ededed;} /*---:[ Work default & hover ]:---*/ .custom .page-item-14 a { background-image: url(/wp-content/uploads/2009/10/work.jpg); background-repeat:no-repeat; height:23px; width:100%; } .custom .page-item-14 a {float:left; width: 100px;} .custom .page-item-14:hover a { background-image: url(/wp-content/uploads/2009/10/work_h.jpg); background-repeat:no-repeat; background-color: #ededed;} .custom .page-item-14 ul {visibility:hidden;} .custom .page-item-14:hover ul {visibility:visible; background-color: #EFEFEF;} /*---:[ Work active ]:---*/ .custom .page-item-14.current_page_item ul {visibility:visible;} .custom .page-item-14.current_page_parent ul li {visibility:visible;} .custom .page-item-14.current_page_item a { background-image: url(/wp-content/uploads/2009/10/work_h.jpg); background-repeat:no-repeat; background-color: #ededed;} /*---:[ Clients default & hover ]:---*/ .custom .page-item-96 a { background-image: url(/wp-content/uploads/2009/12/clients.jpg); background-repeat:no-repeat; height:23px; width:100%; } .custom .page-item-96 a:hover { background-image: url(/wp-content/uploads/2009/12/clients_h.jpg); background-repeat:no-repeat; background-color: #ededed; } .custom .page-item-96.current_page_item a { background-image: url(/wp-content/uploads/2009/12/clients_h.jpg); background-repeat:no-repeat; background-color: #ededed; } /*---:[ Clients active ]:---*/ .custom .page-item-96.current_page_item ul {visibility:visible;} .custom .page-item-96.current_page_parent ul li {visibility:visible;} .custom .page-item-96.current_page_item a { background-image: url(/wp-content/uploads/2009/12/clients_h.jpg); background-repeat:no-repeat; background-color: #ededed;} /*---:[ Mindset default & hover ]:---*/ .custom .page-item-91 a { background-image: url(/wp-content/uploads/2009/12/mindset.jpg); background-repeat:no-repeat; height:23px; width:100%; } .custom .page-item-91 a:hover { background-image: url(/wp-content/uploads/2009/12/mindset_h.jpg); background-repeat:no-repeat; background-color: #ededed; } .custom .page-item-91.current_page_item a { background-image: url(/wp-content/uploads/2009/12/mindset_h.jpg); background-repeat:no-repeat; background-color: #ededed; } /*---:[ Mindset active ]:---*/ .custom .page-item-91.current_page_item ul {visibility:visible;} .custom .page-item-91.current_page_parent ul li {visibility:visible;} .custom .page-item-91.current_page_item a { background-image: url(/wp-content/uploads/2009/12/mindset_h.jpg); background-repeat:no-repeat; background-color: #ededed;} /*---:[ Overwrites the 'natural' behavior of the navigation/origin-template ]:---*/ /**:['workaround' to hide the navigation-text in the first-level]:**/ .custom ul li.page_item a{text-indent:-9999em;} /**:[but: we want to see the text in the second-level, so we overwrite the styles for the second level]:**/ .custom ul li.page_item ul li a{line-height:20px !important;margin-left:20px; width:auto; background-image:none !important; text-indent:0;} /**:[red-hover-text-color in the navi: for all, first and second]:**/ .custom #tabs a:hover{color: #A6101B; text-decoration: none;} /**:[bg-color for the active list-elements]:**/ .custom #tabs li.current_page_parent{ background-color: #EDEDED;} /**:[image for the active people-point]:**/ .custom .page-item-2.current_page_parent a{background-image:url(/wp-content/uploads/2009/10/people_h.jpg);} /**:[image for the active work-point]:**/ .custom .page-item-14.current_page_parent a{background-image:url(/wp-content/uploads/2009/10/work_h.jpg);} /**:[image for the active mindset-point]:**/ .custom .page-item-91.current_page_parent a{background-image:url(/wp-content/uploads/2009/12/mindset_h.jpg);} /**:[image for the active clients-point]:**/ .custom .page-item-96.current_page_parent a{background-image:url(/wp-content/uploads/2009/12/client_h.jpg);} /*->nicht von mir*/ .custom #tabs .current_page_item, #tabs .current-cat { padding-bottom: 0.1em; background: #ededed; border-bottom: 0; } .custom #tabs a { display:block ; line-height: 1em; color: #666666; font-size:12px; text-transform: none; letter-spacing: 0px; overflow: auto; } .custom #tabs .current_page_item .page_item a {color: #666666;} .custom #tabs .current_page_item .page_item a:hover {color: #A6101B;} /**red color for active link and remove the underline**/ .custom #tabs .current_page_item a, #tabs .current-cat a { cursor: hand; color: #666666; text-decoration: none;} /**:[the hover for the non-current-sub-navigation]:**/ .custom ul li.page_item ul li a:hover, .custom ul li.page_item ul li a:active{ font-color: #fff !important; } .custom #tabs .current_page_item a {color: #A6101B;} .custom #tabs .current_page_item a:hover, #tabs .current-cat a:hover { text-decoration: none; color:#A6101B; } /*---:[ #header styles ]:---*/ .custom #header #logo { display: none; } .custom #header #tagline { display: none; } /*---:[ content styles ]:---*/ .custom .format_text img { margin-top:10px; } /*---:[ pullquotes ]:---*/ /*---:[ end pullquotes ]:---*/ /*---:[ after-post elements ]:---*/ .custom .format_text .to_comments { color: #b4b7b8; clear: both; } .custom .format_text .to_comments span { color: #373737; line-height: 15px; } .custom .format_text .to_comments span.bracket { color: #FFF; size:2px; } .custom .format_text .to_comments a { color: #b4b7b8; text-decoration: none; } .custom .format_text .to_comments a:hover { color: #545858; text-decoration: underline; } /*---:[ tags are not targeted further because these styles need to cascade to teasers as well ]:---*/ /*---:[ feature box ]:---*/ /*---:[ home page teasers ]:---*/ /*---:[ archive information block ]:---*/ /*---:[ navigation links ]:---*/ .custom .prev_next { text-transform: none; letter-spacing: 1px; border-top: 1px solid #b2b6b7; color: #666; clear: both; } .custom #comment_nav_2 { border-top: 0; border-bottom: 1px solid #b2b6b7; } /*---:[ multimedia box ]:---*/ .custom #multimedia_box { width: 100%; } .custom #image_box { background: #FFF; border-bottom: 1px solid #b2b6b7; } .custom #image_box img { display: block; background: #fff; border-style: solid; border-color: #FFF; } /*---:[ video box styles ]:---*/ /*---:[ custom box styles ]:---*/ .custom #custom_box { background: #FFF; border-bottom: 1px solid #b2b6b7; } /*---:[ sidebar styles ]:---*/ /*---:[ widget box styles ]:---*/ /*---:[ subscriptions widget ]:---*/ /*---:[ google custom search ]:---*/ /*---:[ calendar widget ]:---*/ /*---:[ comment styles ]:---*/ /*---:[ author comment and alternating comment colors ]:---*/ /* dl#comment_list .even { background: #f5f5f5; } dl#comment_list .odd { background: #fff; } */ .custom .comments_closed p { text-transform: none; color: #b4b7b8; } /*---:[ comment form styles ]:---*/ /* Support for the highly-recommended Subscribe to Comments Plugin */ /*---:[ footer styles ]:---*/ .custom #footer { border-top: 1px solid #b2b6b7; border-bottom: 1px solid #b2b6b7; height:30px; } .custom #footer .footer_left { text-align: left; position:relative; float:left; width:530px; padding-top:10px; padding-bottom:20px;} .custom #footer .footer_right { text-align: right; position:relative; float:right; width:330px; padding-top:10px; padding-bottom:20px;} .custom #footer .footer_left a { color: #545858; border-bottom: none; padding-right:10px; padding-left:10px; } .custom #footer .footer_left a:hover { color: #a6101b; } .custom #footer .footer_right a { color: #545858; border-bottom: none; padding-right:10px; } .custom #footer .footer_right a:hover { color: #a6101b; } /*---:[ self-clearing floats from Dan Cederholm ]:---*/ ul#tabs:after, #content_box:after, #sidebars:after, .format_text:after, .teasers_box:after, .prev_next:after, ul.sidebar_list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul li.page_item ul li{ float:left !important; list-style-image:none; list-style-position:outside; list-style-type:none; width:auto !important; } ul#tabs li{margin-bottom: 1px;}