/* Theme Name: Kondar Theme URI: Description: Theme for Kondar Author: Johan van den Berg, Jeroen Smeets Author URI: http://stretta.nl Template: thematic Version: 1.4 Tags: Thematic . Thematic is � Ian Stewart http://themeshaper.com/ . */ /* KONDAR COLORS Kleur achter nieuwsitems: #d6d7d8 Kleur achter sidebar: #eaebeb Vlak achter 'Stuur ons een bericht': #12588c Kondar Blauw (achtergrond onderste balk): 145f98 Kondar Rood: #c80039 Links in Kodar Blauw, geen link, dan Kondar Rood */ /*********/ /* fonts */ /*********/ /* import font Utility Pro */ /* @import url('utilitypro/stylesheet.css'); */ /* font-family: 'UtilityProLight'; */ /* import Titillium Text */ @import url('titilliumtext14L/stylesheet.css'); /* font-family: 'TitilliumText14LRegular'; */ body { font-family: Verdana, Arial, sans-serif; } h1, h2, .sf-menu, #menu_head, #page_subnav, #subheader_promo_text, #content h3.quote { font-family: 'TitilliumText14LRegular'; } h3, h4, h5 { font-family: Verdana, Arial, sans-serif; } #footer * { font-family: 'TitilliumText14LRegular'; } /* ook header van tablesorter (zie /themes/kondar/script map) heeft font-family: 'TitilliumText14LRegular'; /* below #footer * declaration to make input fields in footer Verdana */ input, textarea, #footer p, #sendreactionform a { font-family: Verdana, Arial, sans-serif !important; } /******************/ /* general styles */ /******************/ * { margin: 0; padding: 0; } body { font-size: 12px; line-height: 17px; } body.home .entry-title, body.home .edit-link { display: none !important; } .sf-menu { font-size: 18px; } h1, h3, h4, h5, a, div.menu { color: #0f72aa; } h2 { color: #c80039; } a { text-decoration: none; } ul { list-style-type: none; } input, textarea { font-size: 12px; color: #8fa7ab; /* padding-left: 8px; */ } input { height: 19px; width: 190px; } textarea { height: 60px; padding-top: 2px; width: 192px; } /* table { width: 570px; text-align: left; } table th { background-color: #145f98; font-weight: normal; color: white; padding: 2px; } table th, table td { border-bottom: 4px solid white; } table th a { color: white; font-style: italic; text-transform: lowercase; } table th, table td { padding-left: 5px; } td a { font-size: 13px; } */ /*********************/ /* background images */ /*********************/ body { background: white url('./img/bg_main_rep.jpg') top left repeat-y; } #header { background: transparent url('./img/bg_header_rep.jpg') top left repeat-x; } #branding { background: transparent url('./img/bg_header.jpg') top left no-repeat; } /* #main { background: transparent url('img/bg_main_rep.jpg') top left repeat-y; } */ #subheader.with-bg { background: transparent url('./img/bg_subheader_rep.jpg') top left repeat-x; } #siteinfo { background: transparent url('./img/bg_footer_rep.gif') top left repeat-y; } #footer { background: transparent url('./img/1px_blue.gif') top left repeat; } /*************************/ /* positioning main divs */ /*************************/ /* no scrollbar on the right of header */ body { margin-top: 154px; } /* header, fixed at top, so it doesn't scroll */ #header { position: fixed; top: 0px; left: 0px; height: 154px; width: 100%; z-index: 400; } #branding { height: 154px; } /* the "nieuws" header above the sidebar */ #menu_head { position: absolute; top: 9px; left: 496px; z-index: 200; color: white; font-size: 18px; } /* main */ #main { padding: 30px 0px 30px 54px; min-height: 480px; width: 884px; margin-top: 395px; } #container { width: 546px; float: left; } /* sidebar */ /* div.aside { position: absolute; top: 406px; left: 701px; width: 213px; } */ div.aside { float: right; width: 227px; margin-right: 16px; margin-top: -36px; } /* footer */ #siteinfo { padding: 20px 0px 40px 54px; margin: 85px 0px; width: 940px; } /* 2nd horizontal part of screen, photo on the left: 677 x 241 px; "more news" 263 x 241 px */ /**********/ /* header */ /**********/ /* replace blog title with the logo */ /* http://themeshaper.com/forums/topic/adding-a-header-image */ /* link to home page was on the bird, top left #blog-title { position: absolute; top: 10px; left: 30px; z-index: 10; } #blog-title a { text-indent: -9000px; display: block; width: 215px; height: 68px; } */ /* is now on the word KONDAR left of menu */ #blog-title { position: absolute; top: 118px; left: 38px; z-index: 10; } #blog-title a { text-indent: -9000px; display: block; width: 145px; height: 34px; } /* subheader (is custom div from functions.php) */ #subheader { position: absolute; top: 154px; height: 241px; } #subheader img.fadein { margin: 0; padding: 0; width: 677px; display: none; } #subheader ul { float: right; height: 241px; width: 263px; list-style: none; margin: 0; background-color: #d6d7d8; } #subheader ul li { padding: 14px 24px; border-bottom: 1px solid white; } #subheader ul li:last-child { border: 0; } #subheader h3 { font-weight: normal; line-height: 18px; font-size: 14px; } #subheader p { font-size: 10px; } #subheader #subheaderbanner { position: relative; float: right; height: 241px; width: 263px; margin: 0; overflow: hidden; background-color: #eef0f5; z-index: 50; } #subheader #subheaderbanner img { height: 241px; width: 263px; display: none; } #subheader .slideshowcaption { position: absolute; top: 400px; left: -10px; width: 243px; height: 100px; background-color: transparent; background-image: url('img/bg_slideshow_quote.png'); z-index: 60; padding: 10px; padding-left: 37px; } #subheader .slideshowcaption p { padding-top: 4px; } #subheader_promo_transp { position: absolute; top: 154px; left: 0px; width: 677px; height: 241px; background-color: #145f98; z-index: 100; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; } #subheader_promo_text { position: absolute; top: 154px; left: 0px; width: 677px; height: 241px; z-index: 200; display: none; } #subheader_promo_text p { font-size: 22px; line-height: 29px; color: white; padding: 54px; } body.home #subheader_promo_transp { width: 0; height: 0; } body.home #subheader_promo_text p { padding-top: 176px; font-size: 26px; } #subheadercontent { width: 940px; } #button_login { position: absolute; top: 30px; left: 847px; cursor: pointer; width: 74px; height: 21px; padding: 1px 8px; color: white; background: transparent url('./img/bg_button_login.jpg') top left no-repeat; } #button_login a { color: white; } #form_login { position: absolute; top: 54px; left: 737px; z-index: 500; width: 184px; height: 201px; padding: 0px 10px 10px 12px; background: transparent url('./img/bg_invul_login.gif') top left no-repeat; } #form_login a { font-size: 10px; line-height: 13px; text-decoration: underline; } #form_login h3 { font-weight: normal; line-height: 18px; font-size: 12px; margin: 8px 0px 4px 0px; } #form_login h2 { margin: 7px 0px 7px 110px; } #form_login input { margin-left: -2px; padding: 3px; width: 152px; } #form_login input#rememberme { width: 20px; float: left; margin-top: 10px; } /* #form_login input#wp-submit { clear: left; } */ #form_login ul li { line-height: 14px; margin-bottom: 4px; } #form_search { position: absolute; top: 80px; left: 700px; width: 221px; height: 21px; background: transparent url('./img/bg_zoek.jpg') top left no-repeat; } #form_search input { border: 0; width: 188px; } #form_search #f_search_submit { position: absolute; top: 2px; left: 190px; width: 20px; height: 20px; } /***********/ /* content */ /***********/ #content { margin-top: -32px; /* to compensate for margin-top of h1 and h2 */ } #content h1, #content h2, #content h3.quote { font-size: 28px; margin: 32px 0px 16px 0px; line-height: 32px; } #content > h1.page-title { font-size: 20px; margin-bottom: 8px; } #content h3.kahw { font-size: 11px; color: #c80039; width: 800px; } #content h3.quote { margin-top: 8px; } #content h3 { font-weight: normal; line-height: 22px; font-size: 16px; margin-bottom: 3px; } #content h6 { margin-top: -8px; margin-bottom: 19px; font-size: 11px; font-weight: normal; width: 100%; border-bottom: 1px solid #aaa; clear: left; } #content p { margin-bottom: 14px; } #content img { float: left; margin: 4px 19px 10px 0px; } #content blockquote { width: 100%; border: 1px solid #bbb; padding: 16px; font-size: 10px; padding-bottom: 5px; margin: 8px 0px; } #content ul { list-style-type: disc; margin-left: 16px; margin-bottom: 17px; } #content ol { margin-left: 18px; margin-bottom: 22px; } #content #slider { margin: 16px 0px 10px -54px; height: 176px; width: 677px; overflow: hidden; } #content #slides { margin-top: 16px; margin-left: -15px; } #content #slides .slide { height: 88px; width: 600px; background-color: transparent; background-image: url('img/bg_content_slider.jpg'); background-position-x: left; background-position-y: top; background-repeat: repeat-x; } #content #slides .slide .part { width: 296px; height: 88px; float: left; } #content #slides .slide h3 { padding-top: 8px; font-size: 14px; line-height: 16px; padding-right: 14px; } #content #slides .slide h3.kahw { margin-top: 0px; padding-top: 0px; font-size: 11px; line-height: 16px; font-weight: bold; padding-right: 14px; } #content #slides .slide img { margin-top: 0px; margin-right: 8px; width: 73px; height: 88px; border: 0; } /* hide prev and next buttons in case there's no scripts to place them correctly */ #sliderprev, #slidernext { position: absolute; display: none; cursor: pointer; padding: 0!important; margin: 0!important; } ul#page_subnav { margin: -5px 0px 13px 0px; font-size: 13px; list-style-type: none; } ul#page_subnav li { position: relative; float: left; } ul#page_subnav li a { display: block; position: relative; margin-right: 22px; } ul#page_subnav li.current-item a { color: #c80039; } .entry-title { z-index: 100; } .entry-content { clear: left; padding-top: 12px; margin-bottom: 20px; } /* 2 column layout for front page and focus pages */ div.pagecol2 { width: 650px; margin: -10px 0px 0px 0px !important; } div.pagecol2 > div { height: auto; width: 277px; margin: 10px 28px 0px 0px; float: left; vertical-align: top; } div.pagecol2 h3 { font-weight: normal; line-height: 18px; color: #145f98; width: 277px; margin-top: 12px; margin-bottom: 13px !important; border-bottom: 1px solid #ccc; padding-bottom: 5px; } div.pagecol2 .imgborder { background-image: url('img/bg_home_icon.jpg'); background-repeat: no-repeat; padding: 7px; padding-top: 2px; width: 76px; height: 76px; float: left; } div.pagecol2 img { width: 62px; height: 63px; } div.pagecol2 p { line-height: 17px; font-size: 11px !important; margin: 0px !important; } div.pagecol2 p.fp_readmorelink { padding-top: 7px; clear: left; } /**************/ /* focus page */ /**************/ #kahw-focus { margin: 20px 0px 30px 0px; padding: 0; padding-bottom: 10px; padding-right: 10px; background-color: #efefef; min-height: 180px; width: 570px; } #kahw-focus img { float: left; margin-top: 0px; margin-right: 10px; } #kahw-focus h3 { font-size: 16px; color: #c80039; } #kahw-focus h5 { font-size: 13px; color: #c80039; font-weight: normal; } #kahw-focus h2 { font-size: 18px; margin-top: 10px; margin-bottom: 6px; line-height: 24px; padding-top: 9px; } #kahw-focus p { margin-top: 8px; margin-left: 195px; } ul.focus { list-style-type: none !important; margin-left: 0px !important; line-height: 18px; } ul.focus li { /* font-size: 12px; */ } ul.focus li a { font-size: 14px; margin-right: 12px; } /********/ /* menu */ /********/ div.menu { position: absolute; top: 118px; left: 205px; height: 24px; z-index: 300; } div.menu a { color: white; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 22em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ cursor: pointer; } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { position: absolute; top: 154px; left: 0px; padding-bottom: 10px; width: 170px; /* height: 241px; */ /* width: 9999px; */ /* background-color: #c80039; */ background: #c80039 url('./img/1px_red.jpg') top left repeat; z-index: 99; overflow: hidden; font-family: Verdana, Arial, sans-serif; font-size: 10px; } .sf-menu li:hover ul li, .sf-menu li.sfHover ul li { font-size: 14px; } .sf-menu li:hover ul li a, .sf-menu li.sfHover ul li a { color: #ed8c91; } .sf-menu li:hover ul li a:hover, .sf-menu li.sfHover ul li a:hover { color: white; } /* actueel */ .sf-menu li.page-item-2012 ul { width: 45em; } /*** THEMATIC SKIN ***/ .sf-menu { float:left; } .sf-menu a { /* padding: 9px 13px; */ text-decoration: none; } .sf-menu > li { padding: 9px 13px; color: white; } .sf-menu li:hover ul a, .sf-menu li.sfHover ul a { padding: 4px 13px; } .sf-menu .current_page_item > a, .sf-menu .current_page_ancestor > a, .sf-menu .current_page_parent > a { color: white !important; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: white; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; } .sf-menu ul { } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top: 36px; } .sf-menu ul ul { margin-top: 0; } .sf-menu ul a { color: white; /* background: #d91845; border-bottom: none; */ } .sf-menu ul a:hover { /* color: #00869E; */ text-decoration: none; } .sf-menu ul a:visited { color: white; } /**************/ /* navigation */ /**************/ #nav-above, .meta-nav { display: none; } #nav-below { margin: 15px 0px 0px 57px; border-top: 1px solid #cbcbcb; } #nav-below a:hover { color: #c80039; } .nav-previous { float: left; margin: 12px 0px 8px 0px; background-image: url('img/actueel_nav_prev.jpg'); background-repeat: no-repeat; padding-left: 25px; } .nav-next { clear: left; float: left; background-image: url('img/actueel_nav_next.jpg'); background-repeat: no-repeat; padding-left: 25px; } /***********/ /* sidebar */ /***********/ div.aside h3 { font-weight: normal; line-height: 18px; font-size: 14px; color: black; margin-top: 32px; margin-bottom: 9px; } div.aside h3.widgettitle { border-bottom: 1px solid #ccc; padding-bottom: 5px; } div.aside h4 { font-weight: normal; font-size: 14px; margin: 0px; margin-top: 13px; color: black; padding-top: 0px; } div.aside h5 { font-weight: normal; font-size: 11px; margin: 0px; color: black; /* font-style: italic; */ } div.aside ul { font-weight: normal; font-size: 11px; color: black; } div.aside ul li { clear: left; } div.aside ul li img { float: left; margin-right: 7px; margin-bottom: 10px; padding-top: 2px; } div.aside a { font-size: 12px !important; } /* homepage */ body.home h3.widgettitle { color: #145f98 !important; } /* tweet */ div#kondarcor { background-image: url('img/bg_tweet_avatar.png'); background-repeat: no-repeat; padding: 3px; padding-left: 7px; height: 57px; width: 56px; float: left; } div#kondarcor img { height: 44px; width: 43px; } /* nieuwsbrief */ li#kondar-widget-b p { height: 75px; } /**********/ /* footer */ /**********/ #footer, #footer br { clear: both; } #footer p { color: white; } #footermenu ul li { float: left; position: relative; width: 196px; margin-right: 8px; } #footermenu ul li ul li { float: none; } #footermenu ul li { font-size: 16px; /* border-bottom: 1px solid #4d84ad; */ color: #a1bfd6; } /* no hand cursor on first level menu */ #footermenu > ul > li > a { } #footermenu ul li ul li a:hover { color: white; } #footermenu ul li ul { margin-top: 11px; border-top: 1px solid #4d84ad; padding-top: 4px; } #footermenu ul li ul li { margin-top: 5px; } #footermenu ul li ul li a { font-size: 13px; border: 0; color: #a1bfd6; } #footermenu ul li ul li a:hover { color: white; } #footermenu .current_page_item > a { color: white !important; } #sendreactionform { float: right; width: 200px; margin-top: 2px; margin-right: 90px; } #sendreactionform a { color: white; text-decoration: underline; } #sendreactionform h2 { color: white; margin-bottom: 12px; } #sendreactionform input, #sendreactionform textarea { margin-bottom: 9px; } #sendreactionform #srf_submit { float: right; cursor: pointer; } /********/ /* poll */ /********/ /* poll form */ span.pollquestion { font-weight: bold; margin-bottom: 12px; } input.Buttons { width: 45px; margin-left: 17px; background-color: #c80039 !important; color: white; } input.Buttons::-moz-focus-inner { border: 0; padding: 0; } table.wp-polls-ul { margin-left: 0px; margin-top: 5px; } table.wp-polls-ul td { margin: 0px !important; padding: 0px !important; border-spacing: 0px; } table.wp-polls-ul td.answertxt { padding-left: 10px !important; } table.wp-polls-ul input { width: 14px; margin: 3px 3px 0px 0px !important; padding: 0px !important; } /* poll result */ ul.wp-polls-ul { margin-left: 0px !important; } ul.wp-polls-ul li { margin-top: 8px; } ul.wp-polls-ul li span.pollvotes { font-style: italic; } li.pollmychoice { } li.pollmychoice div.pollbar { } li.pollmychoice span.pollanswer { } li.pollmychoice span.pollvotes { } li.pollotherchoices { } li.pollotherchoices div.pollbar { } li.pollotherchoices span.pollanswer { } li.pollotherchoices span.pollvotes { } /*********/ /* forum */ /*********/ #subheadercontent.forum { z-index: 10; } #subheadercontent.forum ul { background-image: url('img/forum/pixel_in_gesprek.jpg'); } #subheadercontent.forum ul li { border: 0; color: white; padding: 0px 16px 0px 24px; } #subheader img { border: 0; } #subheadercontent.forum img.btningesprek { margin: 17px 0px 5px 28px; width: 158px; height: 124px; } #subheadercontent.forum img.btnmarcmywords { float: right; } body#front-page #container, body#forum-page #container, body#topic-page #container, body#profile-page #container { margin: -236px 0px 34px 137px; z-index: 20; width: 460px !important; } #discussions h2 { } #discussions h2.morefrom { color: #c80039; font-size: 16px; } #discussions h3.date { float: right; font-size: 12px; color: #a5d1ee; margin-top: 13px; } #discussions ul { list-style-type: none; margin-left: 0; } #discussions ul li { margin: 9px 0px; padding-bottom: 8px; border-bottom: 1px solid #c2c4c3; } div.bbcrumb { margin-top: 14px; margin-bottom: -19px; text-indent: -9000px; } ol#thread { list-style-type: none; margin: 0; } ol#thread li { padding-left: 0px; border-top: 1px solid #c2c4c3; /* background-image: url('img/verloopje.jpg'); background-repeat: no-repeat; */ } ol#thread img.avatar { border: 2px solid #145f98; } .threadpost { margin-top: 10px; margin-bottom: 14px; } .threadauthor { padding-top: 12px; } div.post, .post-footer { margin-left: 57px; } .post-footer { clear: left; color: #bbb; font-size: 10px; } .post-footer a { } div.admin ul, ul#manage-tags { list-style-type: none !important; margin-left: 0px !important; } div.admin ul li, ul#manage-tags li { margin-bottom: 4px; } div.admin ul fieldset, ul#manage-tags fieldset { border: 0px; } div.admin ul fieldset input, ul#manage-tags fieldset input { width: 100px; } ul#tags-list { position: relative; list-style-type: none; margin-left: 0; } ul#tags-list li { display: inline; } table td.num { width: 110px; } table td.num1 { width: 80px; } td.num, td.num a { font-size: 11px; } h2.post-form { display: none; } form.postform { clear: both; margin-top: 20px; } form.postform fieldset { clear: both; width: 430px; margin: 32px 0px; border: 0; padding: 16px; background-color: #e5e5e5; } form.postform fieldset p { clear: both; padding-top: 14px; } form.postform input, form.postform textarea { float: right; clear: right; margin-right: 10px; width: 250px; height: 20px; padding-top: 2px; color: #555; } form.postform textarea#post_content { height: 100px; } form.postform select { float: right; clear: right; margin-right: 10px; width: 250px; } form.postform #postformsub { color: #145f98; } tr.form-field th { width: 200px; text-align: left; } tr.pass-strength { visiblity: hidden; } a.post-undelete-link { display: none; } /* div.clearit { margin-top: -60px; } */ #errors { padding: 10px 10px 2px 10px !important; background-color: #c80039; color: white; } #hottags, #viewdiv, #topic_labels, #topic_posts, #topic_voices, .topicmeta, .rss-link, a.post-ip-link { display: none; } /*********/ /* misc. */ /*********/ /* subscribe to newsletter */ table.mpFormTable { } tr.mpFormRow { } td.mpFormLabel { padding: 9px 28px 9px 0px; } td.mpFormField { } td.mpFormField input { } table.mpFormTable table.mpRadioButtonTable { } table.mpRadioButtonTable td.mpRadioButtonInput input { width: 20px; } table.mpRadioButtonTable td.mpRadioButtonText { } td.submitCellSpacer { } td.submitCell { } td.submitCell input { margin-top: 10px; } span.meta-prep, span.meta-sep, span.author, span.edit, span.entry-date, div.entry-utility, div.skip-link, div#secondary, #comments { display: none; }