/* Theme Name: CT Starter Theme URI: http://communicatieteam.nl Description: theme op basis van WP3.4.2 Author: Bas van de Sande Author URI: http://communicatieteam.nl License: no licenses License URI: http://communicatieteam.nl Version: 1.0 Tags: custom-header, custom-background, custom-menu, translation-ready */ @import url('inc/ui-tabs.css'); /* reset --------------------------------------------*/ div, span, body, html, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn,em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-text-size-adjust: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* table { border-collapse: collapse; border-spacing: 0; } */ ul, ol { margin:0; padding:0; } /* css --------------------------------------------*/ body { font-size: 14px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; color:#eee; background-color: #2e2c2d;} .clear { clear: both; } .alignright { float:right; } .alignleft { float: left; } .aligncenter { float:center; } h1, h2, h3 { margin: 0 0 10px 0; font-weight: normal; color:#eee; } h1 { } h2 { } h3 { } p { margin: 0 0 10px 0; } a { color: #eee; } a:hover { color: #aaa; } blockquote { } blockquote p { } .clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /*---------------------------------------------*/ /* KLANT: RX2 */ /*---------------------------------------------*/ /* algemene structuur */ body { background: url('images/bg_content2.jpg') repeat-x #2e2c2d;} .wrapper { width: 960px; margin: 0 auto; position: relative; } #header { background: #333; position: fixed; width: 100%; height: 100px; background-color: #333; z-index:10000; } #content-wrap { padding: 100px 0 0px;} #content { width: 600px; float:left; color: #eee; } #content-home { } #content-fullwidth { width: 900px; color:#eee; float: left; margin: 0 20px;} #sidebar { width: 300px; float: right; } #footer { clear:both; background:#000;} /*---------------------------------------------*/ /* header */ /*---------------------------------------------*/ /* logo */ h1 { margin-top: 15px; width: 160px; height: 70px; background: url('images/logo.png'); text-indent: 100%; white-space: nowrap; overflow: hidden; } .logo { position: absolute; top: 0;left: 0; } /* search */ #searchform { position: absolute; right: 30px; top: 50px; width: 180px; } #searchform label { display: none; } #searchform #s { background-color: #a7a9ac; border: 0 none; border-radius: 2px 0 0 2px; display: block; float: left; height: 28px; outline: 0 none; padding-left: 10px; right: 30px; width: 136px;} #searchform #searchsubmit { float: right; width:30px; height:30px; background:url('images/search.gif') no-repeat #444; text-indent: 200%; overflow: hidden; border:0; top: 30px; border-radius: 0 2px 2px 0; } /* top button */ .top { float:right; } /* nav */ .menu-main-container { position: absolute; left: 200px; top: 20px; width: 600px; height:30px; MARGIN-TOP: 30px; } .menu-main-container ul { font-size: 12px; height: 30px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); margin:0; padding: 0; } .menu-main-container li { float: left; display: inline; } .menu-main-container li a { display: block; text-decoration: none; color: #fff; height: 30px; text-transform: uppercase; line-height: 30px; padding: 0 10px; background-color: #444; margin-right: 10px; border-radius: 2px} .menu-main-container li a:hover, .menu-main-container li.current_page_parent a, .menu-main-container li.current_page_item a { background: #aaa; } .menu-main-container ul.sub-menu { display: none; } .menu-main-container li:hover>.sub-menu { display: inline;} .menu-main-container ul ul { display: none; position: absolute;top: 30px; } .menu-main-container ul ul li { text-shadow: none; float: none; width: 150px; } .menu-main-container ul ul li a { border-radius: 0; color:#333; padding: 5px 20px; background: #aaa; } .menu-main-container ul li:hover > ul { display: block;} .menu-main-container ul li li a:hover { background: #ccc; display: block;} /* header image */ #header-image { height: 150px; overflow: hidden;} #header-image img { } .border-lijn { width: 960px; height: 2px; background: url('images/border-rx2.gif') center top repeat-y; margin-bottom:20px; } .full { width: 100%; background-color: #939598;} .da-slide h2, .da-slide p { text-shadow: 0 0 3px #000;} #da-slider .da-slide p { color:#fff; font-size: 24px; width: 60%; line-height: 30px; top: 240px} #da-slider #slide0 .da-img { width: 50%;} #da-slider #slide3 .da-img { left: 50%} .slide0 { background: transparent url('images/slide0.jpg') repeat 0% 0%; width:100%; height: 100%} .slide1 { background: transparent url('images/slide1.jpg') repeat 0% 0%; width:100%; height: 100%} .slide2 { background: transparent url('images/slide2.jpg') repeat 0% 0%; width:100%; height: 100%} .slide3 { background: transparent url('images/slide3.jpg') repeat 0% 0%; width:100%; height: 100%} /*---------------------------------------------*/ /* content */ /*---------------------------------------------*/ ul, ol { margin: 0 0 10px; padding: 0 0 0 30px; } #home-actie a:hover, #logo-slider-wraper a:hover { opacity:0.5; filter:alpha(opacity=50);} /* posts */ .post, .product { margin: 0 40px 20px 0; } .post h2 { color: #ff9600; } /* private label */ .entry h4 { font-size: 14px; background: #444; padding: 10px; margin: 25px 0 10px; } /*---------------------------------------------*/ /* homepage */ /*---------------------------------------------*/ /* Images scalen in tabellen */ .slides img { max-width: 100%; width: 100%; height:auto/* Fluid images for posts, comments, and widgets */ } #home-actie { margin-bottom: 20px; } #home-actie .widget { float: left; margin: 0 30px 0 0; } #home-actie .widget h2 { display: none; } #home-actie .widget-last { margin: 0; } #home-actie a:hover { opacity:0.5; filter:alpha(opacity=50);} .content-home { margin-bottom: 20px; } .home-post .entry { float:left; background: #333; } .home-post p { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);} .home-post h2 { margin-top:0; font-size:36px; color: #fff; text-align: left;} .home-post h3 { margin-top:0; font-size:24px; color: #fff; text-align: left; margin-bottom: 10px;} .home-post h2, .home-post p, .home-post h3 { margin: 15px; line-height: 28px} .home-post .home-image { width:300px; float:right; } .oranje { color: #ff9600; } .home-product { height: 390px; /* background: url('images/bg-home-product.png') repeat-x; margin: -20px auto 0*/;} .home-product h2 { color: #fff; text-align: center; padding-top: 20px; margin-bottom: 40px;} .flexslider { border:0 !important;} .flex-control-nav { bottom: 10px !important; } #content-wrap #logo-slider-wraper { margin: 20px 0 20px!important; width: 960px!important; left: 0!important; } #logo-slider-wraper #logo-slider { width: 960px; } #logo-slider img { width: 160px; margin:0 5px;} #content-wrap #logo-slider { background: transparent !important;} #logo-slider-wraper #prev { margin-right:0 } #logo-slider-wraper #next { margin-left:0 } #logo-slider-wraper #prev, #logo-slider-wraper #next { display: none;} #content-wrap #slide-3902 .slide-data { margin-left: 600px; } #content-wrap .slide-data { width: 300px; background: rgba(0, 0, 0, 0.8); padding: 15px; filter: alpha(opacity=80);} #content-wrap .slide-data h2 { padding: 0 0 10px; font-size: 24px;} #content-wrap .slide-data p { } .home-ervaring { background: #aaa; color: #333; border-top:1px solid #ccc; margin: 20px auto; } .home-ervaring h2 { color: #fff; margin: 20px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); } .home-ervaring h2 span { color: #333; } .home-ervaring p { margin: 0 20px 20px; } ul.overonslijst { list-style: none; padding-left: 0; } .overonslijst li { border-bottom: 1px solid #ff9600; font-family: "Lato",arial,sans-serif; font-size: 18px; font-weight: 300; line-height: 20px; padding: 6px 0 10px 20px; } /*---------------------------------------------*/ /* landingspage */ /*---------------------------------------------*/ .Pro-Paint { width: 960px; height: 8px; background: rgb(122,211,51); margin-bottom:20px; } .Pro-Tech { width: 960px; height: 8px; background: rgb(240 ,132,8); margin-bottom:20px; } .Pro-Clear { width: 960px; height: 8px; background: rgb(0,158,224); margin-bottom:20px; } .Pro-Electro { width: 960px; height: 8px; background: rgb(147,29,82); margin-bottom:20px; } content-landing { border-bottom: 1px solid #666; } #content-landing .collapseomatic { background: rgb(122,211,51); padding:2px; text-align: center; text-decoration: none; margin-right: 10px; } #content-landing .collapseomatic_content { margin:0!important; overflow: auto;} #content-landing .soortbeeld { display:block; background:url('images/logo.png') top center no-repeat ; width: 160px; height: 110px; margin-bottom: 3px;} #content-landing .soortknop { display:inline-block; border-bottom: 3px solid #000000; padding-bottom: 16px; background: url('images/categorie-down.png') bottom center no-repeat rgb(77,77,77) } #content-landing .Pro-Paintknop:hover { color: #000; background: url('images/categorie-over.png') bottom center no-repeat #7AD333; border-color: #7AD333; border-bottom: 3px solid #000000} #content-landing .Pro-Techknop:hover { color: #000; background: url('images/categorie-over.png') bottom center no-repeat #f08408; border-color: #f08408; border-bottom: 3px solid #000000} #content-landing .Pro-Paintknop.colomat-close { background: #7AD333; color: #333333; } #content-landing .Pro-Techknop.colomat-close { background: #f08408; color: #333333; } /* Pro-paint soorten */ #content-landing #Industrielakken .soortbeeld { background: url("images/soort-beeld/industrielakken.png") top center no-repeat #000000; } #content-landing #Markeringsverf .soortbeeld { background: url("images/soort-beeld/markeringsverven.png") top center no-repeat #000000 } #content-landing #Zinksprays .soortbeeld { background: url("images/soort-beeld/zinksprays.png") top center no-repeat #000000} #content-landing #Specialties .soortbeeld { background: url("images/soort-beeld/specialties.png") top center no-repeat #000000} #content-landing #Markeeraccessoires .soortbeeld { background: url("images/soort-beeld/markeeraccessoires.png") top center no-repeat #000000} /* #content-landing #Industrielakken .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Markeringsverven .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Zinksprays .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Specialties .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Markeeraccessoires .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } */ /* Pro-tech soorten */ #content-landing #Bescherming .soortbeeld { background: url("images/soort-beeld/bescherming.png") top center no-repeat #000000} #content-landing #Reiniging .soortbeeld { background: url("images/soort-beeld/reiniging.png") top center no-repeat #000000} #content-landing #Smering .soortbeeld { background: url("images/soort-beeld/smering.png") top center no-repeat #000000} #content-landing #Markeeraccessoires .soortbeeld { background: url("images/soort-beeld/markeeraccessoires.png") top center no-repeat #000000} /* #content-landing #Bescherming .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Reiniging .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Smering .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } #content-landing #Markeeraccessoires .soortbeeld:hover { opacity:0.5; filter:alpha(opacity=50); } */ .lijstproducten { width:415px; background: #000; padding: 20px; position: relative; margin: 0 20px 20px 0; overflow: auto; float: left;} .lijstproducten h2 { margin:0; } .lijstproducten:hover { background: #111;} .lijstproducten .thumb img { width: 75px; height: 150px; float: left; } .lijstproducten .title { float:left; margin-left: 20px; width: 300px; } .lijstproducten .title a { text-decoration: none;} .lijstproducten .more a { text-decoration: none; width: 110px; height: 40px; line-height: 40px; text-align: center; background: #111; position: absolute; bottom: 20px; right: 20px;} .content-Pro-Paint .lijstproducten .more a { color: rgb(122,211,51); } .content-Pro-Tech .lijstproducten .more a { color: rgb(240,132,8); } .lijstproducten .more a:hover { color: #fff; background: #222; } a.product-cta { display: block; text-decoration: none; color: #fff; height: 30px; line-height: 30px; padding: 0 10px; background-color: #666; border-radius: 2px} a.product-cta:hover { color:#000;} .landingsidebar .sidePro-Paint h2, .landing_Pro-Paint h2 { color: rgb(122,211,51); font-size: 40px; line-height: 50px; font-weight: 400; } .landingsidebar .sidePro-Tech h2, .landing_Pro-Tech h2 { color: rgb(240,132,8); font-size: 40px; line-height: 50px; font-weight: 400; } .landingsidebar .sidePro-Clear h2, .landing_Pro-Clear h2 { color: rgb(0,158,224); font-size: 40px; line-height: 50px; font-weight: 400; } .landingsidebar .sidePro-Electro h2, .landing_Pro-Electro h2 { color: rgb(147,29,82); font-size: 40px; line-height: 50px; font-weight: 400; } .landingsidebar h2 { text-align: center; padding-bottom: 20px;} .landingsidebar ul.left { width: 200px; float: left;} .landingsidebar ul.right { width: 200px; float: right;} /* landing sidebar */ .landingsidebar { background-color: #000; padding: 10px; margin-bottom: 20px;} .page-template-page-landing .slide-data { display: none; } /*---------------------------------------------*/ /* productpage */ /*---------------------------------------------*/ .singleproduct { position: relative; overflow: auto; } .singleproduct>a>img { float: left; margin-right: 20px; padding:5px; width: 150px; height:300px; } .producttabel table { border-collapse: collapse; border-spacing: 0; background-color: #aaa; border: 1px #eee; width: 100%; } .producttabel th { background:#333; color:#fff;} .producttabel td { border-color:#fff; color:#000; padding: 3px 5px; } .producttabel td img { display: block; } .producttabel td.kleur { width: 28px; } .productdownloads img { vertical-align: middle; margin-right: 10px; } .productdownloads a { line-height: 40px;} .backtolandingspage-PRO-Paint { color: rgb(122,211,51); position: absolute; bottom: 0; right:0; text-decoration: none; margin-top: 20px; line-height: 40px; text-align: center; padding: 0 10px;} .backtolandingspage-PRO-Paint:hover { color: #fff; background: #222; } .backtolandingspage-PRO-Tech { color: rgb(240,132,8); position: absolute; bottom: 0; right:0; text-decoration: none; margin-top: 20px; line-height: 40px; text-align: center; padding: 0 10px;} .backtolandingspage-PRO-Tech:hover { color: #fff; background: #222; } /* sidebar kleurlink naar accessoires */ #sidebar .lijstproducten .more a { color: rgb(122,211,51); text-decoration: none; width: 110px; height: 40px; line-height: 40px; text-align: center; background: #111; position: absolute; bottom: 20px; right: 20px;} #sidebar .lijstproducten .more a:hover { background: #222; color:#fff; } /*---------------------------------------------*/ /* sidebar */ /*---------------------------------------------*/ .widget { margin-bottom:20px; } /* folderaanvraag */ #fancybox-content { background:#666!important; } .wpcf7 .wpcf7-text { display: block; width: 280px; height: 30px; border: 0; margin-bottom: 10px; padding:0 10px; } .wpcf7 .wpcf7-submit { color: #fff; margin-top: 10px; border: 0; display:inline; height: 30px; background-color:rgb(255,131,0); } .wpcf7 .wpcf7-list-item { display: block; } .wpcf7 .wpcf7-response-output { margin:0; } .wpcf7 .wpcf7-not-valid-tip { left:0px; top: 20px; background: #aaa; padding: 2px 5px;} /* offerte popup 8*/ #fancybox-content { background: #666; border: 10px solid #666 !important; } #wpcf7-f4561-t1-o1 { color: #eee; } #wpcf7-f4561-t1-o1 .wpcf7-text, #wpcf7-f4561-t1-o1 .wpcf7-number { display: block; width: 320px; height: 30px; border: 0; margin-bottom: 10px; padding:0 10px; } #wpcf7-f4561-t1-o1 textarea { width: 340px; } #wpcf7-f4561-t1-o1 .wpcf7-submit { color: #fff; width: 340px; border: 0; display:inline; height: 30px; background-color:rgb(255,131,0); } #wpcf7-f4561-t1-o1 .wpcf7-list-item { display: block;} #wpcf7-f4561-t1-o1 .wpcf7-response-output { margin:0; } #wpcf7-f4561-t1-o1 .wpcf7-not-valid-tip { left:0px; top: 20px; background: #aaa; padding: 2px 5px;} #wpcf7-f4561-t1-o1 .dynamictext-233 .wpcf7-text { color:#FFF;height: inherit; margin:0; padding: 0; background: #666; font-size: 30px; width: 340px;border-bottom: 1px solid #fff; } #wpcf7-f4561-t1-o1 .wpcf7-number { } /* image rotator */ .irw-widget ul { padding:0; margin:0;} /*---------------------------------------------*/ /* footer */ /*---------------------------------------------*/ #footer .block { width: 320px; float: left; margin:0 0 20px 0 ; padding: 0 ; position: relative; color: #bbb; } #footer .block a { color: rgb(128,128,128); } #footer h6 { color: #fff; font-size: 18px; padding:0 3px; line-height:0.1em; text-align:center; border-bottom: 2px solid rgb(255,131,0); margin:40px 0 40px; } #footer h6 span { background:#000; padding:0 10px; } #footer .block>p { margin: 0 20px; /*font-family: Arial, Helvetica, sans-serif;*/ } /* nieuwsbrief */ #formulier label { } #formulier .input { display: block; width: 280px; height: 30px; border: 0; float: left; margin-bottom: 10px; padding:0 10px; } #formulier br { clear: left;} #formulier .button, #footer .wpcf7-submit { color: #fff; width: 300px; border: 0; display:inline; height: 30px; background-color:rgb(255,131,0); } /* copyright */ #copyright { } #copyright p, #copyright a { padding: 5px 0; color: rgb(100,100,100); margin:0; } /* Wordpress basics ----------------------------------------------*/ .wp-caption { } .wp-caption-text { } .sticky { } .gallery-caption { } .post { } .entry { } .entry a { } .entry a:hover { } pre { } code, tt { } .postmetadata { }