/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /*Om ergens een kleur code te veranderen zoek je naar de een vergelijkbare code als #F5F1D6. De code is inclusief het hekje. Om de juiste hexidecimale (hex) kleur te vinden kun je zoiets als http://www.2createawebsite.com/build/hex-colors.html gebruiken. */ #header { background: transparent url('images/header.jpg') top center no-repeat; border-color:transparent; border-style:none; height: 70px; clear:both; } #header #tagline { display: none; font-size:1.4em; line-height:1.429em; } .custom .menu { display: none; } a img { /*De kleurcode hieronder bepaalt de rand om (kleine) afbeeldingen */ border: 1px solid #696864 !important; width: 100px; height: auto; } img.standard { margin: 5px } .wthumb_odd img { /*De kleur code hieronder bepaalt de rand om de brede afbeelding */ border: 1px solid #696864 !important; } #column_wrap { background: none scroll 21.8em 0 transparent; width:80.5em; } #content_box { background:none scroll 80.5em 0 transparent; width:100%; } #header_pages { margin-left: 300px; } ul.header_pages, ul.header_pages a { display: block; height: 30px; color: #E7E790; font-size: 12px; font-weight: bold; list-style-type: none; } li.trou, li.prijs, li.contact, li.home { float: left; margin-right: 50px; } #sidebar_1 { top: -20px !important; } img.s2 { top: -30px; } #sidebar_2{ margin-top: 15px; background-color: #FFF4CC; border: 1px solid #FFF4CC; } #sidebars .sidebar ul.sidebar_list { /* De background-color setting bepaalt de achtergrond kleur voor de sidebar */ background-color: #A7A59E; padding: 10px 5px; border: 2px solid #FFF; -webkit-border-top-left-radius: 20px; -moz-border-radius-topleft: 20px; border-top-left-radius: 20px; } #sidebar_2 .widget_box { /* De border-color setting bepaalt de kleur van de rand voor de widgets */ border-color: 1px solid #FFF4CC; } .custom .sidebar h3 { /* De color setting bepaalt de kleur van de tekst Algemene Informatie Font-weight bepaalt de dikte van de tekst. Meer info hier http://www.handleidinghtml.nl/css/eigenschappen/font-weight/beschrijving.html */ color:#555555; font-weight: bold; } li.widget ul li { /* De border-bottom setting bepaalt de kleur van de onderliggende rand voor de lijst van de koppelingen */ border-bottom: 1px solid #991B1E; } li.widget ul li a { /* De color setting bepaalt de kleur van de linkjes in de lijst van de koppelingen, maar ook ander linkjes in de sidebar */ color: #991B1E; font-weight: normal; } #column_wrap .sidebar ul.sidebar_list { padding-top:0em; } .comments_closed { display: none; } .custom .sidebar ul.sidebar_list { padding-top:0px; padding-left:0px; padding-right:0px; } #multimedia_box { display: none; } #wrapsmallthumb { width: 100%; } .custom #smallthumb{ width: 100%; margin-top: 5px; } #smallthumb .sthumb { width: 100px; padding: 2px; margin: 10px 0px 0px 0px; border:none; overflow: hidden; height: 120px; } .imglink, .linkthumb { width: 100%; height: 20px; margin-bottom: 5px; text-align: center; text-transform: uppercase; text-decoration: underline; } img.thumbe { width: 100px; height: auto; } li.widget { margin-bottom:1.3em; } .linkthumb a { /* De color setting bepaalt de kleur van linkjes onderaan afbeeldingen. Die tekstlinken moeten wel class="linkthumb" hebben. */ color: #991B1E; } .custom .odd { float: left !important; } .custom .even { float: right; } .wthumb_odd { margin: 15px 0 5px 0; width: 220px; overflow: hidden; } .custom .widget_links { width: 220px; display: block; margin-bottom: 0; } #footer { background: transparent url('images/footer.jpg') top center no-repeat; border-color:transparent; border-style:none; clear:both; text-align:center; height: 40px; } #footer p { margin-top: 50px; font-size:1.2em; line-height:1.667em; } /*Opmaak voor de tabel*/ table,td,th{ border:none; border-collapse:collapse; margin:0; padding:0; } table{ border:none; } td,th{ padding:.2em .5em; vertical-align:top; font-weight:normal; } thead th{ font-weight:bold; font-size:90%; vertical-align:bottom; border-bottom:1px solid #FFF4CC; margin-bottom:5px; } tbody th,td{ border-right:1px solid #FFF4CC; border-bottom: 1px solid #FFF4CC; } tbody td,tbody th{ padding:7px 10px; } tbody th{ border-left:1px solid #FFF4CC; } tfoot td,tfoot th{ margin-top:5px; border:none; border-top:1px solid #FFF4CC; } caption{ text-align:left; font-size:120%; font-weight:bold; margin:5px; } table a:hover{ text-decoration:none; } table a:active{ color: #FFF4CC; } /* Breadcrumbs */ .home #yoastbreadcrumb { display: none; } #yoastbreadcrumb { font-size: 11px; /*font size, change this to whatever you want*/ padding: 10px 0px 0px 10px; /*10 padding top, 10 padding left*/ color: #991B1E; } #yoastbreadcrumb a { color: #991B1E; } #yoastbreadcrumb a:hover { text-decoration: underline; /*underline the links on a mouse over*/ }