/* Theme Name: Beeld en Tekst Theme URI: http://www.doede.net Description: Een simpel en vers Wordpress thema gebaseerd on Fadonet.Net's Zindi theme Version: 1.0 Author: Jasper Frumau Author URI: http://www.doede.net/ Tags: blue, grey, orange, 2 column, fresh, simple, widget ready, valid CSS, valid XHTML, right sidebar, ie6, ie7, ie8, firefox 3.0, opera 9.0 */ *{border: 0; margin: 0; padding: 0;} :focus {outline: 0;} body { font-size: 14px; font-family: "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif; background:#e4e4e4;color: #555; } a {color:#3DA845; text-decoration:none;} a:hover {color:#FF0000; text-decoration:none;} #wrapper {background-color:#f1f1f1;width:780px; margin:0px auto; padding:10px;line-height: 18px; } #wrapper #sidebar #tag_cloud {line-height:19pt;} #header {background:#fff; height:220px; margin:0px auto; width:780px; padding:0px 10px 0px 10px;} #nav-menu {background:#fff; height:80px; margin:0px auto; width:780px; padding:0px 10px 0px 10px; } #side-left{float:left; width:580px;} #side-left-large{float:left; width:600px;} #side-right { float:right; width:150px;} #footer {background:#fff; padding:0px 10px 0px 10px;width:780px; margin:0 auto; height:50px; } h1, h2, h3, h4, h5, h6 { margin:5px 0 5px 0; padding: 0; font-family: "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif; font-weight:normal; color:#3da845 ; font-size:1.5em;} /*old color #333*/ #content h2 a:link, #content h3 a:link, #content h2 a:visited, #content h3 a:visited {color:#3da845 ;} /* for index.php post title */ #content h2 a:active, #content h3 a:active, #content h2 a:hover, #content h3 a:hover {color:#FF0000 ;} /* for index.php post title */ h2#not-found {padding:5px;} input{padding:2px; margin: 5px 5px 1px 0; border:1px solid #f1f1f1; background: #f9f9f9; padding: 4px;} textarea { width: 95%; padding: 5px; border:1px solid #f1f1f1;background:#f9f9f9;} input:hover, textarea:hover { border:1px solid #f1f1f1; background: #f1f1f1;} input#submit { background:#f9f9f9; margin: 0; padding:5px;border:1px solid #f1f1f1; font-weight:bold; color:#29b0c4; font-size:11px; cursor:pointer;} input#submit:hover { background:#f1f1f1;} code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr{font-size: 0.9em; letter-spacing: .07em; } hr { display: block; color:#f1f1f1; border-bottom:1px solid #f1f1f1; margin:5px 0 5px 0;} pre { line-height: 1.5; margin-bottom: 1.5em; overflow: auto; } fieldset {border:1px solid #f1f1f1; padding:10px;} blockquote { background: #fff url(images/blockquote.png) no-repeat left top; color:#666; font-style: italic; padding-left: 30px; padding-bottom: 10px; margin:20px 0px 20px 0px; width:90%;} table {border:1px solid #f1f1f1;} td,th { line-height: 1.0em; padding:7px; margin:1px;} th { background-color: #f9f9f9; } td { border: 1px solid #f1f1f1;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none; } #wp-calendar caption { font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center;} #wp-calendar th {font-style: normal; text-transform: capitalize;} /* Float */ .alignleft {float:left;} .alignright {float:right;} .clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; } .clearfloat { display:inline-block; } .clearfloat { display:block; } .clear { clear: both;} /******** Wordpress Styles ********/ .aligncenter, div.aligncenter { display: block; margin-left: auto;margin-right: auto;} .alignleft { float: left; } .alignright { float: right } .wp-caption { border: 1px solid #f1f1f1; text-align: center; background-color: #f9f9f9; padding: 5px; margin: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .entry .wp-caption img, .entry .wp-caption a img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 10px; font-weight:bold; line-height: 17px; padding: 0 4px 5px; margin: 0; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;} #side-left p.attachment { text-align: center; margin: 5px 0px;} .attachment-thumbnail {width:125px; height:125px;} .attachment-medium {width:460px; text-align:center; height:300px;} .caption {padding-left:10px;} /*Corner */ .kutu {width:100%; background-color: #fff; margin-bottom:10px;} #side-left .kutu { min-height:600px; height:auto !important; height:600px;} /*IE6 min-height hack */ .ust { background: url(images/ust-sag.gif) no-repeat top right;} .ust span{ background: url(images/ust-sol.gif) no-repeat top right;} .alt { background: url(images/alt-sag.gif) no-repeat bottom right; } .alt span {background: url(images/alt-sol.gif) no-repeat bottom right;} .ust span, .alt span, .ust2 span, .alt2 span{width: 10px;height: 10px;border: none;display: block !important;} .ust3 span {width: 10px;height: 10px;border: none;display: block !important; background: url(images/ust-sol.gif) no-repeat top right;} .ust3 {background: url(images/ust-sag.gif) top right no-repeat;} .al3 { background: url(images/alt-sag.gif) no-repeat bottom right; } .spacer3 {border:0; padding:5px;} .kutu2 {width:100%; background-color: #fff;margin-bottom:10px; color: #000;} .ust2 { background: url(images/top-right.gif) no-repeat top right;} .ust2 span{ background: url(images/top-left.gif) no-repeat top right;} .alt2 { background: url(images/bottom-right.gif) no-repeat bottom right; } .alt2 span {background: url(images/bottom-left.gif) no-repeat bottom right;} .kutu .spacer, .kutu2 .spacer{margin: 0px; padding:0px 10px 5px 10px;} .top-left { background: url(images/ust-sol.gif) no-repeat top left; width:10px; height:10px; float:left;} .top-right { background: url(images/ust-sag.gif) no-repeat top right; width:10px; height:10px; float:right;} .bottom-left { background: url(images/alt-sol.gif) no-repeat bottom left; width:10px; height:10px; float:left;} .bottom-right { background: url(images/alt-sag.gif) no-repeat bottom right; width:10px; height:10px; float:right;} .center { width:130px; height:10px; float:left;} .bottom-center { width:130px; height:10px; float:left;} div#top-left, div#top-right, div.center, div.bottom-center, div.bottom-left, div.bottom-right {display:block !important;} .ust2, .alt2, .ust, .alt {width:150px; height:10px;} #side-left-large .ust2, #side-left-large .alt2, #side-left-large .ust, #side-left-large .alt {width:600px; height:10px;} #side-left .ust2, #side-left .alt2, #side-left .ust, #side-left .alt {width:580px; height:10px;} .spacer h2 {margin:0px;} /* Top */ #header h1 {font-size:42px; line-height:42px; padding-left:5px; margin:0px; } #header a {color:#29b0c4; } #header .logo { float:left; width:250px; margin-top:10px; margin-left:290px;} #header .logo span {color:#aaa; padding-left:7px; font-size:11px;} #header .search {background: url(images/search-bgr.gif) no-repeat;float:right;width:203px; padding:1px; margin: 15px 0px 0px 0px; height: 27px; } #header .search input{ background: transparent; border: 0; color: #a3a192; float: left; font-size: 12px; padding-left:10px; margin:0; width: 160px;} #header .search .btn{ margin: 3px 0 0 0; padding: 0; width: auto;} #nav-menu a {color:#2e2e2d;} #nav-menu .tools {float:right; font-weight:bold;font-size:11px; margin-top:8px;} #nav-menu .tools span {font-size:10px; color:#aaa; font-weight:normal;} #nav-menu .tools ul {background:url(images/tools-bg.gif) right no-repeat; width:170px; margin-right:5px; padding-right:20px; height:10px; color:#aaa; line-height:9px;} #nav-menu .tools li {display:inline;} #nav-menu .tools a, #nav-menu .tools a:visited {color:#ff6f40; font-weight:bold;} #nav-menu .tools a:hover {text-decoration:underline;} /* Tabs of Sidebar links */ #sidebar-links { float:left; width:28px; height:600px; /*200 before */ margin:5px 0px 0px 0px; padding:0; border:0; } /* tab buttons all states */ /*preload hover images */ #sidebar-links li.profiel-tab-1 { background: url(images/new-tabs/tab-profiel-mo.jpg) no-repeat; background-position: -1000px -1000px; width:28px; height:80px; display:block;} #sidebar-links li.profiel-tab { background: url(images/new-tabs/tab-opleiding-mo.jpg) no-repeat; background-position: -1000px -1000px; display:block;} #sidebar-links li.profiel-tab-2 {background: url(images/new-tabs/tab-sprookjes-mo.jpg) no-repeat; width:28px; height:108px; display:block;text-indent:-9999px; display:block;} #sidebar-links li.profiel-tab-3 {background: url(images/new-tabs/tab-interesses-mo.jpg) no-repeat; width:28px; height:135px; display:block;text-indent:-9999px;display:block;} #sidebar-links li.profiel-tab-4 {background: url(images/new-tabs/tab-soortopdrachten-mo.jpg) no-repeat; width:28px; height:185px; display:block;text-indent:-9999px;display:block;} /*end preload hover images */ #sidebar-links .page_item {margin:0 14px 0 0;} /*profiel tabs*/ #sidebar-links li.profiel-tab-1 a:link, #sidebar-links li.profiel-tab-1 a:visited {background: url(images/new-tabs/tab-profiel.jpg) no-repeat; width:28px; height:80px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab-1 a:active, #sidebar-links li.profiel-tab-1 a:hover {background: url(images/new-tabs/tab-profiel-mo.jpg) no-repeat; width:28px; height:80px; display:block;text-indent:-9999px;} /*opleiding tab*/ #sidebar-links li.profiel-tab a:link, #sidebar-links li.profiel-tab a:visited {background: url(images/new-tabs/tab-opleiding.jpg) no-repeat; width:28px; height:100px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab a:active, #sidebar-links li.profiel-tab a:hover {background: url(images/new-tabs/tab-opleiding-mo.jpg) no-repeat; width:28px; height:100px; display:block;text-indent:-9999px;} /* tab sproookjes */ #sidebar-links li.profiel-tab-2, #sidebar-links ul {width:28px; height:108px;} #sidebar-links li.profiel-tab-2 a:link, #sidebar-links li.profiel-tab-2 a:visited {background: url(images/new-tabs/tab-sprookjes.jpg) no-repeat; width:28px; height:108px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab-2 a:active, #sidebar-links li.profiel-tab-2 a:hover {background: url(images/new-tabs/tab-sprookjes-mo.jpg) no-repeat; width:28px; height:108px; display:block;text-indent:-9999px;} /* tab interesses*/ #sidebar-links li.profiel-tab-3, #sidebar-links ul {width:28px; height:112px;} #sidebar-links li.profiel-tab-3 a:link, #sidebar-links li.profiel-tab-3 a:visited {background: url(images/new-tabs/tab-interesses.jpg) no-repeat; width:28px; height:112px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab-3 a:active, #sidebar-links li.profiel-tab-3 a:hover {background: url(images/new-tabs/tab-interesses-mo.jpg) no-repeat; width:28px; height:112px; display:block;text-indent:-9999px;} /*tab soort opdrachten*/ #sidebar-links li.profiel-tab-4, #sidebar-links ul {width:28px; height:185px;} #sidebar-links li.profiel-tab-4 a:link, #sidebar-links li.profiel-tab-4 a:visited {background: url(images/new-tabs/tab-soortopdrachten.jpg) no-repeat; width:28px; height:185px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab-4 a:active, #sidebar-links li.profiel-tab-4 a:hover {background: url(images/new-tabs/tab-soortopdrachten-mo.jpg) no-repeat; width:28px; height:185px; display:block;text-indent:-9999px;} #sidebar-links li.profiel-tab, #sidebar-links ul {width:28px; height:100px;} #sidebar-links div#subs.kutu ul {width:28px; display:block; margin:0; padding:0;} div#subs.kutu {background:none;} div#subs.kutu ul{background:none; width:20px; height:200px;} #sidebar-links li { list-style-type:none; height:50px; } #sidebar-links li.page_item {width:100px; height:100px; font-size:14px;} /* end tabbed menu */ /* Content Left */ #side-left a {font-weight:bold;} #side-left p {margin:0; padding:0;} #side-left h2 {font: 22px "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif; color:#05454f;} #side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#05454f; font-weight:normal;} #side-left h2 a:hover, #side-left h3 a:hover {color:#ff6f40; text-decoration:none;} #side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color:#555555;} #side-left h2.pagetitle {color:#3da845 ;} #side-left h2.result, #side-left-large h2.result {color:#3da845 ; padding-left:5px;} #side-left img {max-width:460px; margin:5px;} #content .tags {font-size:12px; color:#ccc; margin-bottom:5px;font-weight:bold;} #content .tags a{font-size:12px; color:#ccc; font-weight:normal;} #content .tags a:hover{color:#2e2e2d; text-decoration:none;} #content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;} #content .postmetadata a {color:#ccc; font-weight:bold; font-size:10px;} #content .postmetadata a:hover {color:#2e2e2d; text-decoration:none;} #lees-verder {padding:10px 0 0 0; display:block; height:20px;} #navigation {font-size:10px; line-height:21px; height:20px;} #side-left .img-nav { padding:10px; width:95%;} #navigation span { color:#aaa;} #navigation a{background:#29b0c4 url(images/pagination-left.gif) left center no-repeat; color: #fff; padding: 5px 0 5px 6px; line-height:22px; text-decoration:none;} #navigation a strong{background:url(images/pagination-right.gif) right center no-repeat; padding: 5px 7px 5px 0px;text-decoration:none;} #navigation a:hover{background: #ff6f40 url(images/pagination-hover-left.gif) left center no-repeat; text-decoration:none;} #navigation a:hover strong{background: url(images/pagination-hover-right.gif) right center no-repeat;text-decoration:none;} #content ul, #content ul ol {line-height:22px; color:#888;margin:10px 0 0 0; } #content ul li{ list-style-type: square; color: #555; margin-bottom: 5px; margin:0px 5px 0 35px; } #content ul p, #content ul select { margin: 5px 0 8px; } #content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none; } #content ul ul li, #content ul ol li{ list-style-type: circle; border:none;} #content ol li {list-style-type:decimal; margin:0 0 5px 45px;} #content ol li ul li {list-style-type:lower-roman;} #content ul ul ul, #content ul ol { margin: 0 0 0 10px; } #content ul ol li { list-style: decimal outside; } #content ul ul li, #content ul ol li { margin: 3px 0 0; padding: 0;} .entry img {border: 1px solid #f1f1f1; text-align: center; padding: 5px; /*margin:5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;} #side-left p.warning { background:transparent url(images/warning.gif) left no-repeat; color:#aaa; padding:0 0 0 20px;} .post {padding:0px 10px 0px 10px;} /* Sidebar Right */ #sidebar a {font-weight:bold; font-size:14px; } #sidebar .kutu2 h2 {color:#0c5762; padding-bottom:8px; font-size:18px;} /*background:#29b0c4; */ #sidebar .kutu2 h2:first-letter {color:#0c5762;} #sidebar h2 {background:url(images/sidebar-h2-bg.gif) bottom left no-repeat;color:#444; padding-bottom:8px; font-size:18px;} #sidebar h2#tagwolk {background:url(images/knoppen/sidebar-tagcloud.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px; width:200px; height:55px;display:block;} #sidebar h2#bestellink {background:url(images/knoppen/sidebar-bestelformulier.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px; overflow:hidden; display:block; width:200px; height:55px;} #sidebar h2#rubrieken {background:url(images/knoppen/sidebar-rubrieken.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px; overflow:hidden; display:block; width:200px; height:55px;} #sidebar h2#archieven {background:url(images/knoppen/sidebar-archief.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px; overflow:hidden; display:block; width:200px; height:55px;} #sidebar h2#laatste-blogs{background:url(images/knoppen/sidebar-laatste-blogs.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px; overflow:hidden; display:block; width:200px; height:55px;} a#orderlink {cursor: pointer;} #sidebar h2#links {background:url(images/knoppen/sidebar-links.jpg) no-repeat left;color:#444; padding-bottom:8px; font-size:18px; text-indent:-9999px;width:200px; height:55px;display:block; overflow:hidden;} #sidebar h2:first-letter {color:#29b0c4} #sidebar ul, #sidebar ul ol{line-height:22px; color:#aaa;margin:10px 0 0 0; } #sidebar ul li { list-style-type: square; list-style-image: none; margin-bottom: 5px; margin:0px 5px 0 15px; border-bottom:1px dashed #f1f1f1; padding-bottom:3px;} #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol {margin: 3px 0 0 15px;border:none; } #sidebar ul ul li, #sidebar ul ol li{ list-style-type: circle; border:none;} #sidebar ol li {list-style-type:lower-roman; margin:0 0 0 20px;} #sidebar ol li ul li {list-style-type:lower-roman;} #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0;} #sidebar ul li a:link, #sidebar ul li a:visited {background:none; margin:0; padding:0; color:#3DA845 ;} #tag_cloud a:link, #tag_cloud a:visited {font-weight:normal; color:#3DA845 ;} #sidebar ul li a:active, #sidebar ul li a:hover {background:none; margin:0; padding:0; color:#FF0000;} #tag_cloud a:active, #tag_cloud a:hover {font-weight:normal; color:#3DA845;} #sidebar li.latestcomment{list-style-type:none; padding:3px; margin:0 0 0px 0; border:none; line-height:20px; background:#f9f9f9;} #sidebar li.latestcomment:hover{ background:#f1f1f1;} span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;} #sidebar li.latestpost{padding: 0px; margin-left:15px; line-height:14px; padding:3px 0 3px 0;} span.commententrytitle { font-size: 0.85em; line-height:8px; color: #AAAAAA;} span.latestpostmeta, span.latestpostmeta a { font-size: 0.85em; font-weight:normal; color: #AAAAAA;} /* Comments Form */ #comments h3 {border-top:2px solid #f1f1f1; border-bottom:5px solid #f1f1f1;color:#3DA845; padding:5px 0 5px 0; font-size:18px;} #commentform p, form p { font-family: "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif; } #commentform input{ width: 50%; padding:2px; margin: 5px 5px 1px 0; border:1px solid #f1f1f1; background: #f9f9f9; } #commentform textarea{ width: 99%; padding: 1px; border:1px solid #f1f1f1; background: #f9f9f9;} #commentform input:hover, #commentform textarea:hover { border:1px solid #f1f1f1; background: #f1f1f1;} #commentform #submit{ background:url(images/button.gif) center bottom no-repeat ; margin: 0; line-height:26px; border:none; height:28px; width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; } #commentform #submit:hover { background:url(images/button-hover.gif) center bottom no-repeat ;} #commentform p {margin-bottom: 5px;} /* Comments List */ #comments ul{ padding: 5px;} #comments li { text-transform: lowercase; margin: 10px 0 10px 0; padding: 5px 10px 3px; list-style: none; } #comments li .avatar { float: right; border: 1px solid #eee; padding: 2px; margin-left: 5px; margin-bottom: 5px; background: #fff; } #comments cite{font-weight: bold; font-style: normal; font-size: 1.1em } #comments cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } #comments p { font-weight: normal; line-height: 1.5em; text-transform: lowercase; margin: 10px 5px 10px 0; } #comments small.commentmetadata { background:none; font-weight: normal; } #commentform p { font-family: "Gill Sans MT", "Gill Sans", Verdana, Sans-Serif; margin: 5px 0; } #comments .nocomments { text-align: center; margin: 0; padding: 0; } #comments .commentmetadata { margin: 0; display: block; } #comments .darkcolor { background-color: #f9f9f9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} #comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#ccc; height:37px; margin-right:5px;} #comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px; } /* Footer */ #footer {font-size:11px; color:#555555;} #footer a {font-weight:bold;} #footer .footer-left{float:left; padding-top:10px;} #footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;} #footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;} #footer .footer-right ul li { display: inline; padding:0px; margin:0px; } #footer .footer-right a img {opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30)} #footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100)} /* Voorbeelden styling of Image Injection Plugin */ /*.iip_image {float:left;}*/ .iip_all1 { width:150px; float:left;} .iip_all2 {width:150px; float:left;} #iip_description { height:100px;width:140px; float:left; padding-left:5px; font-size:12px; line-height:10px;}