/* Theme Name: Bjorn Ontwerp Theme URI: http://www.bjorn-ontwerp.nl/ Description: The Bjorn Ontwerp WordPress theme based on the Wordpress. Author: Opolo Webdesign Author URI: http://www.opolo.nl/ */ /* ### GENERAL ### */ * { margin: 0px; padding: 0px; outline: none; } html, body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; } body { background: #eee200; padding-bottom: 13px; } img { border: 0px; display: block; } /* ### GLOBAL CLASSES ### */ .clear { clear: both; height: 1px; } a { color: #000000; text-decoration: none; } a:hover { color: #ff0000; text-decoration: underline; } /* ### WRAPPER ### */ #wrapper { position: relative; display: block; width: 100%; min-height: 100%; } /* ### MAIN CONTAINER ### */ #mainCntr { margin: 0 auto; width: 950px; } /* ### HEADER CONTAINER ### */ #headerCntr { position: relative; margin-bottom: 13px; width: 950px; height: 141px; background: url('images/headerImg.jpg') no-repeat; } /* ### IMAGE BOX ### */ .imageBox { padding-left: 261px; width:689px; height:141px; overflow:hidden; } .imageBox li { list-style: none; } /* ### LOGO BOX ### */ .logoBox { position: absolute; z-index: 9999; top: 0px; left: 0px; width: 320px; height: 140px; background: url('images/logoBg.png') no-repeat; } .logoBox h1 { padding: 15px 0 0 15px; } .logoBox h1 a { display: block; width: 226px; height: 74px; text-indent: -9999px; background: url('images/logo.png') no-repeat; } .logoBox div.time { margin: 14px 0 0 8px; padding: 0px; text-align: center; width: 244px; font-size: 11px; height: 18px; line-height: 18px; background: #333333; color: #fff; } .logoBox #time_start { padding: 0 10px; margin-left: 10px; border-left: 2px solid #efe200; } /* ### MENU CONTAINER ### */ #menuCntr { position: absolute; z-index: 9999; top: 1px; right: 1px; width: 620px; height: 34px; background: url('images/menuBg.png') no-repeat; } #menuCntr ul { float: right; margin-right: -1px; } #menuCntr li { padding: 0 8px 0 9px; line-height: 34px; list-style: none; float: left; background: url('images/menuSap.gif') no-repeat right center; } #menuCntr li a { color: #000; font-size: 10px; text-transform: uppercase; font-weight: bold; } /* ### CONTENT CONTAINER ### */ #contentCntr { overflow: hidden; width: 950px; background: url('images/bodyMid.gif') repeat-y; } #contentCntr #top { background: url('images/bodyTop.gif') no-repeat center top } #contentCntr #bottom { padding: 5px 2px; background: url('images/bodyBottom.gif') no-repeat center bottom } #contentCntr #middle { padding: 4px 7px; width: 932px; overflow: hidden; background: url('images/bodyImg.gif') repeat-y right 0px; } /* ### LEFT CONTAINER ### */ #leftCntr { float: left; width: 253px; background: url('images/leftMid.gif') repeat-y; } #leftCntr .top { background: url('images/leftTop.gif') no-repeat center top; } #leftCntr .bottom { padding: 15px; width: 223px; min-height: 900px; overflow: hidden; background: url('images/leftBottom.gif') no-repeat center bottom; } #leftCntr ul.nav { list-style: none; } #leftCntr ul.nav li { padding: 10px 0; border-bottom: 1px solid #868686; list-style: none; } #leftCntr ul.nav li a { color: #000; font-size: 11px; text-transform: uppercase; text-decoration: none; font-weight: bold; } #leftCntr ul.nav li a:hover { color: #ff0000; text-decoration: underline; } #leftCntr ul.nav li ul { padding: 7px 0;} #leftCntr ul.nav li li { padding: 5px 0; border: 0px; } #leftCntr ul.nav li li a { text-transform: none; } #leftCntr ul.nav li li ul, #leftCntr ul.nav li.page-item-17 ul, #leftCntr ul.nav li.page-item-9 ul, #leftCntr ul.nav li.page-item-7 ul { padding: 0; } #leftCntr ul.nav li li li, #leftCntr ul.nav li.page-item-17 li, #leftCntr ul.nav li.page-item-9 li, #leftCntr ul.nav li.page-item-7 li { padding: 1px 0 0 0; } #leftCntr ul.nav li li li a, #leftCntr ul.nav li.page-item-17 li a, #leftCntr ul.nav li.page-item-9 li a, #leftCntr ul.nav li.page-item-7 li a { padding-left: 10px; font-weight: normal; background: url('images/listImg.gif') no-repeat left center; } #leftCntr ul.nav li ul, #leftCntr ul.nav li.current_page_item ul ul, #leftCntr ul.nav li.current_page_parent ul ul { display: none; } #leftCntr ul.nav li.current_page_item ul, #leftCntr ul.nav li.current_page_parent ul li.current_page_item ul, #leftCntr ul.nav li.current_page_parent ul { display: block; } #leftCntr ul.nav li.current_page_ancestor ul, #leftCntr ul.nav li.current_page_ancestor ul li.current_page_ancestor ul { display: block; } #leftCntr ul.nav li.current_page_ancestor ul li ul { display: none; } /* ### CENTER CONTAINER ### */ #centerCntr { padding: 0 15px; float: left; width: 458px; overflow: hidden; } /* ### NP BOX ### */ .npBox { font-size: 10px; width: 100%; overflow: hidden; text-transform:lowercase; } .npBox .print { float: right; } .npBox .print a { width: 32px; height: 29px; display: block; text-indent: -999px; background: url('images/printIcon.gif') no-repeat; } .npBox .print a img { display: none; } /* ### POST BOX ### */ .postBox { width: 100%; overflow: hidden; } .postBox p { padding-bottom: 15px; } .postBox h3 { padding: 10px 0; } .postBox h2 { padding: 0px 0 10px 0; font-size:12px; font-style:italic; font-weight:bold; color: #333333; } .postBox h2 a { color: #333333; } .postBox img.arrow { position: relative; bottom: -8px; display: inline; } .postBox .post { padding-bottom: 10px; border-bottom: solid 1px #868686; } .postmetadata { padding-bottom: 10px; font-size: 10px; color: #999999; } .postmetadata a { color: #999999; } /* ### TAB BOX ### */ .tabsBox { padding: 0px 0 20px 0; width: 100%; overflow: hidden; } .tabsBox li { list-style: none; } .tabsBox li ul { padding: 0 10px; } .tabsBox li ul li { padding: 1px 0px 1px 6px; background: #c5c6c8; } .tabsBox ul.left { float: left;} .tabsBox ul.right { float: right;} .tabsBox li.first { list-style: none; padding: 5px 0; } .tabsBox li.first span { width: 220px; cursor: pointer; height: 46px; display: block; text-indent: -9999px; } .tabsBox li.first li a { width: auto; height: auto; display: block; text-indent: 0px; } .tabsBox span.logo { background: url('images/button-logoontwerp.png') no-repeat; } .tabsBox span.logo:hover { background: url('images/button-logoontwerp.png') no-repeat center -46px; } .tabsBox span.web { background: url('images/button-webontwerp.png') no-repeat; } .tabsBox span.web:hover { background: url('images/button-webontwerp.png') no-repeat center -46px; } .tabsBox span.print { background: url('images/button-printontwerp.png') no-repeat; } .tabsBox span.print:hover { background: url('images/button-printontwerp.png') no-repeat center -46px; } .tabsBox span.vertalingen { background: url('images/button-vertalingen.png') no-repeat; } .tabsBox span.vertalingen:hover { background: url('images/button-vertalingen.png') no-repeat center -46px; } .tabsBox span.drukwerk { background: url('images/button-drukwerk.png') no-repeat; } .tabsBox span.drukwerk:hover { background: url('images/button-drukwerk.png') no-repeat center -46px; } .tabsBox span.starters { background: url('images/button-starterspakketten.png') no-repeat; } .tabsBox span.starters:hover { background: url('images/button-starterspakketten.png') no-repeat center -46px; } .tabsBox span.buitenreclame { background: url('images/button-buitenreclame.png') no-repeat; } .tabsBox span.buitenreclame:hover { background: url('images/button-buitenreclame.png') no-repeat center -46px; } /* ### RIGHT CONTAINER ### */ #rightCntr { float: right; width: 190px; font-size: 10px; } #rightCntr p { padding-bottom: 0px; } /* ### OFFERTE BOX ### */ .offerteBox { padding-bottom: 25px; } .offerteBox a { width: 189px; height: 79px; text-indent: -9999px; display: block; background: url('images/offerteAanvragen.jpg') no-repeat; } .offerteBox a:hover { background: url('images/offerteAanvragen.jpg') no-repeat center -79px; } /* ### FAVORITE BOX ### */ .favoritesBox { padding: 5px 0; border-top: solid 1px #868686; } .favoritesBox a { padding-left: 23px; display: block; line-height: 30px; background: url('images/startAdd.gif') no-repeat left center; } /* ### ADDRESS BOX ### */ .addressBox { padding: 25px 0; border-top: solid 1px #868686; } /* ### PROJECT BOX ### */ .projectBox { padding: 15px 0; border-top: solid 1px #868686; } .projectBox h4 { padding-bottom: 10px; font-size: 10px; color: #333333; font-weight: normal; } .projectBox img { display: block; } .projectBox li { list-style: none; padding-bottom: 20px; } /* ### BEL BOX ### */ .belBox { padding: 15px 0; border-top: solid 1px #868686; } /* ### POST BOX ### */ .widgetBox { padding: 10px 0; border-bottom: solid 1px #868686; } .widgetBox h2 { padding-bottom: 10px; font-size: 10px; color: #333333; font-weight: normal; } .widgetBox ul { padding: 5px; } .widgetBox li { list-style: none; background:url("images/listImg.gif") no-repeat scroll left center transparent; font-weight:normal; padding-left:10px; } /* ### Wordpress Style ### */ .thread-alt { background-color: #f8f8f8; } .thread-even { background-color: white; } .depth-1 { border: 1px solid #ddd; } .even, .alt { border-left: 1px solid #ddd; } .sticky { background: #f7f7f7; padding: 0 10px 10px; } .sticky h2 { padding-top: 10px; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } /* End Typography & Colors */ /* Begin Images */ .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Form Elements */ .entry form { text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .screen-reader-text { position: absolute; left: -1000em; } .navigation { display: block; text-align: center; width: 100%; overflow: hidden; padding: 10px 0; } /* End Various Tags & Classes*/ /* ### FOOTER CONTAINER ### */ #footerCntr { overflow: hidden; width: 950px; } /* ### COPYRIGHT CONTAINER ### */ #copyrightCntr { overflow: hidden; width: 950px; height: 30px; line-height: 30px; text-align: center; font-size:10px; } #copyrightCntr a { color: #333333; text-decoration: none; font-weight: bold; } #copyrightCntr a:hover { text-decoration: underline; } /* banner */ #banner { position:relative; top:-35px; width:100%; height:120px; display:block; padding-top:32px; } /* vandale */ #vandale { width:247px; background:#000; display:block; color:#FFF; padding:6px; font-size:12px; } #vandale hr { margin:5px 0 5px 0; background:#868686; color:#868686; } #vandale #zoekwoord { color:#efe200; } #vandale #url { font-size:10px; }