/* Theme Name: WereldOuders Theme URI: http://www.viewport.nl Description: A WordPress theme for wereldouders.nl Version: 1.0 Author: Michiel Stam & Daniel Baars Author URI: http://www.viewport.nl/ Tags: fixed-width, two-columns, three-columns, left-sidebar, right-sidebar */ body {font:normal 11px "Lucida Sans Unicode", Lucida Sans, Lucida Grande, sans-serif;text-align:left; background-color: #fbf8e9} body {background-color: white;} a:link, a:visited {color: #00539F} a:hover {color: #FF6600;} .pngfix {behavior:url(http://www.wereldouders.nl/wp-content/themes/wereldouders/iepngfix.htc);} #header-container, #actieblok-container, #content-container, #header-top {margin-bottom: 15px;} #header-top {margin-top: -5px;} #service-links {float: right; font-size: 10px;height: 25px;background-color: #00539F;margin: 0; margin-top: 10px;padding: 5px 10px 0 5px; border: 0px solid #00539F;} #service-links {-moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;} #service-links li {list-style:none;display:block;float:left;} #service-links a {font-size: 1.2em; display:block;float: left;padding: 0; margin: 0 10px;text-decoration:none; color: white;} #header {background:url("images/wereldouders-header-bg-300x16px.png") repeat-x 0px 0px;} #header h1.logo a { display: block; background: url("images/wereldouders-logo-met-slogan-560x100px.png") no-repeat left top; text-indent: -9999px; height: 100px; width: 560px; margin-left: 15px;} #header h2.stort a { display: block; background: url("images/giro-1171-segoe.png") no-repeat left top; text-indent: -9999px; height: 32px; width: 177px; margin: 0px; margin-top: 38px; margin-left: 26px; background-position: 0px 0px; } #header h3.cbf a { display: block; background: url("images/cbf-keurmerk.png") no-repeat left top; text-indent: -9999px; height: 73px; width: 53px; float: right; margin-right: 10px; margin-top: 23px;} /* HEADER MET OUDE LOGO */ #header h1.logo a { display: block; background: url("images/wereldouders-logo-met-slogan-560x129px.png") no-repeat left top; text-indent: -9999px; height: 129px; width: 560px; margin-left: 15px;} #header h2.stort a { display: block; background: url("images/giro-1171-segoe.png") no-repeat left top; text-indent: -9999px; height: 32px; width: 177px; margin: 0px; margin-top: 70px; margin-left: 26px; background-position: 0px 0px; } #header h3.cbf a { display: block; background: url("images/cbf-keurmerk.png") no-repeat left top; text-indent: -9999px; height: 73px; width: 53px; float: right; margin-right: 10px; margin-top: 40px;} /* HEADER MET AANGEPASTE OUDE LOGO, SLOGAN IN SEGOE, POPPETJES KLEINER */ #header h1.logo a { display: block; background: url("images/wereldouders-oude-logo-kleine-poppetjes-segoe-slogan-v2-560x116px.png") no-repeat left top; text-indent: -9999px; height: 116px; width: 560px; margin-left: 15px;} /*#header h2.stort a { display: block; background: url("images/giro-1171-segoe.png") no-repeat left top; text-indent: -9999px; height: 32px; width: 177px; margin: 0px; margin-top: 57px; margin-left: 26px; background-position: 0px -64px; }*/ #header h3.cbf a { display: block; background: url("images/cbf-keurmerk.png") no-repeat left top; text-indent: -9999px; height: 73px; width: 53px; float: right; margin-right: 10px; margin-top: 40px;} /* NAVIGATIE & ZOEK BALK */ #jsddm li{float:left;list-style:none;font:12px Tahoma, Arial;} #jsddm li a{display:block;height:46px;text-decoration:none;white-space:nowrap;text-indent:-9999px;} #jsddm li a#home{background-image:url(images/wereldouders-navigatie.png);width:77px;} #jsddm li a#help{background-image:url(images/wereldouders-navigatie.png);width:207px;background-position:-77px 0;} #jsddm li a#landen{background-image:url(images/wereldouders-navigatie.png);width:97px;background-position:-284px 0;} #jsddm li a#nieuws{background-image:url(images/wereldouders-navigatie.png);width:89px;background-position:-381px 0;} #jsddm li a#over{background-image:url(images/wereldouders-navigatie.png);width:110px;background-position:-470px 0;} #jsddm li ul{position:absolute;visibility:hidden;z-index:300;border-top:1px solid #4983b5;margin:0;padding:0;} #jsddm li ul li{float:none;display:inline;} #jsddm li ul li a{width:190px;height:20px;background:#9F1B1B;text-indent:0;background-color:#00539f;color:#c2d6e8;border-bottom:1px solid #4983b5;padding:7px 8px 2px;} #jsddm li ul li a:hover{background:#fd6a0a;color:#ffffff;} #jsddm li ul li ul{display:none;} #jsddm li ul li ul li a{background:yellow;} .btn_search{width:84px;height:32px;background:url("images/zoek.png") no-repeat left top;border:none;cursor:pointer;margin-right:8px;margin-top:7px;} .btn_search:hover{background-position:left -32px;} #searchbox{position:relative;z-index:2;display:block;margin-top:0;height:46px;color:#333;text-decoration:none;background:url("images/wereldouders-navigatie.png") no-repeat;width:360px;background-position:-581px 0;} #searchbox input{float:left;width:220px;margin-left:20px;margin-right:10px;margin-top:12px;} #jsddm li a:hover#home{background-position:0 -46px;} #jsddm li a:hover#help{background-position:-77px -46px;} #jsddm li a:hover#landen{background-position:-284px -46px;} #jsddm li a:hover#nieuws{background-position:-381px -46px;} #jsddm li a:hover#over{background-position:-470px -46px;} #jsddm li a#home.home-current {background-position:0 -92px;} #jsddm li a#help.help-current {background-position:-77px -92px;} #jsddm li a#landen.landen-current {background-position:-284px -92px;} #jsddm li a#nieuws.nieuws-current {background-position:-381px -92px;} #jsddm li a#over.overons-current {background-position:-470px -92px;} /* CSS ACTIEBLOK */ #actieblok-compact {height: 117px;} div.show_wrapper {height: 251px;} .show_wrapper { position: relative; } .show_nav { position: absolute; top: 8px; left: 600px; z-index: 100; width: 360px; } .show_nav a { display:block; width: 360px; height: 44px; text-indent: -9999px; } #front-show { position: relative; width:960px; height: 236px; } #front-show li { position: absolute; top: 0; left: 0; width:960px; height: 236px; } #front-show-1 { background: url("images/wereldouders-actieblok-sponsor-een-kind.jpg") no-repeat; } #front-show-2 { background: url("images/wereldouders-actieblok-doe-een-donatie.jpg") no-repeat; } #front-show-3 { background: url("images/wereldouders-actieblok-kom-in-actie.jpg") no-repeat; } #front-show-4 { background: url("images/wereldouders-actieblok-sponsor-een-project-v2.jpg") no-repeat; } #front-show-5 { background: url("images/wereldouders-actieblok-wereldouders-in-haiti.jpg") no-repeat; } #front-show li p { padding: 15px 15px 0 15px; font-size: 14px; line-height: 1.4em; font-weight: normal; color: white; width: 320px; margin-bottom: 10px;} a.actieblok-read-more { -moz-border-radius:5px; -webkit-border-radius:5px; color: white; font-weight: bold; font-size: 11px; text-transform: uppercase; text-decoration: none; background-color: #00539F; padding: 4px; padding-left: 6px; padding-right: 6px; margin-left: 15px; cursor: pointer; } a:hover.actieblok-read-more {background-color: #FF6600;} /* EIND CSS ACTIEBLOK */ #landen-banner { position: relative; width:340px; height: 160px; margin-top: 15px;} #landen-banner li { position: absolute; top: 0; left: 0; width:340px; height: 160px; z-index: 4; opacity: 1;} #landen-banner-1 { background: url("images/wereldouders-landen-banner1.jpg") no-repeat; } #landen-banner-2 { background: url("images/wereldouders-landen-banner2.jpg") no-repeat; } #landen-banner-3 { background: url("images/wereldouders-landen-banner3.jpg") no-repeat; } #landen-banner-4 { background: url("images/wereldouders-landen-banner4.jpg") no-repeat; } #landen-banner-5 { background: url("images/wereldouders-landen-banner5.jpg") no-repeat; } #landen-banner-6 { background: url("images/wereldouders-landen-banner6.jpg") no-repeat; } #landen-banner-7 { background: url("images/wereldouders-landen-banner7.jpg") no-repeat; } #landen-banner-8 { background: url("images/wereldouders-landen-banner8.jpg") no-repeat; } #landen-banner-9 { background: url("images/wereldouders-landen-banner9.jpg") no-repeat; } #landen-banner-wrapper { position: relative; } #landen-banner-header {position: absolute; top: 0px; left: 0px; z-index: 100; width: 340px; display: block; height: 41px; background-color: #00539F; -moz-border-radius-topleft:1ex; -moz-border-radius-topright:1ex; -webkit-border-top-left-radius:1ex; -webkit-border-top-right-radius:1ex; text-align: center; border-bottom: 1px solid #99bad9;} #landen-banner-header h2 { font-size: 16px; color: white; margin-top: 8px; } #page-banner li a {display: block; width: 940px; height: 102px; cursor: pointer;} #page-banner {position: relative; width:940px; height: 102px;} #page-banner li {position: absolute; top: 0; left: 0; width:940px; height: 102px;} #page-banner-1 { background: url("images/wereldouders-actieblok-compact-sponsor-een-kind.jpg") no-repeat; } #page-banner-2 { background: url("images/wereldouders-actieblok-compact-doe-een-donatie.jpg") no-repeat; } #page-banner-3 { background: url("images/wereldouders-actieblok-compact-kom-in-actie.jpg") no-repeat; } #page-banner-4 { background: url("images/wereldouders-actieblok-compact-sponsor-een-project-v2.jpg") no-repeat; } #page-banner-5 { background: url("images/wereldouders-actieblok-compact-wereldouders-in-haiti.jpg") no-repeat; } #supportactie-banner { position: relative; width:340px; height: 100px; margin-top: 15px;} #supportactie-banner li { position: absolute; top: 0; left: 0; width:340px; height: 100px; z-index: 4; opacity: 1;} #supportactie-banner-1 { background: url("images/banner-supportactie-pg1-340x100px.png") no-repeat; } #supportactie-banner-2 { background: url("images/banner-supportactie-pg2-340x100px.png") no-repeat; } #breadcrumbs {position: relative; } #breadcrumbs p {font-size: 9px; margin-left: 12px; margin-bottom: 8px; margin-top: -8px; min-height:0; /* mac hide \*/ * html #breadcrumbs p{height:1px;position:relative;} /* end hide */} #interior #sidebar-content {margin-top: 14px;} #footer {background:url("images/wereldouders-footer-bg-300x1200px.png") repeat-x 0px 0px; padding-top: 30px; } #footer-content a {color: white;} #footer-content a:hover {color:#99bad9;} #footer-content {padding-top: 10px; padding-bottom: 10px;} #footer-content p {color: white; float: left; margin-top: 2px;} #footer-links {float: right;} #footer-links li {list-style:none;display:block;float:left;} #footer-links a {display:block; float: left; margin-right:1em; padding:0.2em 0.5em; text-decoration:none;} h1, h2, h3, h4, h5, h6 {font-weight: normal; color: #00539F;} .post h1, .page h1 {margin-left: 0px; margin-top: -4px; margin-bottom: 10px;} .post h1 {font-size: 24px; line-height: 20px; margin-top: 3px; margin-left: -50px; padding-left: 50px;} .page h1, .category h1 {font-size: 32px;} .post .entry h2 {font-size: 18px; margin-bottom: 5px; margin-top: 10px; } .post .entry h3 {font-size: 14px; margin-bottom: 5px; margin-top: 10px; } .post {margin-left: 0px; margin-bottom: 15px; padding: 15px; padding-right: 20px; background-color: #d9e5f1; -webkit-border-radius:10px; -moz-border-radius:10px; overflow:hidden;} .post .entry p, .post .entry li {font-size: 13px; line-height: 22px;} .post .entry .wp-caption-text p {font-size: 9px;} .post .entry p, .post .entry ul { margin-bottom: 14px;} .post .entry li {list-style-type: square; list-style-position: inside;} .post embed, .page embed {margin-top: 10px;} .post object, .page object {margin-top: 10px;} .post img {float: left; margin-right: 10px; margin-bottom: 5px; margin-top: 4px;} .post .entry ul li ul li {margin-left: 14px;} .post h5 {margin-top: -10px; margin-bottom: 8px; font-size: 10px; color: #99bad9;} .page h5 {display: none;} .item {position: relative; border: 1px solid #d9e5f1; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden;} .item h2, #childpages h2 {font-size: 18px; margin-top: -2px; margin-bottom: 5px;} .item h2 a, #children h2 a {color: #00539F; text-decoration: none; } .item h2 a:hover, #children h2 a:hover {color: #FF6600; text-decoration: none; } .item .datum, #nieuwsitem .categorie {font-size: 9px; color:#555555; } .item .categorie a {text-decoration: none;} .item .entry {margin: 10px; margin-left: 125px; margin-right: 15px; } .item .entry p {line-height: 18px; margin-top: 6px; min-height: 77px;} .item .entry img {position: absolute; top: 12px; left: 12px; border: 1px solid #d9e5f1;} .item div#standaard-thumbnail {position: absolute; top: 12px; left: 12px; width: 100px; height: 100px; border: 1px solid #d9e5f1; background: url(images/wereldouders-logo-gezinnetje-grijs-100x100px.png); background-repeat: no-repeat;} .item-read-more {display: block; height: 20px; background-color: #d9e5f1; text-align: right; -moz-border-radius-bottomleft:1ex; -moz-border-radius-bottomright:1ex; -webkit-border-bottom-left-radius:1ex; -webkit-border-bottom-right-radius:1ex;} .item-read-more p {margin: 4px; margin-right: 8px; padding-top: 3px;text-transform: uppercase; font-size: 9px; font-weight: bold; letter-spacing:1px} .item-read-more a {text-decoration: none;} .item-read-more a:hover {color: #FF6600;} div#print-mail-icons {float: right;} #banner {width: 340px; height: 100px; margin-left: 5px; -moz-border-radius:10px; -webkit-border-radius:10px;} strong.search-excerpt { background: #FF6600; } #youtube-mini-gallery, .wereldouders-op-youtube div.page {padding-top: 10px; padding-right: 0;} #youtube-mini-gallery { background-color: #d9e5f1; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px;} #youtube-mini-gallery div, .wereldouders-op-youtube div.page div {margin: 0; padding: 0;} #youtube-mini-gallery .tubepress_thumb, .wereldouders-op-youtube div.page .tubepress_thumb {width: 125px; height: 165px; margin-right: 16px; } .wereldouders-op-youtube div.page .tubepress_thumb {height: 265px;} #youtube-mini-gallery .tubepress_thumb_inner {width: 125px; } #youtube-mini-gallery .tubepress_thumb_inner img {width: 125px; height: 97px; } #youtube-mini-gallery h2 {font-size: 22px; margin-bottom: 12px;} #youtube-mini-gallery .tubepress_meta_title, .tubepress_meta_title a {color: #00539F;} #youtube-mini-gallery .tubepress_meta_title a:hover, .wereldouders-op-youtube div.page .tubepress_meta_title a:hover {color: #99bad9;} #youtube-mini-gallery .tubepress_meta_runtime, .wereldouders-op-youtube div.page .tubepress_meta_runtime {color: #99bad9; font-weight: normal;} #youtube-mini-gallery .tubepress_meta_title, .wereldouders-op-youtube div.page .tubepress_meta_title {margin-top: 5px;} #youtube-mini-gallery div.pagination, .wereldouders-op-youtube div.page div.pagination {text-align: right; margin-right: 5px; margin-top: 10px;} #youtube-mini-gallery h2, #youtube-mini-gallery div.tubepress_container {margin-left: 15px;} #youtube-mini-gallery .item-read-more {background-color: #00539F; margin-top: 13px;} #youtube-mini-gallery .item-read-more a {color: white;} #youtube-mini-gallery .item-read-more a:hover {color: #99bad9;} div.navigation, div.navigationTop {margin-top: -8px; margin-left: 15px; margin-right: 15px;} div.navigationTop {margin-top: 10px; margin-left: 0px; margin-right: 15px;} div.navigation .alignleft, div.navigationTop .alignleft {float: left; margin-bottom: 15px; } div.navigation .alignright, div.navigationTop .alignright {float: right; margin-bottom: 15px; } #interior .wp-pagenavi span.pages, #interior .wp-pagenavi span.current, #interior .wp-pagenavi a {border-color: #99bad9; -moz-border-radius:5px; -webkit-border-radius:5px;} #interior .wp-pagenavi span.pages {margin-left: 0px;} /* SIDEBAR */ div.banner, .banners-rechts-custom img {margin-bottom: 15px;} #banner-onze-missie {background-color: #00539F; padding: 8px 12px 10px 14px; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px;} #banner-onze-missie h2, #banner-onze-missie p {color: white; line-height: 1.8;} #banner-onze-missie h2 {font-size: 20px; margin-top: -4px;} #banner-onze-missie p {font-size: 14px;} #nieuwsbrief-aanmelden {background-color: #00539F; color: white; padding: 8px 12px 10px 14px; margin: 15px 0 15px 0; -moz-border-radius:10px; -webkit-border-radius:10px;} #nieuwsbrief-aanmelden h2 {color: white; font-size: 16px; margin-bottom: 7px;} .myForm td, input, select, textarea, checkbox {font-family: tahoma; font-size: 12px;color: white;} .required {color: red;} input {color: #000;} /* REACTIES */ div#reacties {padding: 0 15px 15px 15px; position: relative; border: 1px solid #d9e5f1; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px;} div#reacties h3 {margin: 0 0 10px 0;} h3#comments {padding-top: 15px; } ol.commentlist, h3#comments {margin-left: 0px;} .commentlist img.avatar {display: none;} div.comment-author, div.comment-meta {float: left; font-size: 9px; margin-bottom: 7px; margin-top: 4px;} div.comment-meta {float: left; margin-left: 3px;} div.comment-meta a {text-decoration: none; color: black; cursor: default;} .commentlist p {clear: both; margin-top: 20px; font-size: 13px;} #respond {margin-top: 20px;} #respond textarea {width: 540px; height: 100px; margin-top: 7px; margin-bottom: 7px;} h3.meer-artikelen {font-size: 18px; margin-bottom: 10px; margin-left: 15px;} #nieuws-links {background-color: #00539F; color: white; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom: 15px; padding-bottom: 5px;} #nieuws-links a {color: #FFF; text-decoration: none;} #nieuws-links a:hover {color: #99bad9; text-decoration: none;} #nieuws-links h2 {padding: 8px 12px 4px 14px; color: #FFF;} #nieuws-links ul, ul.archives-list {list-style-type: none; list-style-position: inside;} #nieuws-links li {margin: 4px 12px 10px 14px;} #nieuws-links li span.date {color: #99bad9; font-size: 9px; margin-right: 5px;} .entry input {margin-top: 0px; width: 300px;} #zoek-pagina-button {margin-top:0px;} div.ngg-imagebrowser {background-color: #00539F; padding: 8px 14px 10px 14px; margin-bottom: 15px; -moz-border-radius:10px; -webkit-border-radius:10px;} div.ngg-imagebrowser h3 {color: white;} .storycontent img{padding:0px} div.wp-caption {background-color: white; overflow: hidden; float: left; margin: 0; padding: 0; margin-right: 15px; margin-top: 4px; margin-bottom: 10px;} .post img {background-color: white; padding: 4px;} div.wp-caption img {margin: 0; padding-bottom: 0;} .wp-caption p.wp-caption-text {background-color: white; padding: 4px; padding-top: 0px; padding-bottom: 0px; font-size: 9px; float: left; text-align: center; width: 100%; margin: 0;} .extra-margin-top {clear: left; margin-top: 10px;} div#meer-nieuws {display: block; height: 20px; background-color: #00539F; text-align: right; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom: 15px; } div#meer-nieuws a {text-decoration: none; color: white;} div#meer-nieuws a:hover {color: #99bad9;} div#meer-nieuws p {margin: 4px; margin-right: 8px; padding-top: 3px;text-transform: uppercase; font-size: 9px; font-weight: bold; letter-spacing:1px} div.mapp-poweredby {display: none;} #banners-links-boven {margin-bottom: 15px;} #header div.stort {display: block; background: url("images/bg-donatieteller.png") no-repeat left top; height: 65px; width: 246px; margin: 48px 30px 0 0;} #stand-getal {font-size: 24px; font-weight: bold; color: #fff; margin: 31px 0 0 0; text-align: center;} #home #content-links {margin-top: -14px;} .links-list {background-color: #00539F; color: white; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom: 15px; padding-bottom: 5px;} .links-list a {color: #FFF; text-decoration: none;} .links-list a:hover {color: #99bad9; text-decoration: none;} .links-list h2 {padding: 8px 12px 4px 14px; color: #FFF;} .links-list ul, ul.archives-list {list-style-type: none; list-style-position: inside;} .links-list li {margin: 4px 12px 10px 14px;} .links-list li span.date {color: #99bad9; font-size: 9px; margin-right: 5px;} .aardbeving-haiti ul, ul#archives-list {list-style: disc; margin-left: 14px;} .aardbeving-haiti li {margin-bottom: 6px;} .aardbeving-haiti-gallery-header {margin-bottom: 8px; text-align: center;} #nieuws-links table {margin-left: 14px; margin-top: 6px;} #nieuws-links td {padding-bottom: 6px;} #nieuws-links td.date {width: 67px; color: #99bad9; font-size: 9px;} nieuws-archief-header {margin-bottom: 6px;} #archives-list li {text-transform: capitalize;} #cf_field_3 {color: black;}