/* Theme Name: Jeroen Smits Theme URI: http://www.jeroensmits.nl Version: 2008 Author: Inline media Author URI: http://www.inlinemedia.nl */ /*** Algemeen ***/ * { margin: 0; padding: 0; } html, body { height:100%; margin:0; padding:0; } body { background: #b5b4ba url(images/body_bg.png) no-repeat top center; font-family: "trebuchet ms", Arial, Verdana, Sans-serif; font-size: 70%; color: #fff; text-align: left; } /*** Standaard ***/ a:link, a:visited, a:active { color: #b2ca17; text-decoration: none; } a:hover { text-decoration: underline; } p { text-align: left; line-height: 16px; font-size: 1em; } img { border: none; } h1 { margin-bottom: 22px; height: 13px; font-size: 1.3em; } h2 { margin-bottom: 22px; line-height: 16px; font-size: 1em; } /*** Wrapper ***/ #wrapper { position:relative; height:auto !important; height:100%; min-height:100%; width: 999px; margin:0 auto; background: #000 url(images/content_bg.png) no-repeat bottom left; } /*** Header ***/ #header { width: 999px; height: 250px; background: #707070; } /*** Navigation ***/ #navigation { width: 999px; height: 23px; background: #b2ca17 url(images/navi_bg.png) repeat-x; } #navigation li { float:left; list-style:none; } #navigation li a { position:absolute; background:url(images/navigation.png) no-repeat 0 0; display:block; height: 23px; text-indent: -9999px; overflow:hidden; } #navigation li#biografie a { background-position: -47px 0; width: 91px; left: 47px;} #navigation li#biografie.current a, #navigation li#biografie a:hover { background-position: -47px -23px; } #navigation li#artiest a { background-position: -138px 0; width: 72px; left: 138px; } #navigation li#artiest.current a, #navigation li#artiest a:hover { background-position: -138px -23px; } #navigation li#produkties a { background-position: -210px 0; width: 104px; left: 210px; } #navigation li#produkties.current a, #navigation li#produkties a:hover { background-position: -210px -23px; } #navigation li#televisie a { background-position: -314px 0; width: 83px; left: 314px; } #navigation li#televisie.current a, #navigation li#televisie a:hover { background-position: -314px -23px; } #navigation li#aanvraag a { background-position: -397px 0; width: 92px; left: 397px; } #navigation li#aanvraag.current a, #navigation li#aanvraag a:hover { background-position: -397px -23px; } #navigation li#fotos a { background-position: -488px 0; width: 66px; left: 488px; } #navigation li#fotos.current a, #navigation li#fotos a:hover { background-position: -488px -23px; } #navigation li#nieuws a { background-position: -651px 0; width: 74px; left: 651px; } #navigation li#nieuws.current a, #navigation li#nieuws a:hover { background-position: -651px -23px; } #navigation li#referenties a { background-position: -724px 0; width: 104px; left: 724px; } #navigation li#referenties.current a, #navigation li#referenties a:hover { background-position: -724px -23px; } #navigation li#contact a { background-position: -828px 0; width: 84px; left: 828px; } #navigation li#contact.current a, #navigation li#contact a:hover { background-position: -828px -23px; } #navigation li#rechts a { background-position: -912px 0; width: 72px; left: 912px; } #navigation li#rechts a:hover, #navigation li#rechts.current a { background-position: -912px -23px; } /*** Content ***/ #content { margin: 0; width: 901px; padding: 54px 36px 60px 59px; overflow: hidden; } /** Columns **/ /* col3a = 3 kolommen, rechter kolom met afbeeldingen/gallery */ /* col3b = 3 kolommen, rechter kolom zonder afbeeldingen, met border */ .col3a #colleft, .col3b #colleft { float: left; width: 132px; padding-top: 14px; } .col3a #colcenter { float: left; width: 356px; padding-top: 14px; margin-right: 53px; } .col3b #colcenter { float: left; width: 421px; padding-top: 14px; border-right: 1px solid #787878; } .col3a #colright { float: left; width: 360px; padding-top: 14px; } .col3b #colright { float: left; width: 347px; padding-top: 14px; } .col3a #colcenter p { margin-bottom: 1em; } .col3b #colcenter p { margin-bottom: 1em; padding-right: 53px; } #colcenter ul { margin-left: 25px; margin-bottom: 1em; } body.rechts #colcenter ul { list-style: none; margin-left: 0;} /* Iconen naast titel */ /*body.artiest #colcenter { background: url('images/icons/artiest.gif') no-repeat right top; }*/ body.columnist #colcenter { background: url('images/icons/columnist.gif') no-repeat right top; } body.discussieleider #colcenter { background: url('images/icons/discussieleider.gif') no-repeat right top; } body.dj #colcenter { background: url('images/icons/dj.gif') no-repeat right top; } body.presentatie #colcenter { background: url('images/icons/presentatie.gif') no-repeat right top; } body.stand-up-comedy #colcenter { background: url('images/icons/stand-up-comedy.gif') no-repeat right top; } body.theater #colcenter { background: url('images/icons/theater.gif') no-repeat right top; } /*body.produkties #colcenter { background: url('images/icons/produkties.gif') no-repeat right top; }*/ body.commercials #colcenter { background: url('images/icons/commercials.gif') no-repeat right top; } body.particuliere-events #colcenter { background: url('images/icons/particuliere-events.gif') no-repeat right top; } body.zakelijke-events #colcenter { background: url('images/icons/zakelijke-events.gif') no-repeat right top; } body.live-entertainment #colcenter { background: url('images/icons/live-entertainment.gif') no-repeat right top; } body.studio-verhuur #colcenter { background: url('images/icons/studio-verhuur.gif') no-repeat right top; } body.totaal-media-concept #colcenter { background: url('images/icons/totaal-media-concept.gif') no-repeat right top; } body.tv-formats #colcenter { background: url('images/icons/tv-formats.gif') no-repeat right top; } /** Menu **/ .menu li { list-style:none; } .menu li a { color: #fff; line-height: 16px; } .menu li a:hover { color: #b2ca17; } .menu li.current_page_item a { color: #b2ca17; } /* Logo Smits Produkties tonen onder menu */ body.produkties .menu { padding-bottom: 310px; background: url('images/logo_produkties.gif') no-repeat bottom left; } body.fotos img { margin: 0 16px 16px 0; } /** Pagina Titels **/ h1.home { background: url('images/titles/home.png') no-repeat 0 0; text-indent: -999px;} h1.laatste-nieuws { background: url('images/titles/laatste-nieuws.png') no-repeat 0 0; text-indent: -999px;} h1.biografie { background: url('images/titles/biografie.png') no-repeat 0 0; text-indent: -999px;} h1.artiest { background: url('images/titles/artiest.png') no-repeat 0 0; text-indent: -999px;} h1.columnist { background: url('images/titles/columnist.png') no-repeat 0 0; text-indent: -999px;} h1.discussieleider { background: url('images/titles/discussieleider.png') no-repeat 0 0; text-indent: -999px;} h1.dj { background: url('images/titles/dj.png') no-repeat 0 0; text-indent: -999px;} h1.presentatie { background: url('images/titles/presentatie.png') no-repeat 0 0; text-indent: -999px;} h1.stand-up-comedy { background: url('images/titles/stand-up-comedy.png') no-repeat 0 0; text-indent: -999px;} h1.theater { background: url('images/titles/theater.png') no-repeat 0 0; text-indent: -999px;} h1.produkties { background: url('images/titles/produkties.png') no-repeat 0 0; text-indent: -999px;} h1.commercials { background: url('images/titles/commercials.png') no-repeat 0 0; text-indent: -999px;} h1.particuliere-events { background: url('images/titles/particuliere-events.png') no-repeat 0 0; text-indent: -999px;} h1.zakelijke-events { background: url('images/titles/zakelijke-events.png') no-repeat 0 0; text-indent: -999px;} h1.live-entertainment { background: url('images/titles/live-entertainment.png') no-repeat 0 0; text-indent: -999px;} h1.studio-verhuur { background: url('images/titles/studio-verhuur.png') no-repeat 0 0; text-indent: -999px;} h1.totaal-media-concept { background: url('images/titles/totaal-media-concept.png') no-repeat 0 0; text-indent: -999px;} h1.tv-formats { background: url('images/titles/tv-formats.png') no-repeat 0 0; text-indent: -999px;} h1.bedrijfsfilms { background: url('images/titles/bedrijfsfilms.png') no-repeat 0 0; text-indent: -999px;} h1.event-support { background: url('images/titles/eventsupport.png') no-repeat 0 0; text-indent: -999px;} h1.televisie { background: url('images/titles/tv-formats.png') no-repeat 0 0; text-indent: -999px;} h1.referenties { background: url('images/titles/referenties.png') no-repeat 0 0; text-indent: -999px;} h1.aanvraag { background: url('images/titles/aanvraag-offerte.png') no-repeat 0 0; text-indent: -999px;} h1.fotos { background: url('images/titles/fotos.png') no-repeat 0 0; text-indent: -999px;} h1.nieuws { background: url('images/titles/nieuws.png') no-repeat 0 0; text-indent: -999px;} h1.archief { background: url('images/titles/archief.png') no-repeat 0 0; text-indent: -999px;} h1.in-de-media { background: url('images/titles/in-de-media.png') no-repeat 0 0; text-indent: -999px;} h1.rechts { background: url('images/titles/rechts.png') no-repeat 0 0; text-indent: -999px;} h1.contact { background: url('images/titles/contact.png') no-repeat 0 0; text-indent: -999px;} /** Referenties kolommen **/ ul.referenties li { margin-left: 12px; line-height: 16px; } ul.referenties.left { width: 170px; float: left; } ul.referenties.right { width: 170px; float: right; } /** Nieuws module **/ #colcenter ul.nieuws { margin-left: 0; list-style: none;} ul.nieuws li { list-style:none; line-height: 16px; } ul.nieuws li a:link, ul.nieuws li a:visited, ul.nieuws li a:active { color: #fff; text-decoration: none; } ul.nieuws li a:hover { text-decoration: underline; } ul.nieuws li span { display: block; width: 108px; float: left; } ul.nieuws li span.datepost { color: #b2ca17; } ul.nieuws li p { width: 258px; float: left; } /* Nieuws block */ #block.nieuws { /*margin-left: 118px;*/ float:right; width: 229px;} #block.nieuws li { list-style:none; line-height: 16px; margin-left: 0; } #block.nieuws li a:link, #block.nieuws li a:visited, #block.nieuws li a:active { color: #fff; text-decoration: underline; } #block.nieuws li a:hover { text-decoration: underline; } #block.nieuws li span { display: block; clear: both; float: none;} #block.nieuws li span.datepost { color: #b2ca17; } #block.nieuws li span.meer { margin-bottom: 35px; padding-left: 17px; background: url('images/arrow.png') no-repeat 0px 5px; } #block.nieuws li p { width: auto; float: left; } ul.nieuws_toplist li { margin-left: 12px; list-style: disc; } /* Afbeelding 1x1 tabel */ #block.images1x1 li { list-style: none; float: left; padding: 0; } /* Afbeeldingen 3x3 tabel */ #block.images3x3 li { list-style: none; float: left; padding: 0; overflow:hidden; } #block.images3x3 li.img2, #block.images3x3 li.img8 { padding: 0 15px 0 15px; } #block.images3x3 li.img4, #block.images3x3 li.img6 { padding: 15px 0 15px 0; } #block.images3x3 li.img5 { padding: 15px; } /* Afbeeldingen 1x3 tabel */ #block.images1x3 { } #block.images1x3 li { list-style: none; float: left; padding: 0; } #block.images1x3 li.img2 { padding: 0 15px 0 15px; } #block.images3x1 { float:left; width: 100px; height: 280px; margin-top:24px; overflow: hidden;} #block.images3x1 ul { width:100px; list-style: none; } #block.images3x1 ul li { float:left; list-style: none; } #block.images3x1 img { padding-bottom: 13px; } /* Afbeeldingen 3x1 gallery */ #block.gallery3x1 { width: 360px; height: 274px; } #block.gallery3x1 #gallery_thumbs { float: left; height: 274px; width: 106px; } #block.gallery3x1 #gallery_thumbs ul{ height:3900px; } #block.gallery3x1 #gallery_thumbs li{ float:left; list-style:none; } #block.gallery3x1 #gallery_thumbs img { padding-bottom: 13px; } #block.gallery3x1 #gallery_content { float: right; width: 242px; height: 274px; background: url('images/gallery_text_bg.png') no-repeat 0 0; } /*#block.gallery3x1 #gallery_text { height: 177px; padding: 24px; overflow: hidden; }*/ #block.gallery3x1 #gallery_text { height: 177px; padding: 24px; overflow: auto; margin-top: 10px; margin-bottom: 10px; } #block.gallery3x1 #gallery_text p { margin-top: 0; padding-top: 0;} #block.gallery3x1 #gallery_text h3 { color: #b2ca17; line-height: 16px; font-size: 1em; } #block.gallery3x1 #gallery_navigation { height: 16px; padding: 0 24px 33px 24px; } #block.gallery3x1 #gallery_navigation a, #block.gallery3x1 #gallery_navigation span { color: #b2ca17; padding: 0 5px 0 5px; color: #b2ca17; } #block.gallery3x1 #gallery_navigation a.current, #block.gallery3x1 #gallery_navigation span.current { color: #fff; } /*** Footer ***/ #footer { height: 35px; width: 100%; position: absolute; bottom: 0; background: #9b939c url(images/footer_bg.jpg) no-repeat 0 0; overflow: hidden; } #footer p { padding: 12px 0 0 24px; color: #505050; font-size: 11px; font-family: Arial; } #footer a { text-decoration: none; color: #505050; }