/* Theme Name: undjetzt Theme URI: http://undjetzt.tv */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /* General Styles ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------url(images/bodyshine2.jpg)-------------*/ body { font: normal 11px/170% Arial, Helvetica, sans-serif; color: #F0F0F0; background: #292929 repeat-y center top; } .movieborder { padding: 4px; background: #FFF; height: 486px; width: 600px; margin-top: 20px; } :focus { outline: 0;} a:link , a:visited, a:active { color: #FFF; text-decoration: none; } a:hover {color: #F60} .orangelink a:link , .orangelink a:visited { color: #F60 !important; text-decoration: none; } .orangelink a:hover {color: #FFF} .clear { clear: both; } .button { border: 1px solid #272727; background: #EDEDED; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; !important } .button:hover { background: #F60; } .button a:link, .button a:visited { color:#333;} .button a:hover { background: #F60; } h1 { color: #FFF; font: normal 16px Arial, Helvetica, sans-serif; } h2 { font: bold 14px Arial, Helvetica, sans-serif; letter-spacing: -0.06em; } h3 { font: normal 20px Arial, Helvetica, sans-serif; color: #FFF; } h6 { font: bold normal 14px Arial, Helvetica, sans-serif; color: #FFF; margin-bottom: 10px; } h2 a:link , h2 a:visited { color:#F60} h2 a:hover { color:#FFF} address { margin-top: 20px; margin-bottom: 20px; font-style: normal; } blockquote { margin-bottom: 50px; margin-left: 0px; display: block; } .bgword { position: absolute; z-index: 0; height: 140px; width: 383px; left: 10%; top: 50px; background: url(images/undjetztbg.png) no-repeat; } .bgword2 { position: absolute; z-index: 0; height: 140px; width: 383px; left: 70%; top: 300px; background: url(images/undjetztbg.png) no-repeat; } /* Header ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ .topbar { width: 100%; position: relative; z-index: 500; background: #2c2c2c; border-bottom: 1px solid #000;} #notop { display: none; } .logoport { width: 980px; margin-right: auto; margin-left: auto; color: #FFF; } #headerimg { float: left; margin-right: 25px; height: 50px; width: 135px; overflow: hidden; position: relative; } #description { float: left; margin-top: 23px; font-weight: bold; color: #AAA; text-transform: uppercase; font-size: 12px; } /* Haupt Navigation --------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------*/ .homenav { margin-bottom: -60px !important; } #navcontainer { height: 32px; text-align: left !important; padding-top: 8px; z-index: 100; margin-top: 0px; background: #202020 repeat-x left top; padding-left: 10px; border-bottom: 1px solid #000; } #nav ul { display: block; } #nav li { display: inline; float: left; margin-right: 48px; } /*DER FILM-----------------------------------------------*/ #link-film a:link, #link-film a:visited { background: url(images/nav-film.png) no-repeat 0px 0px; display: block; height: 25px; width: 65px; text-indent: 9999px; overflow: hidden; line-height: 300px; } #link-film a:hover { background: url(images/nav-film.png) no-repeat 0px -25px; display: block; } .filmcurrent { background: url(images/nav-film.png) no-repeat 0px -25px !important; display: block; } /*NEWS-----------------------------------------------*/ #link-news a:link, #link-news a:visited { background: url(images/nav-news.png) no-repeat 0px 0px; display: block; height: 25px; width: 116px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-news a:hover { background: url(images/nav-news.png) no-repeat 0px -25px; display: block; } .newscurrent { background: url(images/nav-news.png) no-repeat 0px -25px !important; display: block; } /*COMMUNITY-----------------------------------------------*/ #link-com a:link, #link-com a:visited { background: url(images/nav-comm.png) no-repeat 0px 0px; display: block; height: 25px; width: 87px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-com a:hover { background: url(images/nav-comm.png) no-repeat 0px -25px; display: block; } .comcurrent { background: url(images/nav-comm.png) no-repeat 0px -25px !important; display: block; } /*MEHR GESCHICHTE*/ #link-more a:link, #link-more a:visited { background: url(images/nav-more.png) no-repeat 0px 0px; display: block; height: 25px; width: 83px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-more a:hover { background: url(images/nav-more.png) no-repeat 0px -25px; display: block; } .morecurrent { background: url(images/nav-more.png) no-repeat 0px -25px !important; display: block; } /*DATES UND EVENTS-----------------------------------------------*/ #link-date a:link, #link-date a:visited { background: url(images/nav-date.png) no-repeat 0px 0px; display: block; height: 25px; width: 117px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-date a:hover { background: url(images/nav-date.png) no-repeat 0px -25px; display: block; } .datecurrent { background: url(images/nav-date.png) no-repeat 0px -25px !important; display: block; } /*WETTBEWERB-----------------------------------------------*/ #link-wett a:link, #link-wett a:visited { background: url(images/nav-wett.png) no-repeat 0px 0px; display: block; height: 25px; width: 95px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-wett a:hover { background: url(images/nav-wett.png) no-repeat 0px -25px; display: block; } .wettcurrent { background: url(images/nav-wett.png) no-repeat 0px -25px !important; display: block; } /*PROJEKT-----------------------------------------------*/ #link-projekt a:link, #link-projekt a:visited { background: url(images/nav-projekt.png) no-repeat 0px 0px; display: block; height: 25px; width: 98px; text-indent: 9999px; line-height: 300px; overflow: hidden; } #link-projekt a:hover { background: url(images/nav-projekt.png) no-repeat 0px -25px; display: block; } .projektcurrent { background: url(images/nav-projekt.png) no-repeat 0px -25px !important; display: block; } /* SUB Navigation ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ #subnavwrap { background: #3e3e3e; height: 27px; border-bottom: 1px solid #000; } #nosubnavwrap { height: 24px; display: block; } #subnav { height: 23px; padding-top: 4px; margin-left: 0px; background: #3e3e3e no-repeat 12px; padding-left: 12px; float: left; width: 650px; } #nosubnav { height: 25px; padding-top: 2px; margin-top: 10px; margin-bottom: 10px; margin-left: 20px; padding-left: 15px; } #subnav ul { display: block; } #subnav li { display: block; float: left; } #subnav li a:link, #subnav li a:visited { padding-top: 3px; padding-right: 25px; padding-bottom: 3px; font-size: 11px; font-weight: bold; } #subnav li a:hover { color: #F60; } #current { color: #F60 !important; } #current :hover { color: #Fff !important; } #meta { text-align: right; float: right; color: #999; margin-right: 10px; width: 200px; margin-top: 4px; font-size: 10px; } #meta a:link, #meta a:visited { color: #999; text-decoration: none; font-size: 10px; font-weight: normal; } #meta a:hover { color: #F90; } /* Layout ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ #wrap { width: 980px; margin-right: auto; margin-left: auto; background: url(images/grunge-bg.png) repeat-y left top; padding-right: 25px; padding-left: 25px; } .inside { padding: 20px;} #mainimage { margin-bottom: 15px; border-bottom: 1px solid #000; height: 420px; width: 980px; } #mainimage img { margin-bottom: 0px; margin-top: 0px; margin-left: 0px; } #flash { margin-top: -55px; height: 650px; width: 940px; overflow: hidden; z-index: 1; position: relative; margin-left: 15px;} /* CSS-Hacks für IE6 und kleiner */ *html #flash { margin-top: 0px; height: 650px; width: 940px;} #main { float: left; width: 650px; margin-bottom: 20px; } #sidebar { float: right; width: 275px; padding-right: 20px; margin-bottom: 30px; } #sidebar ul { margin-bottom: 15px; } #footer { background: #1a1a1a; height: 5px; } .teaserlist { float: left; height: 274px; width: 238px; margin-bottom: 40px; clear: none; } .teaserlist-divide{ float: left; height: 261px; width: 85px; clear: none; } .noflash { margin-top: 200px; margin-left: 100px; } /* Post Content ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ .post { } .o-bar { background: no-repeat 0px 0px; display: block; height: 27px; width: 100%; font-size: 28px; padding-top: 5px; padding-left: 0px; font-weight: bold; text-transform: uppercase; color: #F60; } .o-barweiss { background: no-repeat 0px 0px; display: block; height: 27px; width: 100%; font-size: 28px; padding-top: 5px; padding-left: 0px; font-weight: bold; text-transform: uppercase; color: #FFF; } .textgross { font-size: 12px; font-weight: bold; margin-bottom: 40px; margin-top: 20px; line-height: 24px; } .posthead { font-size: 12px; background: url(images/postheadbg2.png) no-repeat; display: block; height: 27px; font-weight: bold; padding-left: 14px; color: #FFF; padding-top: 9px; width: 600px; text-transform: uppercase; } .postdate { background: url(images/poscontent-bg2.png) repeat-y 0px; width: 585px; padding-left: 14px; font-size: 9px; color: #999; text-align: right; padding-right: 15px; } .postcontent { background: url(images/poscontent-bg2.png) repeat-y 0px; padding: 15px 34px 25px 15px; width: 565px; } .postbottom { background: url(images/post-bottom.png) no-repeat; display: block; height: 30px; margin-bottom: 4px; } .postmeta { background: url(images/postmetabg.png) no-repeat; display: block; height: 26px; margin-bottom: 20px; text-align: right; padding-right: 14px; padding-top: 4px; width: 600px; } .postthumb { border: 3px solid #FFF; background: #EDEDED; float: left; margin-right: 20px; margin-bottom: 10px; margin-left: 5px; height: 77px; width: 77px; } .postexcerpt { float: right; width: 450px; } .post a:link, .post a:visited { color:#F60;} .post a:hover { color: #FFF; } .posthead a:link, .posthead a:visited { color:#FFF; } .posthead a:hover { color: #F60; } .postmeta a:link, .postmeta a:visited { color:#999; font-size: 11px; font-weight: normal; } .postmeta a:hover { color: #F60; } .postcontact { float: left; width: 400px; display:inline} .postadress { float: right; display:inline; width: 400px; margin-top: 110px; background: #202020; padding: 25px; border: 1px solid #333; margin-right: 50px; } /* SIDEBAR ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ .teaserorange { font: normal 12px "Arial Black", Gadget, sans-serif !important; "Arial Black"; background: url(images/teaser_BG-orange.png) no-repeat; padding: 20px 20px 30px; border: 0px solid #FFF; margin-bottom: 30px; text-transform: uppercase; overflow: hidden; height: 211px; width: 186px; } .teasergrey { font: normal 12px "Arial Black", Gadget, sans-serif !important; "Arial Black"; background: url(images/teaser_BG-dark.png) no-repeat; padding: 20px 20px 30px; border: 0px solid #FFF; margin-bottom: 30px; text-transform: uppercase; overflow: hidden; height: 211px; width: 186px; } #sidebar .teasetext { text-transform: uppercase; font: 11px/20px "Arial Black"; } /* COMMENTS ----------------------------------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------------------------------------*/ .commentlist li, #commentform input, #commentform textarea { font: 1em Arial, Helvetica, sans-serif; } .commentlist a:link, .commentlist a:visited { color: #FFF ; } .commentlist li { font-weight: bold; background: #000; display: block; padding: 15px; margin: 0px 0px 30px; border: 1px solid #333; } .commentlist li ul li { background: #1D1D1D; display: block; margin: 10px; font-size: 1em; border: 1px solid #333; } .commentlist li ul li ul li { background: #000; display: block; margin: 10px; font-size: 1em; border: 1px solid #333; } .commentlist li ul li ul li ul li { background: #1d1d1d; display: block; margin: 10px; font-size: 1em; border: 1px solid #333; } .commentlist li .avatar { float: left; border: 1px solid #eee; padding: 2px; background: #fff; margin-right: 20px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1em; } .commentlist p { line-height: 1.5em; text-transform: none; } #commentform p { color: #F60; } #commentform input, textarea { background: #202020; color: #FFF; padding: 3px; border: 1px solid #000; } #commentform textarea { width: 570px; padding: 20px; font-weight: bold; } .commentmetadata { clear: right; font-size: 10px; margin-bottom: 25px; color: #999; } .reply { color: #000; background: #666; height: 14px; text-align: center; margin-top: 10px; font-size: 11px; text-transform: uppercase; border: 1px solid #000; padding: 2px; display: block; width: 80px; } .reply:hover { background: #F90; } .reply a:link, .reply a:visited { color:#000 !important} .fn { font-size: 12px !important; color: #F60; font-weight: bold; text-transform: uppercase; } input { margin-bottom: 10px; } .wpcf7 input { background: #202020; border: 1px solid #333; color: #FFF; font-size: 10px; padding: 4px; } .wpcf7 textarea { margin-bottom: 20px; font-size: 11px; color: #FFF; padding: 10px; border: 1px solid #333; } .wpcf7 button { color: #F60; }