@tekstkleur: #555555; @linkkleur: #999999; @menukleur: #000; @linkkleurover: #ad986f; @kopkleur: #222222; @topkleur: #fff; @footerkleur: #ccc; @achter: #222; @thumbselect: #000; a{ color:@linkkleur; text-decoration: none; } a:hover{ text-decoration: underline; } /* ---------------------------------------- Headings and Titles --------------------------------------------- */ h1 { line-height: 28px; padding-bottom: 0px; } .post .title, .page .title, .post .title a:link, .post .title a:visited, .page .title a:link, .page .title a:visited { text-transform: uppercase; font-size: 12px; font-weight: normal; text-decoration: none; letter-spacing: 0.1em; color:@kopkleur; line-height: 1.1em; padding-top: 0; margin-top:10px; } .post .title a:hover,.page .title a:hover{ color:@linkkleurover; } .catthumb .post .title a:hover{ /* color:@linkkleurover; */ } #header { height: 35px; border-bottom: 1px solid black !important; display: block; } .site-title{ display:none; } .site-description{ display:none; } .new-archive-description{ padding-bottom: 20px; } /* ---------------------------------------- Logo --------------------------------------------- */ #logo a img{ /* margin-top: -5px; */ border: none; color: none; } #top #top-nav { /* display: block!important; */ } #top { /* margin-top: -8px; */ /* height:0px; */ width:100%; background: @topkleur; /* background-image: linear-gradient(bottom, rgb(56,56,56) 10%, rgb(59,59,59) 22%, rgb(70,70,70) 76%); background-image: -o-linear-gradient(bottom, rgb(56,56,56) 10%, rgb(59,59,59) 22%, rgb(70,70,70) 76%); background-image: -moz-linear-gradient(bottom, rgb(56,56,56) 10%, rgb(59,59,59) 22%, rgb(70,70,70) 76%); background-image: -webkit-linear-gradient(bottom, rgb(56,56,56) 10%, rgb(59,59,59) 22%, rgb(70,70,70) 76%); background-image: -ms-linear-gradient(bottom, rgb(56,56,56) 10%, rgb(59,59,59) 22%, rgb(70,70,70) 76%); background-image: -webkit-gradient(linear,right bottom,right top,color-stop(0.1, rgb(56,56,56)),color-stop(0.22, rgb(59,59,59)),color-stop(0.76, rgb(70,70,70))); */ /* background-image: linear-gradient(bottom, rgb(0,0,0) 8%, rgb(59,59,59) 47%, rgb(70,70,70) 80%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 8%, rgb(59,59,59) 47%, rgb(70,70,70) 80%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 8%, rgb(59,59,59) 47%, rgb(70,70,70) 80%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 8%, rgb(59,59,59) 47%, rgb(70,70,70) 80%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 8%, rgb(59,59,59) 47%, rgb(70,70,70) 80%); background-image: -webkit-gradient(linear,right bottom,right top,color-stop(0.08, rgb(0,0,0)),color-stop(0.47, rgb(59,59,59)),color-stop(0.8, rgb(70,70,70))); */ } /* ---------------------------------------- Navigation --------------------------------------------- */ ul #top-nav{ display:none; } ul .menu{ list-style: none; } #main-nav { min-height: 45px; padding: 0; margin-top:-35px; margin-bottom: 30px; display: none; } #navigation { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-left-color-ltr-source: physical; border-left-color-rtl-source: physical; border-left-color-value: #DBDBDB; border-left-style-ltr-source: physical; border-left-style-rtl-source: physical; border-left-style-value: solid; border-left-width-ltr-source: physical; border-left-width-rtl-source: physical; border-left-width-value: 0px; border-right-color-ltr-source: physical; border-right-color-rtl-source: physical; border-right-color-value: #DBDBDB; border-right-style-ltr-source: physical; border-right-style-rtl-source: physical; border-right-style-value: solid; border-right-width-ltr-source: physical; border-right-width-rtl-source: physical; border-right-width-value: 1px; border-top-color: #DBDBDB; border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 0px; margin-bottom: 0; } #navigation ul { float:left; } #navigation ul li a { letter-spacing: 0.1em; text-decoration: none; text-transform: uppercase; color:@menukleur; margin-right: 30px; } #navigation ul li a:hover { color:@linkkleurover; } #navigation ul.nav li.current_page_item a,#navigation ul.nav li.current_page_parent a,#navigation ul.nav li.current-post-parent a,#navigation ul.nav li.current-post-ancestor current-menu-parent current-post-parent a,#navigation ul.nav li.current-cat a, #navigation ul.nav li.current-menu-item a{ /* color:@linkkleurover; */ } /* .menu-hoofdmenu-container .menu li.current-menu-item a{ color:@linkkleurover; } */ #navigation ul li{ text-align: left; } #navigation ul ul li, #navigation ul ul li a{ border:none; } #navigation ul li ul.sub-menu{ padding:0px; } #navigation ul li ul.sub-menu li a,#navigation ul li ul.sub-menu li a:hover{ padding:0; margin:0 0 0 -11px; border:none; background-color: #FFF; } /* -------------------------------------- Sidebar Menu --------------------------------------------------- */ #accordion .ui-icon { display: none; } #nav_menu-2, #nav_menu-3, #dc_jqaccordion_widget-2{ font-size: 12px; font-family: 'PT Sans', sans-serif, arial; text-transform: uppercase; letter-spacing: 0.1em; } #nav_menu-2 a, #nav_menu-3 a, #dc_jqaccordion_widget-2 a{ color:@menukleur; } ul .sub-menu{ } #nav_menu-2 li.current-menu-item a:hover ul .sub-menu{ color:@linkkleurover; text-decoration: none; } #dc_jqaccordion_widget-2 a:hover{ color:@linkkleurover; text-decoration: none; } #dc_jqaccordion_widget-2 li.current-menu-item a{ color:@linkkleurover; text-decoration: none; } #dc_jqaccordion_widget-2 li.current_post_parent a{ color:@linkkleurover; text-decoration: none; } #dc_jqaccordion_widget-2 li.current_page_parent a{ color:@linkkleurover; text-decoration: none; } /* #dc_jqaccordion_widget-2 li.current_page_parent a, */ /* , #dc_jqaccordion_widget-2 li.current-menu-parent a ul li a */ /* ,#dc_jqaccordion_widget-2 li.current-menu-parent menu-item-home a */ /* ,#dc_jqaccordion_widget-2 li.current-menu-parent a */ #dc_jqaccordion_widget-2 li.current-post-ancestor.current-menu-parent.current-post-parent a{ color:@linkkleurover; text-decoration: none; } ul, menu, dir { display: block; list-style-type: none; padding-left:0; margin-left: 0; } .entry img, img.thumbnail, #portfolio .group.portfolio-img img { border: none; padding-top:0; margin-top: 0; } img { margin-bottom: 5px; max-width: 100%; height: auto; } a img{ } #main-sidebar-container .col-left{ padding-top:13px; } #wrapper #sidebar { margin-top: 25px; } /* ---------------------------------------- Main --------------------------------------------- */ #main{ margin-top: 30px; /* deze uitzetten als de navigation staat in de bovenbalk */ } #main .col-left{ } /* ---------------------------------------- Posts and Entries --------------------------------------------- */ .post{ padding:0 0 25px 0; } .blog .entry{ border-bottom: 1px solid black !important; } .catthumb{ padding:0px 25px 2px 0; width: 120px !important; min-height:210px; float:left; background: transparent; } .catthumb .post .title a{ font-size:10px !important; font-weight: normal !important; } .catthumb .post{ height:165px !important; border-bottom: none !important; width: 100% !important; display: inline-block; } .catthumb .entry p{ display:none; } h1.archive_header { /* display:none; */ color: @kopkleur; font-size: 14px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; padding:0; margin:-3px 0 1em 0; } .entry, .entry p{ font-family: Helvetica, arial, sans-serif !important; } .entry .home p{ /* padding-top:10px; */ } .post-101.page .title, .post-1135.page .title{ display: none !important; } .entry .home h2, .entry h2{ color: @kopkleur; font-family: 'PT Sans',arial,sans-serif; font-size: 14px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.1em; letter-spacing: 0.1em; text-transform: uppercase; } .entry p.homeline{ border-bottom: 1px solid black !important; padding-bottom: 25px; } .entry p.wp-caption{ text-align:left; font-size: 10px; line-height: 1.5em; color:@achter; letter-spacing: 0.1em; text-transform: uppercase; } .entry{ /* border-bottom: 1px solid black; */ /* margin-bottom:15px; */ } .post-meta { display:none; } .post-more { display:none; } .post-entries{ display:none; } #connect { display:none; } #comments { display:none; } td{ padding: 0px !important; border:none; } table{ border-spacing: 0px; margin-bottom: 40px; } /* ---------------------------------------- Footer --------------------------------------------- */ #footer, #footer p { font-family: 'PT Sans', sans-serif, arial; text-decoration: none; font-size: 11px; } #footer { border-top: 1px solid black; display:block; clear: both; } #ontwerp{ text-decoration: none; padding-right:12px; color:@kopkleur !important; } /* ---------------------------------------- Widgets --------------------------------------------- */ .widget h3 { -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; border-bottom-color: #E6E6E6; border-bottom-style: solid; border-bottom-width: 0; color: @kopkleur; font-family: PT Sans; font-size: 14px; text-transform: uppercase; font-size-adjust: none; font-stretch: none; font-style: normal; font-variant: normal; font-weight: bold; line-height: 1.1em; letter-spacing: 0.1em; margin-bottom: 0.67em; margin-left: 0; margin-right: 0; margin-top: 0.67em; } .widget ul { list-style: none; } .widget ul li a { line-height: 12px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } /* --------------------------------- WPML Menu ------------------------------------------*/ #lang_sel_list { color: @menukleur; font-family: PT Sans; text-transform: uppercase; letter-spacing: 0.1em; font-size: 12px; height: 32px; position: relative; width: 149px; z-index: 99; border:none; } #lang_sel_list a, #lang_sel_list a:visited { font-size: 12px; } #lang_sel_list ul a, #lang_sel_list_list ul a:visited { color: @menukleur; height: auto; line-height: 1em; padding-bottom: 3px; padding-left: 0px; padding-right: 10px; padding-top: 3px; border:none; font-size: 12px; } #lang_sel_list ul { border-top-color: #CDCDCD; border-top-style: solid; border-top-width: 0px; height: 0; left: 0; top: 19px; width: 149px; } #lang_sel_list a.lang_sel_sel:hover, #lang_sel_list a.lang_sel_other:hover { color: @linkkleurover; } #lang_sel_list a.lang_sel_sel, #lang_sel_list a.lang_sel_other { background-image: none; color: @menukleur; } .widget { line-height: 1.1em; text-align: left; /* -moz-font-feature-settings: normal; -moz-font-language-override: normal; -x-system-font: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; color: #222222; font-family: Arial,sans-serif; font-size: 13px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1.5em; */ } .widget ul { list-style-image: none; list-style-position: outside; list-style-type: none; } ul, menu, dir { display: block; margin-left: 0; padding-left: 0; text-align: left; } ul, menu, dir { margin-bottom: 1em; margin-right: 0; margin-top: 1em; padding-left-ltr-source: logical; padding-right-rtl-source: logical; padding-start-value: 40px; } /* --------------------------------- NextGen Gallery ------------------------------------ */ .ngg-gallery-list li a { border:0px solid #CCCCCC; display:block; padding:2px 2px 0px 2px; } .ngg-galleryoverview div.pic img { width: 100%; max-width:660px; } .ngg-gallery-list li.selected a { -moz-background-inline-policy: continuous; background-attachment: scroll; background-clip: border-box; background-color: @topkleur; background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom: 1px solid @thumbselect; } /* --------------------------------- Collapseomatic Plugin ------------------------------------ */ .collapseomatic_excerpt, .collapseomatic_content { margin-left: 0px; } /* --------------------------------- Video Responsive ------------------------------------ */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ------------------------------------------------------------------------------------------ */ .wpspn-area { clear: both; height: 30px; margin-top: 0; position: relative; top: 0px; width: 612px; z-index: 100; }