/* 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.2 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; } .sf-menu { font-size: 18px; } h1, h2, h3, h4, h5, a, div.menu { color: #0f72aa; } 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; } /*********************/ /* 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 { 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; } /* subheader (is custom div from functions.php) */ #subheader { /* position: absolute; top: 241px; left: 0px; */ height: 241px; } #subheadercontent { width: 940px; } /* 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: 380px; } #container { width: 546px; } /* sidebar */ div.aside { position: absolute; top: 406px; left: 701px; width: 213px; } /* 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 */ #blog-title { position: absolute; top: 10px; left: 30px; } #blog-title a { text-indent: -9000px; display: block; width: 215px; height: 68px; } #subheader img { 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_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; } #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; } #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; } #form_login h3 { font-weight: normal; line-height: 18px; font-size: 12px; margin: 8px 0px 2px 0px; } #form_login h2 { margin: 7px 0px 7px 110px; } #form_login input { margin-left: -2px; padding: 3px; width: 152px; } #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; } 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-content { clear: left; padding-top: 12px; } /********/ /* menu */ /********/ div.menu { position: absolute; top: 118px; left: 205px; height: 24px; z-index: 300; } .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' */ } .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; } .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; } /*** 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 { display: none; } #nav-below { margin-top: 15px; width: 600px; height: 12px; } #nav-below a:hover { color: #c80039; } .nav-previous { float: left; } .nav-next { float: right; } /***********/ /* 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; } /**********/ /* 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; } /*********/ /* misc. */ /*********/ span.meta-prep, span.meta-sep, span.author, span.edit, span.entry-date, div.entry-utility, div.skip-link, div#secondary, #comments { display: none; }