Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body {
- padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
- font-size:13px;
- }
- h1, .h1 {
- color: #4975B4;
- font-size: 28px;
- font-weight: 600;
- }
- h2, .h2 {
- color: #f15f1d;
- font-size: 14px;
- font-weight: 600;
- }
- .portfolio-item {
- margin-bottom: 25px;
- width: 100%;
- }
- .catview.products .col-sm-3{
- width: 20%;
- }
- .catview h1 {
- clear: left;
- float: left;
- margin-bottom: 30px;
- margin-top: 0px;
- }
- .catview p{
- margin-bottom:40px;
- clear: left;
- }
- .pagenation{
- margin-top:20px;
- margin-bottom:10px;
- }
- .pages ul{
- margin:15px 0 0 0;
- padding:0px;
- float:right;
- }
- .pages ul li{
- margin:0px 4px 4px 0;
- list-style: none;
- padding:0px;
- float: left;
- }
- .pages ul li a{
- background: #f6f6f6;
- border: 1px solid #dddddd;
- display: block;
- padding: 4px 8px;
- }
- .pages ul li a:hover{
- background: #93beeb;
- border: 1px solid #93beeb;
- text-decoration: none;
- color: #fff;
- }
- .pageback{
- background: #6fa8e4;
- border-radius: 4px;
- color: #fff;
- padding: 10px 30px;
- text-transform: uppercase;
- position: relative;
- top:0px;
- z-index: 1;
- float: right;
- }
- .pageback:hover{
- background: #619cda;
- color: #fff;
- text-decoration: none;
- }
- /* Add a black background color to the top navigation */
- .topnav {
- background-color: #4975b4;
- /* width: -webkit-fill-available; */
- /* overflow: hidden */;
- }
- /* Style the links inside the navigation bar */
- .topnav a {
- float: left;
- display: block;
- color: #f2f2f2;
- text-align: center;
- padding: 14px 26px;
- text-decoration: none;
- font-size: 17px;
- }
- /* Add an active class to highlight the current page */
- .active {
- background-color: #4CAF50;
- color: white;
- }
- /* Hide the link that should open and close the topnav on small screens */
- .topnav .icon {
- display: none;
- }
- /* Dropdown container - needed to position the dropdown content */
- .dropdown {
- float: left;
- overflow: hidden;
- position: static;
- }
- /* Style the dropdown button to fit inside the topnav */
- .dropdown .dropbtn {
- font-size: 17px;
- border: none;
- outline: none;
- color: white;
- padding: 14px 16px;
- background-color: inherit;
- font-family: inherit;
- margin: 0;
- }
- /* Style the dropdown content (hidden by default) */
- .dropdown-content {
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
- }
- /* Style the links inside the dropdown */
- .dropdown-content a {
- float: none;
- color: black;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- text-align: left;
- }
- /* Add a dark background on topnav links and the dropdown button on hover */
- .topnav a:hover, .dropdown:hover .dropbtn {
- background-color: #75AEFF;
- color: white;
- }
- /* Add a grey background to dropdown links on hover */
- .dropdown-content a:hover {
- background-color:#75AEFF;
- color: black;
- }
- /* Show the dropdown menu when the user moves the mouse over the dropdown button */
- .dropdown:hover .dropdown-content {
- display: block;
- }
- /* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
- @media screen and (max-width: 600px) {
- .topnav a:not(:first-child), .dropdown .dropbtn {
- display: none;
- }
- .topnav a.icon {
- float: right;
- display: block;
- }
- }
- @media only screen and (min-width: 1024px) {
- /* Add your Desktop Styles here */
- .mobielmenu {
- display: none !important;
- }
- }
- /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
- @media screen and (max-width: 600px) {
- .topnav.responsive {position: relative;}
- .topnav.responsive a.icon {
- position: absolute;
- right: 0;
- top: 0;
- }
- .topnav.responsive a {
- float: none;
- display: block;
- text-align: left;
- }
- .topnav.responsive .dropdown {float: none;}
- .topnav.responsive .dropdown-content {position: relative;}
- .topnav.responsive .dropdown .dropbtn {
- display: block;
- width: 100%;
- text-align: left;
- }
- }
- .products .col-sm-3.col-xs-6{
- padding-left: 5px;
- padding-right: 5px;
- margin-bottom:10px;
- }
- .products .col-sm-3.col-xs-6 h2 {
- background: none repeat scroll 0 0 #93beeb;
- border: 0 none;
- color: #fff;
- font-size: 14px;
- font-weight: 600;
- margin: 0;
- padding: 7px 0;
- text-align: center;
- }
- .products .col-sm-3 div{
- display: block;
- border: 1px solid #e2e2e2;
- }
- .products .col-sm-3 div:hover{
- border-color: #bcbcbc;
- }
- .products .col-sm-3 div p {
- height: 106px;
- margin-bottom: 0;
- overflow: hidden;
- padding: 10px 17px 0;
- text-align: left;
- }
- .products .col-md-3 {
- padding-left: 5px;
- padding-right: 5px;
- }
- .products .col-sm-3 img{
- margin-bottom:10px;
- margin-top:10px;
- }
- .products .col-md-9{
- padding:0px;
- }
- .products a.button {
- background: #ee5f1d url(/img/arrow-right.png) no-repeat 125px center;
- border-radius: 3px;
- color: #fff;
- display: block;
- margin: 15px;
- padding: 15px 10px 15px 10px;
- width: 85%;
- }
- .products .col-md-9 a.button:hover {
- text-decoration: underline;
- background-color: #f26727;
- }
- .products .col-sm-3 .prices{
- background: #F2F2F2;
- border:0px;
- padding:10px 20px 10px 20px;
- }
- .products .col-sm-3 .prices .adviesprijs{
- color: #6d6d6d;
- font-weight:600;
- font-size:14px;
- background-image: url(/img/streep.png);
- background-repeat: no-repeat;
- padding-right:3px;
- }
- .products .col-sm-3 .prices .adviesprijsleeg{
- color: #6d6d6d;
- font-weight:600;
- font-size:14px;
- }
- .products .col-sm-3 .prices .verkoopprijs{
- color: #EE5F1D;
- font-weight:600;
- font-size:18px;
- }
- .col-md-12 {
- clear: left;
- }
- .col-md-12 h1 {
- color: #4975B4;
- font-size: 28px;
- font-weight: 600;
- margin-top:-5px;
- }
- .col-md-12.banner{
- padding:0px;
- clear: left;
- }
- .banner .thumbnail{
- border:0px;
- padding:0px;
- }
- .minithumbs {
- display: block;
- height: 200px;
- overflow: hidden;
- }
- .container .lead {
- color: #4975B4;
- font-size: 18px;
- font-weight: bold;
- margin:0px;
- padding: 10px 15px;
- border-top:1px solid #e2e2e2;
- border-right:1px solid #e2e2e2;
- border-left:1px solid #e2e2e2;
- background: #fff;
- }
- .col-md-5.logo{
- padding:0px;
- padding: 19px;
- }
- .logo h1 {
- color: #5da8ec;
- float: left;
- }
- .logo p {
- border-left: 1px solid #cdcdcd;
- color: #cdcdcd;
- float: left;
- font-size: 14px;
- margin-left: 8px;
- margin-top: 28px;
- padding-left: 8px;
- }
- .col-md-5.logo div{
- display:block;
- position: relative;
- top:25px;
- }
- .Customerservice{
- height:85px;
- background: #f2f2f2;
- }
- .navbar.navbar-inverse{
- margin:0px;
- height:85px;
- border:0px;
- }
- .container .navbar-nav {
- float: right;
- position: relative;
- top:30px;
- z-index: 1;
- }
- .container .navbar-nav li a{
- color: #8d8d8d;
- text-transform: uppercase;
- font-size:14px;
- }
- .container .navbar-nav li a:hover, .container .navbar-nav li:hover a{
- color: #000;
- }
- .container .navbar-nav > li > a{
- padding: 0px 30px 0px 30px;
- border-right:2px solid #f2f2f2;
- }
- .container .navbar-nav > li > a.active{
- color: #EE5F1D;
- font-weight:600;
- }
- .container .navbar-nav > li.no-border > a{
- border-right:0px;
- padding-right:0px;
- }
- .container .list-group-item{
- background: #f8f8f8;
- color: #797979;
- padding: 5px 0 5px 40px;
- background: #f8f8f8 url(/img/orange-arrow.png) no-repeat 15px center;
- }
- .container .list-group-item.last{
- background: #fff;
- font-weight:600;
- padding-left:20px;
- background: #fff url(/img/arrow-down.png) no-repeat 140px 22px;
- }
- .container .list-group-item.last:hover{
- text-decoration: underline;
- }
- .container .list-group-item.active, .container .list-group-item.active:hover, .container .list-group-item.active:focus{
- background-color: #f8f8f8;
- border-color: #e2e2e2;
- color: #797979;
- z-index: 2;
- }
- .container .list-group-item:first-child{
- border-radius:0px;
- }
- .Customerservice .col-md-3 {
- padding-left: 25px;
- padding-right: 0;
- position: relative;
- top: 25px;
- }
- .Customerservice span {
- float: left;
- padding-right: 15px;
- }
- .Customerservice p {
- color: #858585;
- float: left;
- font-style: italic;
- line-height: 30px;
- }
- .Productimages{
- margin-left:-15px;
- clear: left;
- }
- .Productimages a{
- border:1px solid #e2e2e2;
- display: block;
- }
- .Thumbnails {
- float: left;
- margin-left: -15px;
- margin-top: 10px;
- width: 105%;
- }
- .Thumbnails a {
- float: left;
- height: auto;
- margin-right: 10px;
- width: 31.4%;
- }
- .Thumbnails .detailimage{
- border:1px solid #e2e2e2;
- display: block;
- }
- .Thumbnails .detailimage:hover{
- border:1px solid #bcbcbc;
- }
- .productinfo{
- background: url(/img/productbg.jpg) no-repeat left bottom;
- border: 1px solid #e2e2e2;
- padding-bottom:0px;
- border-bottom:0px;
- height: auto;
- }
- .productinfo .description{
- margin-top:15px;
- float: left;
- }
- .description > p {
- margin: 0 0 20px;
- }
- .productinfo .Price, .productinfo .Store{
- clear: left;
- float: left;
- margin-top:20px;
- }
- .Store b, .Store a{
- color: #fff;
- text-decoration: none;
- }
- .productinfo .Price{
- height:57px;
- padding-top:5px;
- width: 100%;
- }
- .productinfo .Price > span{
- padding-left:45px;
- font-size:20px;
- font-weight:bold;
- color: #3d3d3d;
- }
- .productinfo .Price a{
- background: #4975B4;
- border-radius: 4px;
- color: #fff;
- float: right;
- margin-left: 0;
- margin-top: -9px;
- padding: 15px;
- text-transform: uppercase;
- }
- .productinfo .Price a:hover{
- background: #E35717;
- text-decoration: none;
- }
- .brand {
- margin:10px 0 0 0;
- padding:0px;
- float: left;
- }
- .brand > span{
- float: left;
- width: 100px;
- }
- .brand li{
- list-style: none;
- float: left;
- margin-left:5px;
- margin-right:5px;
- }
- .sizes {
- clear: left;
- float: left;
- margin-bottom:10px;
- }
- .sizes ul{
- margin:0px;
- padding:0px;
- }
- .sizes ul li{
- list-style: none;
- }
- .Breadcrumb{
- padding-top:10px;
- }
- .Breadcrumb ul{
- margin:0px;
- padding:0px;
- }
- .Breadcrumb ul li {
- float: left;
- list-style: outside none none;
- padding-right: 10px;
- }
- .Breadcrumb ul li a{
- color: #666;
- }
- .Search {
- margin: 0 auto;
- position: relative;
- width: 700px;
- z-index: 22;
- }
- .Search input {
- border: 0px;
- border-radius: 6px 0 0 6px;
- padding: 15px;
- width: 75%;
- font-size:14px;
- }
- .Search input.tfbutton {
- width: 25%;
- border-radius: 0 6px 6px 0;
- background: #4975B4;
- color: #fff;
- font-size:14px;
- font-weight:600;
- }
- .Search input.tfbutton:hover{
- background: #e35717;
- }
- .Bannercontent{
- position: absolute;
- width: 100%;
- z-index: 0;
- }
- .Bannertext {
- margin: 0 auto;
- position: relative;
- width: auto;
- z-index: 22;
- padding-top:155px;
- }
- .Bannertext > p {
- color: #F2F2F2;
- font-size: 38px;
- font-weight: 600;
- margin: 0;
- text-shadow: 2px 2px #000;
- position: relative;
- z-index:22;
- text-align:center;
- }
- .Bannertext > p.small{
- color: #F2F2F2;
- font-size: 18px;
- font-weight: normal;
- padding: 0px 0 25px;
- position: relative;
- text-align: center;
- z-index: 22;
- background: none;
- }
- .thumbnail > img{
- }
- .advertentie {
- background: #f5f5f5;
- border: 1px solid #dddddd;
- border-radius: 3px;
- padding: 12px;
- margin-bottom:20px;
- }
- .advertentie img{
- margin: 0 auto;
- padding: 0 auto;
- display:block;
- }
- .socialmedia a{
- margin: 15px 15px 25px 0;
- }
- .socialmedia a:hover{
- opacity: 0.8;
- }
- .filter{
- margin:0 0 20px 20px;
- }
- .filter select{
- background: #f5f5f5;
- border: 1px solid #dddddd;
- height:25px;
- width:150px;
- }
- #fullAd{
- height:auto;
- overflow:hidden;
- clear:both;
- margin:0;
- }
- #fullAd .fAd{
- text-align:center;
- margin:15px 0 0 0;
- }
- footer {
- background: #f2f2f2;
- padding: 30px 0;
- margin-top:30px;
- border-top: 1px solid #e2e2e2;
- }
- footer .container{
- padding:0px;
- }
- footer .col-md-3{
- padding-left:5px;
- padding-right:5px;
- }
- footer .col-md-5 p{
- font-style: italic;
- line-height: 21px;
- padding-right: 30px;
- padding-top: 4px;
- text-align: left;
- }
- footer h3{
- color: #6fa8e4;
- padding-bottom:15px;
- font-weight:600;
- }
- footer ul{
- margin:0px;
- padding:0px;
- }
- footer ul li{
- list-style:none;
- line-height:26px;
- }
- footer ul li a{
- color: #797979;
- text-decoration: underline;
- }
- footer ul li a:hover{
- color: #000;
- }
- footer .copy{
- text-align: center;
- color: #797979;
- margin-top:30px;
- }
- footer .copy a{
- color: #797979;
- text-decoration: none;
- }
- /*------------------------- Contact --------------------------*/
- #contact form{
- text-align: left;
- margin:15px 0 0 0;
- }
- #contact label{
- display:block;
- font-size: 14px;
- font-weight:normal;
- }
- #contact input{
- width: 285px;
- height: 25px;
- margin:0 0 15px 0;
- border: 2px solid #ddd;
- border-radius:4px;
- }
- #contact option{
- width: 270px;
- height: 25px;
- }
- #contact textarea{
- width:95%;
- height:200px;
- border: 2px solid #ddd;
- border-radius:4px;
- }
- #contact #captcha{
- float:left;
- width:60px;
- margin:10px 0 10px 0;
- }
- #contact #antw{
- width:25px;
- float:left;
- margin:10px 0 10px 0;
- }
- #contact .submit{
- display:block;
- height: 45px;
- background: #E35717;
- border: 1px solid #E35717;
- color: #ffffff;
- font-weight:bold;
- padding: 5px;
- margin:10px 0 30px 0;
- cursor:pointer;
- font-family:Tahoma;
- font-size: 14px;
- }
- #contact .fout{
- color:#cc0000;
- margin:10px 0 0 0;
- font-size: 12px;
- }
- /* Smartphone */
- @media (max-width: 767px) {
- .logo h1 {
- font-size:17px;
- margin-top:27px;
- }
- .logo p {
- font-size:13px;
- }
- .menuzijkant {
- visibility: hidden;
- clear: both;
- float: left;
- margin: 10px auto 5px 20px;
- width: 28%;
- display: none;
- }
- .productinfo{
- border: 1px solid #e2e2e2;
- clear: left;
- float: left;
- margin-top: 10px;
- width: 100%;
- }
- .nophone{
- display:none;
- }
- .advertentie{
- display:none;
- }
- #fullAd{
- display:none;
- }
- .Customerservice{
- height:60px;
- }
- .Customerservice .col-md-3 {
- display:none;
- }
- .products .col-sm-3.col-xs-6 h2{
- font-size:12px;
- }
- .navbar-toggle{
- margin: 0;
- position: relative;
- top: 70px;
- z-index: 1;
- }
- .col-md-5.logo{
- height:75px;
- }
- .col-md-5 img{
- max-width: 100%;
- }
- .navbar-collapse{
- border:0px;
- }
- .container .navbar-nav{
- float: left;
- border:0px;
- width: 100%;
- margin:0px;
- }
- .navbar-collapse{
- padding:0px;
- }
- .container .navbar-nav > li{
- float: left;
- margin-right:10px;
- }
- .container .navbar-nav > li > a{
- border:0px;
- padding:0px;
- }
- .catview.products .col-sm-3{
- width: 50%;
- }
- .catview h1{
- margin: 20px 0 20px 0;
- }
- .Bannertext{
- display:none;
- }
- .Search{
- width: 90%;
- margin-top: 20px;
- }
- .Productimages{
- margin: 15px 0 0 0;
- }
- .detailimages{
- border: 1px solid #e2e2e2;
- clear: left;
- float: left;
- margin-top: 10px;
- width: 100%;
- }
- .detailimages .Thumbnails .detailimage, .detailimages .Thumbnails .detailimage:hover{
- border: 0px;
- }
- .productinfo .Price a{
- padding: 12px 5px;
- }
- .productinfo .Price > span{
- font-size: 17px;
- padding-left: 36px;
- }
- .productinfo .Price{
- height:49px;
- }
- .productinfo .Price, .productinfo .Store{
- margin-top:27px;
- }
- .Thumbnails{
- display: inline-flex;
- }
- .Thumbnails a{
- width: 31.4%;
- margin:0 5px 8px 5px;
- }
- }
- /* Mini Smartphone */
- @media (max-width: 400px) {
- .catview.products .col-sm-3{
- width: 100%;
- }
- .pageback{
- display:none
- }
- .Bannertext{
- display:none;
- }
- .Search{
- width: 90%;
- margin-top: 3px;
- }
- }
- /* iPad mini */
- @media (min-width: 768px) and (max-width: 1060px) {
- .col-md-5.logo{
- float: left;
- padding: 19px;
- }
- .container .navbar-nav > li > a{
- padding: 0 20px;
- }
- .Customerservice .col-md-3{
- padding-left:15px;
- }
- .Customerservice span {
- padding-left: 15px;
- padding-right: 5px;
- }
- .catview.products .col-sm-3{
- width: 50%;
- }
- .Bannertext{
- display:none;
- }
- .Search{
- width: 90%;
- margin-top: 20px;
- }
- .Thumbnails a{
- width: 30%;
- }
- .productinfo .Price a{
- padding:10px;
- margin-top:-3px;
- }
- .productinfo .Price > span{
- font-size:17px;
- }
- }
- /* Laptop */
- @media (min-width: 1024px) and (max-width: 1550px) {
- .Bannertext{
- padding-top:60px;
- }
- .Thumbnails a{
- width: 31.4%;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement