/* 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/ */ html { overflow: scroll; overflow: -moz-scrollbars-vertical; /* min-height: 100%; margin-bottom: 1px; */} body.custom { background-color: #333234; color: #FFF; letter-spacing: 1px; } body.custom #container { background-color: #333234; } body.custom #page { position: relative; padding: 2.2em 5px; } #header-logo { position: absolute; top: 32px; right: 20px; } #header-mail { position: absolute; top: 305px; right: 12px; font-size: 13px; } #header-mail p { margin-top:7px; } #header-mail a { text-decoration: underline; } #header-mail a:hover{ text-decoration: none; color: #7F7F80; } #header-image { margin: 0 auto; text-align: center; width: 660px; height: 240px; background: none; } #header-mosaic { margin: 0 auto; text-align: center; width: 670px; } #header-mosaic a img { margin-right: -2px; margin-bottom: -2px; } /* Menu */ .custom ul#tabs { margin: 5px auto 40px; width: 685px; border: none; } .custom ul#tabs li, .custom ul#tabs li.current_page_item { border: none; background: transparent; } .custom ul#tabs li a { font-weight: bold; font-size: 1.12em; letter-spacing: 1px; } ul#tabs li a { padding: 0.583em 1.15em; } /* drop line styling */ ul#tabs ul { position:absolute; top:auto; /* width:33em; */ margin:0; padding:0; list-style:none; overflow:visible; left:-999em; height:2em; line-height:2.5em; z-index:2; } ul#tabs li.current {} ul#tabs li.current a {#CC071E; red} ul#tabs li.current a:hover {color:pink;} ul#tabs li.current ul{left:200px ;z-index:1;top:auto;}/* display the submenu for the current page in case js is disabled*/ ul#tabs li.current ul#beispiele_sub {left:200px} ul#tabs li.current ul#bibliothek_sub {left:560px} ul#tabs ul li{ position:relative; display:inline; width:auto; text-align:left; } ul#tabs ul li a{ font-size:80%; color:#000; width:auto; height:auto; display:inline; padding:0 8px; border-right:1px solid #7F7F80; } /* mac hide \*/ * html ul#tabs ul li, ul#tabs ul li a {height:1%}/* for ie5*/ /* end hide*/ ul#tabs ul li a.final{border-right:0px solid #000; padding:0 7px;}/*remove border from last sublist */ ul#tabs ul li a:hover{color:red;}/*subnav list text change on hover*/ ul#tabs li:hover ul, ul#tabs li.over ul { left:200px; background:none; #333234; } /* The magic */ ul#tabs li:hover ul#beispiele_sub, ul#tabs li.over ul#beispiele_sub { left:200px; } ul#tabs li:hover ul#bibliothek_sub, ul#tabs li.over ul#bibliothek_sub { left:560px; } #subnavbg{ margin:0px; width:100%; height:1.3em; line-height:1.3em; background:none; } ul#tabs li.non_current_page_item a { color: #7F7F80; } body.custom ul#tabs li.current_page_item a, body.custom ul#tabs li.current > a, body.blog ul#tabs li.page-item-3 a { color: #CC071E; } /* Links */ .custom a, .custom a:visited { color: #7F7F80; text-decoration: none; } .custom a:hover, .custom a:active { color: #CC071E; text-decoration: none; } .custom #header #logo a, .custom #header #logo a:visited, .custom ul#tabs li a, .custom ul#tabs li a:visited { color: #7F7F80; text-decoration: none; } .custom .headline_area h1, .custom .headline_area h2, .custom .headline_area h1 a, .custom .headline_area h1 a:visited, .custom .headline_area h2 a, .custom .headline_area h2 a:visited, .custom .teasers_box h2 a, .custom .teasers_box h2 a:visited { color: #fff; text-decoration: none; letter-spacing: 0; } .custom #header #logo a:hover, .custom #header #logo a:active, .custom .headline_area h1 a:hover, .custom .headline_area h1 a:active, .custom .headline_area h2 a:hover, .custom .headline_area h2 a:active, .custom .teasers_box h2 a:hover, .custom .teasers_box h2 a:active, .custom ul#tabs li a:hover, .custom ul#tabs li a:active { color: #CC071E; } /* Sidebars */ .custom #content_box { background: transparent; } .custom #column_wrap { background: transparent; } .custom .sidebar ul.sidebar_list { padding: 0; } .custom #sidebar_1 { text-align: right; } li#subpages h3 { margin-top: 6px; margin-bottom: 26px; } .custom li.widget li ul { margin:0.692em 0 22px 1.385em; } li.widget ul#subpages li { margin-bottom: 0.3em; } li.widget ul#subpages li.page-item-45, li.widget ul#subpages li.page-item-47, li.widget ul#subpages li.page-item-49, li.widget ul#subpages li.page-item-51, li.widget ul#subpages li.page-item-53 { display: none; } li.widget ul#subpages li.current_page_item, li.widget ul#subpages li.current_page_parent { display: block; } li.widget ul#subpages li.current_page_item ul li, li.widget ul#subpages li.current_page_parent ul li { display: block; } li.widget ul#subpages li.current_page_parent > a { } .custom ul.sidebar_list h3 a, .custom ul.sidebar_list h3 a:visited { font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #fff; letter-spacing: 0; font-size: 18px; } .custom ul.sidebar_list a, .custom ul.sidebar_list a:visited { text-decoration: none; font-size: 14px; letter-spacing: 1px; } .custom ul.sidebar_list a:hover, .custom ul.sidebar_list a:active, .custom ul.sidebar_list li.current_page_item > a, .custom ul.sidebar_list li.current_page_parent > a, .custom ul.sidebar_list li.current-cat > a { color: #fff; } #sidebar_2 #ps_sidebar_content { margin-top: 22px; } #more-info { margin: 21px 0 0 4px; font-size: 14px; line-height: 19px; } #more-info span { font-size: 17px; font-weight: bold; line-height: 24px; } .custom ul.sidebar_list a.rss { display: block; background:transparent url(../images/icon-rss.gif) no-repeat scroll 100% 50%; padding-right:17px; } /* Content */ .custom .post_box, .custom .teasers_box { margin-left: 2.3em; margin-right: 5px; } #content-left { float: left; width: 210px; margin-right: 20px; min-height: 300px; } body.kleines-haus #content-left, body.oloshaus-sanierung #content-left { min-height: 390px; } #content-right { float: right; width: 410px; } body.referenzen div.format_text, body.impressum div.format_text { margin-top: -20px; } body.referenzen .headline_area h1, body.impressum .headline_area h1 { display: none; } /* Categories */ .custom #archive_info { border: none; } /* Form */ .custom .format_text input { width: inherit; } table#kontakt td { padding: 3px 0; } .wpcf7-checkbox input { width: 20px; background-color: transparent; border: none; } .custom .format_text .captcha-1 input { width: 65px; } td.send-button input { width: 100px; cursor: pointer; } /* Footer */ .custom #footer { border-top: none; margin: 0 auto; text-align: center; } .custom #footer a { border-bottom: none; } #footer-menu { text-align: center; margin: 0 auto; width: 660px; height: 55px; } /* default-3 */ .custom #footer #footer-menu a:link, .custom #footer #footer-menu a:visited { display: block; width: 55px; height: 55px; text-align: center; float: left; background: transparent url(images/footer/f1-.jpg) no-repeat 0 0; } .custom #footer #footer-menu a:hover, .custom #footer #footer-menu a:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f1:link, .custom #footer #footer-menu a#f1:visited { background: transparent url(images/footer/f1-.jpg) no-repeat; } body.atriumhaus-3 #footer #footer-menu a#f1:link, body.atriumhaus-3 #footer #footer-menu a#f1:visited, body.pd-atriumhaus-3 #footer #footer-menu a#f1:link, body.pd-atriumhaus-3 #footer #footer-menu a#f1:visited, .custom #footer #footer-menu a#f1:hover, .custom #footer #footer-menu a#f1:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f2:link, .custom #footer #footer-menu a#f2:visited { background: transparent url(images/footer/f2-.jpg) no-repeat; } body.atriumhaus-1 #footer #footer-menu a#f2:link, body.atriumhaus-1 #footer #footer-menu a#f2:visited, body.pd-atriumhaus-1 #footer #footer-menu a#f2:link, body.pd-atriumhaus-1 #footer #footer-menu a#f2:visited, .custom #footer #footer-menu a#f2:hover, .custom #footer #footer-menu a#f2:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f3:link, .custom #footer #footer-menu a#f3:visited { background: transparent url(images/footer/f3-.jpg) no-repeat; } body.grosses-atriumhaus #footer #footer-menu a#f3:link, body.grosses-atriumhaus #footer #footer-menu a#f3:visited, body.pd-grosses-atriumhaus #footer #footer-menu a#f3:link, body.pd-grosses-atriumhaus #footer #footer-menu a#f3:visited, .custom #footer #footer-menu a#f3:hover, .custom #footer #footer-menu a#f3:active { background-position: 0 -55px; } /* 4-6 */ .custom #footer #footer-menu a#f4:link, .custom #footer #footer-menu a#f4:visited { background: transparent url(images/footer/f4-.jpg) no-repeat; } body.dreiziger-jahre-haus #footer #footer-menu a#f4:link, body.dreiziger-jahre-haus #footer #footer-menu a#f4:visited, body.pd-dreiziger-jahre-haus #footer #footer-menu a#f4:link, body.pd-dreiziger-jahre-haus #footer #footer-menu a#f4:visited, .custom #footer #footer-menu a#f4:hover, .custom #footer #footer-menu a#f4:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f5:link, .custom #footer #footer-menu a#f5:visited { background: transparent url(images/footer/f5-.jpg) no-repeat; } body.villa-am-schlachtensee #footer #footer-menu a#f5:link, body.villa-am-schlachtensee #footer #footer-menu a#f5:visited, body.pd-villa-am-schlachtensee #footer #footer-menu a#f5:link, body.pd-villa-am-schlachtensee #footer #footer-menu a#f5:visited, .custom #footer #footer-menu a#f5:hover, .custom #footer #footer-menu a#f5:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f6:link, .custom #footer #footer-menu a#f6:visited { background: transparent url(images/footer/f6-.jpg) no-repeat; } body.klassische-villa #footer #footer-menu a#f6:link, body.klassische-villa #footer #footer-menu a#f6:visited, body.pd-klassische-villa #footer #footer-menu a#f6:link, body.pd-klassische-villa #footer #footer-menu a#f6:visited, .custom #footer #footer-menu a#f6:hover, .custom #footer #footer-menu a#f6:active { background-position: 0 -55px; } /* 7-9 */ .custom #footer #footer-menu a#f7:link, .custom #footer #footer-menu a#f7:visited { background: transparent url(images/footer/f7-.jpg) no-repeat; } body.haus-sieht-klein-aus #footer #footer-menu a#f7:link, body.haus-sieht-klein-aus #footer #footer-menu a#f7:visited, body.pd-haus-sieht-klein-aus #footer #footer-menu a#f7:link, body.pd-haus-sieht-klein-aus #footer #footer-menu a#f7:visited, .custom #footer #footer-menu a#f7:hover, .custom #footer #footer-menu a#f7:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f8:link, .custom #footer #footer-menu a#f8:visited { background: transparent url(images/footer/f8-.jpg) no-repeat; } body.haus-am-hang #footer #footer-menu a#f8:link, body.haus-am-hang #footer #footer-menu a#f8:visited, body.pd-haus-am-hang #footer #footer-menu a#f8:link, body.pd-haus-am-hang #footer #footer-menu a#f8:visited, .custom #footer #footer-menu a#f8:hover, .custom #footer #footer-menu a#f8:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f9:link, .custom #footer #footer-menu a#f9:visited { background: transparent url(images/footer/f9-.jpg) no-repeat; } body.wohnen-mit-buechern #footer #footer-menu a#f9:link, body.wohnen-mit-buechern #footer #footer-menu a#f9:visited, body.pd-wohnen-mit-buechern #footer #footer-menu a#f9:link, body.pd-wohnen-mit-buechern #footer #footer-menu a#f9:visited, .custom #footer #footer-menu a#f9:hover, .custom #footer #footer-menu a#f9:active { background-position: 0 -55px; } /* 10-12 */ .custom #footer #footer-menu a#f10:link, .custom #footer #footer-menu a#f10:visited { background: transparent url(images/footer/f10-.jpg) no-repeat; } body.kleines-haus #footer #footer-menu a#f10:link, body.kleines-haus #footer #footer-menu a#f10:visited, body.pd-kleines-haus #footer #footer-menu a#f10:link, body.pd-kleines-haus #footer #footer-menu a#f10:visited, .custom #footer #footer-menu a#f10:hover, .custom #footer #footer-menu a#f10:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f11:link, .custom #footer #footer-menu a#f11:visited { background: transparent url(images/footer/f11-.jpg) no-repeat; } body.oloshaus-sanierung #footer #footer-menu a#f11:link, body.oloshaus-sanierung #footer #footer-menu a#f11:visited, body.pd-oloshaus-sanierung #footer #footer-menu a#f11:link, body.pd-oloshaus-sanierung #footer #footer-menu a#f11:visited, .custom #footer #footer-menu a#f11:hover, .custom #footer #footer-menu a#f11:active { background-position: 0 -55px; } .custom #footer #footer-menu a#f12:link, .custom #footer #footer-menu a#f12:visited { background: transparent url(images/footer/f12-.jpg) no-repeat; } body.hotel-in-berlin #footer #footer-menu a#f12:link, body.hotel-in-berlin #footer #footer-menu a#f12:visited, body.pd-hotel-in-berlin #footer #footer-menu a#f12:link, body.pd-hotel-in-berlin #footer #footer-menu a#f12:visited, .custom #footer #footer-menu a#f12:hover, .custom #footer #footer-menu a#f12:active { background-position: 0 -55px; }