/* Theme Name: bo-alternativ.de Theme URI: http://www.bo-alternativ.de/ Description: The bo-alternativ.de theme by utopieprojekt Version: 0.1 Author: utopieprojekt */ /* 1) -=-=-=- General selectors -=-=-=- */ body { color: black; font-size: 100.01%; font-family: Helvetica, Arial, sans-serif; background-color: #fff; background-image: url("images/strassenbahn.gif"); background-repeat: repeat-x; margin: 0; padding: 0; min-width: 41em } /* 2) -=-=-=- header -=-=-=- */ #header { font-size: 1em; background-image: url("images/sozialticket.gif"); background-repeat: no-repeat; margin: 0 0 0.7em; padding: 0.3em; height: 250px } #skip { display: none; } .titelheader { color: #036; font-size: 16px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; background-repeat: no-repeat; text-align: left; margin: 0 0 0 410px; padding: 1px } .titelheader a { font-size: 16px; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold } .titelheader a:link { color: #036; text-decoration: none } .titelheader a:visited { color: #036; text-decoration: none } .titelheader a:hover { color: #fff; text-decoration: none; background-color: #c00 } .titelheader a:active { color: #fff; text-decoration: none; background-color: #c00 } .titelheader2 { font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left; margin: 80px 0 0 305px; padding: 0 } .titelheader2 ul { font-size: 13px; font-family: Arial, Helvetica, sans-serif; margin: 3px 0 0; padding: 0 } .titelheader2 li { font-size: 13px; text-align: center; list-style-image: none; list-style-position: outside; display: inline; margin: 0; padding: 0 } .titelheader2 a { color: #f00; font-size: 13px; font-weight: bold; text-decoration: none; background-image: url("images/pfeil.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0 0.8em 0 1.3em; height: 30px } .titelheader2 a:hover, a:active { color: #fff; background-color: #f00; height: 30px } .breadcrumb { color: #e3e5e3; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #b1321b; text-align: left; margin: 3px 0 0 410px; padding: 2px 0 2px 2px } .breadcrumb a, .breadcrumb span { color: #e3e5e3; font-size: 11px; font-weight: bold; text-decoration: none; text-align: left; padding: 0.2em 0.2em 0.2em 0.4em } .breadcrumb a:hover, a:active, .breadcrumb span { color: #b1321b; background-color: #fff; text-align: left } /* 3) -=-=-=- sideleft -=-=-=- */ #sideleft { color: #333; font-size: 0.83em; margin: -30px 0 12px; padding: 5px 5px 0 15px; width: 235px; float: left } #sideleft p { margin-top: 0; margin-right: 0; margin-left: 0 } #sideleft a { font-weight: bold; } #sideleft ul { font-weight: bold; list-style: none; margin: 0 0 1.2em; padding: 0 15px 0 10px } #sideleft li { color: #333; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: normal; list-style-type: none } .grau { color: #333; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #e3e5e3; padding: 2px 3px 0 1px } .termine1 { margin-top: 10px; margin-bottom: 5px } .termine2 { color: #e3e5e3; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #f00; padding: 2px 4px 2px 2px } #sideleft a:link { color: #f00; font-family: Arial, Helvetica; text-decoration: none } #sideleft a:visited { color: #f00; font-family: Arial, Helvetica; text-decoration: none } #sideleft a:hover { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #f00 } #sideleft a:active { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #f00 } /* 4) -=-=-=- sidebar -=-=-=- */ #sidebar { font-size: 0.83em; font-family: Arial, Helvetica, sans-serif; margin: -30px 0 1.1em; padding: 0; width: 235px; float: right } #sidebar h2 { color: #333; font-size: 12px; font-weight: bold; text-align: left; margin-bottom: 2px; padding-left: 10px } #sidebar h3 { color: #333; font-size: 12px; font-weight: bold; text-align: center; margin: 0.2em 0.5em } #sidebar p { font-size: 12px; margin: 0.5em } #sidebar a { font-weight: bold } #sidebar ul { font-size: 11px; font-weight: bold; list-style: none; margin: 0 0 0.3em; padding: 0 15px 0 10px } #sidebar li { font-size: 11px; padding-bottom: 4px } #sidebar a:link { color: #b1321b; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none } #sidebar a:visited { color: #b1321b; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none } #sidebar a:hover { color: #fff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #b1321b } #sidebar a:active { color: #fff; font-size: 11px; font-family: Arial, Helvetica; text-decoration: none; background-color: #b1321b } /* 5) -=-=-=- content -=-=-=- */ #box { margin-right: 236px; margin-left: 255px } #content { color: #000; font-family: Arial, Helvetica, sans-serif; margin: -30px 0 0; padding: 0 1.3em } #content h2 { color: #333; font-size: large; font-family: Arial, Helvetica, sans-serif; margin: 0 } #content h2 a:link, h2 a:visited, h2 a:active { color: #f00; font-size: large; text-decoration: none; margin: 0 } #content h2 a:hover { color: #fff; font-size: large; text-decoration: none; background-color: #f00; margin: 0 } .dokumente { color: #fff; font-size: medium; font-family: "Courier New", Courier, Monaco, monospace; font-weight: bold; background-color: #999; margin-top: 4px; margin-bottom: 4px; padding-left: 5px } .meta { color: #666; font-size: x-small; font-family: Arial, Helvetica, sans-serif; margin-bottom: 4px } .titel2 { font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold } .titel3 { font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold } .categorie1 { font-size: x-small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 0 } .main { font-size: small; font-family: Arial, Helvetica, sans-serif; margin: 5px 0 0 } .main p { font-size: small; margin-top: 0 } .main img.left { margin: 0 15px 0 0; float: left; border-width: 0 } .left { text-align: left } .right { text-align: right } .main img.right { margin: 0 0 0 15px; float: right; border-width: 0 } .main img.top { vertical-align: top; border-width: 0 } .main img.middle { vertical-align: middle; border-width: 0 } .main img.bottom { vertical-align: bottom; border-width: 0 } .main img.texttop { vertical-align: text-top; border-width: 0 } .main img.baseline { vertical-align: baseline; border-width: 0 } .main a:link { color: #f00; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none } .main a:visited { color: #f00; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none } .main a:hover { color: #fff; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #f00 } .main a:active { color: #fff; font-family: Arial, Helvetica; font-weight: bold; text-decoration: none; background-color: #f00 } .relatedposts { color: #717171; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: italic; list-style-type: none; margin: 5px 0 0 } .relatedposts a:link { color: #484; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; list-style-type: none; margin: 5px 0 0 } .relatedposts a:visited { color: #484; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; list-style-type: none; margin: 5px 0 0 } .relatedposts a:hover { color: #fff; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; background-color: #484; list-style-type: none; margin: 5px 0 0 } .relatedposts a:active { color: #fff; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; background-color: #484; list-style-type: none; margin: 5px 0 0 } .line { color: #789; margin-top: 5px; margin-bottom: 10px; padding-bottom: 5px; border-top: 5px dotted #dcdcdc } /* 6) -=-=-=- footer -=-=-=- */ #break { clear: both } #footer { font-size: 0.9em; margin: 0 0 20px; padding-top: 10px } .extras { text-align: center } .extras a { font-weight: bold; text-decoration: none } .extras a:link, .extras a:visited { color: #fff; background: #f00; padding: 5px; border: solid 2px #e3e5e3 } .extras a:hover, .extras a:active { color: #f00; background: #fff; padding: 5px; border: solid 2px #666 } .extras li { display: inline; margin-right: 1px; margin-left: 1px } .extras ul { margin: 0; padding: 0 0 10px } /* 7) -=-=-=- single -=-=-=- */ #print { text-align: right } #print a:link { color: #fff; text-decoration: none; background-color: #fff; border: 0 } #print a:visited { color: #fff; text-decoration: none; background-color: #fff; border: 0 } #print a:active { color: #fff; text-decoration: none; background-color: #fff; border: 0 } #print a:hover { color: #fff; text-decoration: none; background-color: #fff; border: 0 } /* 7) -=-=-=- sidebar-page -=-=-=- */ #sidebar-page { font-size: 12px; font-family: Arial, Helvetica, sans-serif; margin: -30px 0 1.1em; padding: 0; width: 235px; float: right } #sidebar-page h2 { color: #333; font-size: 1.5em; font-weight: bold; text-align: left; padding-left: 10px } #sidebar-page h3 { color: #333; font-size: 1.5em; font-weight: bold; text-align: center; margin: 0.2em 0.5em } #sidebar-page p { font-size: 12px; margin: 0.5em } #sidebar-page a { font-weight: bold; } #sidebar-page ul { font-weight: bold; list-style: none; margin: 0 0 0.8em; padding: 0 15px 0 10px } .textfuerbanner { color: #000; background-color: #dcdcdc; list-style: none; margin: 0 0 0.8em; padding: 5px 10px 5px 5px } #sidebar-page li { list-style-image: none; padding-bottom: 8px } #sidebar-page li li { list-style-image: url("images/sub_icon.gif"); padding-bottom: 8px } #sidebar-page a:link { color: #f00; font-family: Arial, Helvetica; text-decoration: none } #sidebar-page a:visited { color: #f00; font-family: Arial, Helvetica; text-decoration: none } #sidebar-page a:hover { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #f00 } #sidebar-page a:active { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #f00 } /* 7) -=-=-=- suchen -=-=-=- */ #search { background: url("images/search.gif") no-repeat; margin: 0 auto 24px; padding-top: 2px; height: 56px } #search h3 { font-size: 1.4em; font-weight: normal; margin: 20px 0 -10px } p.searchinfo { color: #000; font-size: 0.9em; margin: 2px 0 -12px 2px } .searchfield { color: #000; background: #fff; padding: 2px 5px 1px; width: 160px; border: solid 1px #ace149 } .searchfield:hover { color: #008000; border: solid 1px #bfbfbf } .submit { background: url("images/search_submit.gif") no-repeat; text-indent: -9999px; cursor: pointer; margin-bottom: 24px; margin-left: 2px; width: 52px; height: 20px; border: 0 } .submit:hover { background: url("images/search_submit.gif") no-repeat 0 -20px; cursor: pointer; margin-left: 2px; width: 52px; height: 20px; border: 0 } /* 7) -=-=-=- kommentare -=-=-=- */ .reply { color: #000; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: bold; background-color: #dbdbdb; margin: 20px 0 0; padding: 2px } .commentlist { color: #333; font-size: small; font-family: Arial, Helvetica, sans-serif; margin-left: 0 } .metadate { color: #000; font-size: x-small; font-weight: normal; margin: 0 0 0 } .comment_author { font-weight: bold } .back { color: #e3e5e2; font-weight: bold; background-color: #090; margin-top: 20px; padding: 2px } .comment_text { color: #000; font-size: small; font-family: "Courier New", Courier, Monaco, monospace; font-weight: normal } .alt { background-color: #e3e5e2; margin-top: 10px; margin-left: 0; padding: 5px; border: solid 1px #c0c0c0 } .alt2 { background-color: #ffc; margin-top: 10px; margin-left: 0; padding: 5px; border: solid 1px #c0c0c0 } .comment_meta { color: #000; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 0 0 } .comment_meta a:link { color: #090; font-weight: bold; text-decoration: none } .comment_meta a:visited { color: #090; font-weight: bold; text-decoration: none } .comment_meta a:hover { color: #fff; font-weight: bold; text-decoration: none; background-color: #090 } .comment_meta a:active { color: #fff; font-weight: bold; text-decoration: none; background-color: #090 } .nocomments { color: #008000; font-size: 0.7em; font-weight: bold; margin: 10px 0 0 0 } .pagebar { color: #666; font: bold small Arial, Helvetica, sans-serif; margin: 0; padding-top: 20px; padding-bottom: 10px } .pagebar a, .pageList .this-page { text-decoration: none; background: #fff; padding: 2px 6px; border: solid 1px #ddd } .pagebar a:visited { text-decoration: none; background: #fff; padding: 2px 6px; border: solid 1px #ddd } .pagebar .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; } .pagebar .this-page { color: #fff; font-size: small; font-weight: bold; background: #c00; padding: 2px 6px; vertical-align: top; border-color: #999 } .pagebar a:hover { color: #fff; text-decoration: none; background: #c00; border-color: #036 } /* 3) -=-=-=- termine -=-=-=- */ #termine { color: #000; font-size: 0.83em; margin: 0 0 12px; padding: 5px 0 0 } #termine p { margin-top: 0; margin-right: 0; margin-left: 0 } #termine a { font-weight: bold; } #termine ul { font-weight: bold; list-style: none; margin: 0 0 1.2em; padding: 0 0 } #termine li { color: #000; font-size: small; font-family: Arial, Helvetica, sans-serif; font-weight: normal; list-style-type: none } #termine a:link { color: #b1321b; font-family: Arial, Helvetica; text-decoration: none } #termine a:visited { color: #b1321b; font-family: Arial, Helvetica; text-decoration: none } #termine a:hover { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #b1321b } #termine a:active { color: #fff; font-family: Arial, Helvetica; text-decoration: none; background-color: #b1321b } .bannerside { text-align: center; margin-top: 0; margin-bottom: 10px } .bannerside p { text-align: center; margin-top: 0; margin-bottom: 10px } .bannerside img { border-width: 0 } .bearbeiten { background-color: #e3e5e3 }