/* THEME NAME: Zuiderparkspelen THEME URI: http://www.zuiderparkspelen.nl/ DESCRIPTION: Custom built voor Stichting de Loodsen VERSION: 1 AUTHOR: Nowton AUTHOR URI: TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer */ /* Two-column with sidebar on left from the /examples/ folder */ @import url('examples/2c-l.css'); @import url('reset.css'); .skip-link { display: none;} /* TYPE */ body { font-family: "Trebuchet MS", Arial, sans-serif; font-size: 62.5%;} #tagline { font-size: 1.3em; line-height: 1.38; } .menu-secondmenu-container { font-size: 1.3em;} #menu li { font-size: 1.3em; font-weight: bold;} h1, h2 { text-transform: lowercase; color: #6EA2D4; } h1 { font-size: 2.2em;} h1.page-title { color: black;} .single h1 { margin-bottom: .5em;} h2 { margin: 1em 0 .5em 0; font-size: 1.5em; line-height: 10px; } h3 { font-size: 1.3em;} p { font-size: 1.2em; line-height: 1.5; margin-bottom: 1em;} li {} blockquote { font: italic 1.2em/1.8 Georgia, "Times New Roman", serif ; color: #009ee0; margin: 1em 2em; } .primary h3 { color: white; font-size: 1.3em; margin-bottom: .5em;} #footer { font-size: 1.2em;} #footer h3 { color: #e01832; text-transform: uppercase; font-weight: normal; line-height: 1;} /* COLORS */ cardboard_dark { color: #814217; } cardboard_lite { color: #B97F57; } skyblue { color: #5985CE;} grass { color: #45a9e2;} /* LAYOUT */ body { background: #6DB012 url(images/bg-body.jpg) bottom center repeat-x; overflow-x: hidden; } #sky { position: absolute; top:-60px; width: 100%; height: 280px; z-index:-3; background: #7DC5DB url(images/bg-sky.jpg) center no-repeat; } #earth { position: absolute; top:120px; width: 100%; height: 435px; z-index:-2; background: url(images/kaart.png) center no-repeat; } #wrapper { width: 960px; margin: 10px auto;} #header { overflow: hidden; } #logo { float: left; } #date-n-location { float: left; margin-left: -140px; width: 364px; height: 87px; padding: 10px; background: url(images/date-n-location.png) center no-repeat; font-size: 2em; text-transform: uppercase; text-indent: -9999px; position:relative; z-index: -1; } #access { overflow: hidden; margin-top: 60px; } .menu { margin: 0 auto; } .menu ul { overflow: hidden; } .menu li { float: left; } .menu li a { display: block; margin-right: 25px; text-indent: -9999px; text-transform: lowercase; font-size: 2em; } #container { overflow: hidden; width: 960px;} #content { float: left; width: 480px; } .cloud { position: absolute; z-index: -1; display: none; } /* Post */ .post { background: #F1F1F2; float: left; margin: 10px; } .post img {margin-bottom: 10px;} .entry-date { color: #814217; text-transform: uppercase; } .comments-link { float: right; width: 70px; height: 28px; padding: 10px 4px; margin-top: -20px; background: url(images/bg-comment.png) center no-repeat;} .post p { color: #41210B; } .aligncenter { clear: both; margin-bottom: 10px;} /* Sidebars */ .sidebar {} .sidebar ul ul { margin: 14px 0;} .sidebar li li { list-style: disc; list-style-position: inside; line-height: 1.5; font-size: 1.2em;} .sidebar li p { font-size: 1.1em; color: wheat} #primary { background: url(images/bg-sidebar1.png) center top no-repeat;} #secondary { background: url(images/bg-sidebar2.png) center top no-repeat;} #primary, #secondary { float: left; width: 220px; padding: 5px 10px; margin: 10px 0; } #primary h3, #secondary h3 { color: wheat; padding-bottom: 1em; } #primary li , #secondary li {margin-bottom: 25px;} #primary li li, #secondary li li { list-style: none !important; margin-bottom: 5px; } #kb-advanced-rss-3 li { color: #B97F57;} #kb-advanced-rss-3 li a { text-transform: uppercase; font-weight: bold; } /* Footer */ #footer { background: #407C13; padding: 10px 0; margin-bottom: 40px; overflow: hidden;} #footer ul { overflow: hidden; } #footer li li { float: left; list-style: none; width: 240px; font-size: 11px; } #footer li img { width: 140px; clear: right; float: left; margin-right: 10px; } #footer li a { font-size: 1.2em; line-height: 1.2; display: block; margin-bottom: .5em;} /*partners*/ #footer #linkcat-2 { width: 800px; float: left; color: lightgreen; } #footer #linkcat-2 h3 { margin-left: 10px;} #footer #linkcat-2 li { width: 140px; overflow: hidden; padding: 0 10px;} /*colofon*/ #footer #linkcat-6 { color: #B97F57; background: url(images/bg-credits.png) no-repeat; width: 120px; float: left; margin-top: 30px; padding: 20px; } #footer #linkcat-6 li { width: auto; padding: 5px 0; color: #41210B;} #footer #linkcat-6 a { color: wheat;} /* SubFooter */ #footer .sidebar { width: 100%; } #absfooter { background: transparent url(images/grass.png) left top repeat-x; position: relative; bottom: 0; height: 200px; z-index:1; margin-top: -120px;} /* NAVIGATION */ #logo a { display: block; width: 480px; height: 154px; text-indent: -9999px; background: url(images/logo-zps.png) left top no-repeat; margin-top:8px;} a { color: #e01832; text-decoration: none;} a:hover { text-decoration: underline;} .menu a, .menu-secondmenu-container a, #footer a { color: white; text-decoration: none; } .menu a:hover, .current-menu-item a { color: #e01832; background-color: #ffffff; } /* welkom */ #menu-item-180 a { background: url(images/btn-welkom.png) center left no-repeat; width: 110px; height: 38px; } #menu-item-180 a:hover, #menu-item-180 .current-menu-item a { background: url(images/btn-welkom.png) center right no-repeat; width: 110px; height: 38px; } /* programma */ #menu-item-223 a { background: url(images/btn-programma.png) center left no-repeat; width: 151px; height: 39px; } #menu-item-223 a:hover, #menu-item-223 .current-menu-item a { background: url(images/btn-programma.png) center right no-repeat; width: 151px; height: 39px; } #menu-item-286 a { background: url(images/btn-programma.png) center left no-repeat; width: 151px; height: 39px; } #menu-item-286 a:hover, #menu-item-223 .current-menu-item a { background: url(images/btn-programma.png) center right no-repeat; width: 151px; height: 39px; } /* contact */ #menu-item-119 a { background: url(images/btn-contact.png) center left no-repeat; width: 102px; height: 30px; } #menu-item-119 a:hover, #menu-item-119 .current-menu-item a { background: url(images/btn-contact.png) center right no-repeat; width: 102px; height: 30px; } .sidebar a:hover { text-decoration: underline;} .entry-meta a { color: #009ee0;} .navigation { font-size: 1.4em; border-bottom: 1px solid #E6E6E6; padding: 5px 0; overflow: hidden; } .nav-next { width: 200px; float: right;} .nav-previous { width: 200px; float: left;} /* HOME */ .home #content { width: 720px; padding: 10px 0;} .home .post { margin:10px;float: left; padding: 10px; width: 220px; } .home #post-301 { width:420px;} .postwrap { overflow: hidden; } .home #primary, .home #secondary { background:transparent} .home #primary h3 {display: none;} .home .ngg-galleryoverview { display: none !important;} /* EDITIES */ /* PROGRAMMA */ .category-programma #content { margin: 0; width: 100%; } .category-programma #primary, .category-programma #secondary, .category-programma .entry-date {display: none;} .category-programma .post { width: 220px; height: 360px; overflow:hidden;} .category-programma .post .entry-title, .category-programma .post .entry-content { padding: 0 10px; margin: 0;} /* alternating borders */ .category-programma .class1 { background: url(images/bg-program1.png) center bottom no-repeat;} .category-programma .class2 { background: url(images/bg-program2.png) center bottom no-repeat; } .category-programma .class3 { background: url(images/bg-program3.png) center bottom no-repeat; } /* OVER */ /*.page h1 { display: none;}*/ .page #content { background: transparent url(images/bg-content-page.png) center bottom no-repeat; margin: 10px 0; padding: 10px; } /* CONTACT */ .pageid-6 #primary { padding-top: 30px;} /* SINGLE */ .single .post { padding: 10px;} .single .entry-meta { display: none;} .single #primary, .single #secondary { background:transparent} .single .sidebar h3 {display:none;} /* Comments */ .single #comments { background: lightblue; float: left; margin: 10px; padding: 10px; } #comments-list h3 { color: #E01832; } #comments-list li { border-top: 1px solid white; border-bottom: 1px solid white; padding: 5px 0; margin: 10px 0; } .comment-author { color: #E01832; font-size: 1.4em;margin-bottom: 5px;} .comment-meta { color: #009EE0; } #comments .form-label { color: #E01832; font-size: 1.1em; margin: .5em 0;}