/* ••••••• GENERAL ••••••• */ * { margin:0; padding:0; } body { font-family:'Oxygen', arial, verdana, sans-serif; background-color:#32353d; } nav {float:right;} nav ul li {display: inline; list-style-type: none; font-size: 21px; line-height: 53px; padding: 25px 20px; border-right: 1px solid #3C3C3C;} nav ul li:hover {background-color:#444853;} nav ul li a {text-decoration:none;} .inner, #paragraphe { display:table; width:1160px; margin:auto; padding:0 20px 30px; } .cart {border-right:none;} .cartin {position:absolute;} .content { margin:0 auto 0; } #main, #main2 { background-color:#FFF !important;padding-top:30px; width:100%; min-width:1240px !important; } h1, h2, h3, h4, h5 { font-family: 'Signika',verdana,sans-serif; color: #333741; font-weight:normal; text-align:left; } h1 { font-size:45px; padding-bottom:30px; } h2 { font-size:37px; padding-bottom: 20px; } h3 { font-size: 24px; padding-bottom: 30px; } p { color:#828282; font-size:20px; font-family:'Oxygen', arial, verdana, sans-serif; padding-bottom:20px; } a { color:#777; } /* ••••••• HEADER ••••••• */ header { background-color:#32353d; height:72px; border-bottom:2px solid #89bc10; padding-top:20px; min-width:1240px; } .kw_logo { padding-right:40px; } /* ••••••• HOMEPAGE ••••••• */ #homepage { background: #f0c678; /* Old browsers */ background: -moz-linear-gradient(-10deg, #f0c678 0%, #ee9389 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f0c678), color-stop(100%,#ee9389)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-410deg, #f0c678 0%,#ee9389 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-10deg, #f0c678 0%,#ee9389 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-10deg, #f0c678 0%,#ee9389 100%); /* IE10+ */ background: linear-gradient(170deg, #f0c678 0%,#ee9389 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0c678', endColorstr='#ee9389',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ height:478px; margin-bottom: 70px; min-width:1160px; width:100%; } #image_homepage { background:url("https://d2vxclnxwo31nb.cloudfront.net/demo/design/creatorfive/home.png") top right no-repeat; height:478px; } #baseline { padding:70px 0 0 0px; height: 370px; } #baseline h1 { font-family:'Signika', sans-serif; font-size:78px; color:#000; text-shadow:2px 2px 3px #555; -moz-text-shadow:2px 2px 3px #555; -khtml-text-shadow:2px 2px 3px #555; -webkit-text-shadow:2px 2px 3px #555; font-weight:normal; padding-bottom:10px; } #baseline p{ color:#4f2925; font-size:22px; font-family:'Oxygen', arial, verdana, sans serif; line-height:30px; margin-bottom:50px; } #baseline .btn-big { margin-left:180px; } #down { width:73px; height:74px; margin:auto; } #products { height: 570px; width:1200px; } .products { width:380px; float:left; text-align:center; } .products h2{ font-family:'Signika', verdana, sans-serif; font-size: 37px; padding-bottom: 25px; color:#333741; text-align:center; } .products p { color: #828282; font-family: 'Oxygen', Arial,Verdana,sans-serif; font-size: 24px; width: 240px; margin: auto; height: 170px; padding-top: 35px; } .pgf { padding-top:30px; background-color:#F3F3F3; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; min-width:1240px; } #paragraphe h2 { text-align:center; } /* ••••••• FOOTER ••••••• */ footer { background-color:#32353d; padding:20px 0 0; min-width:1200px; width:100%; } footer .inner { padding-bottom:0 !important; } #questions { float:left; text-align:center; padding-top: 10px; } #questions p { font-size:22px; color:#7d7d7d; font-family:'Oxygen', arial, verdana, sans-serif; padding-bottom:30px; padding-right:20px; } .qtn {margin-left:20px;} #powered { float:right; } /* ••••••• BUTTONS ••••••• */ .button { border-radius:7px; -moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; font-family:'Signika', verdana, sans-serif; display:inline; text-decoration:none; border:none; cursor:pointer; } .btn-big { padding:14px 80px; font-size:35px; background-color:#66162d; color:#FFF; } .btn-normal { padding:10px 60px; font-size:28px; color:#FFF; } .btn-small { padding:5px 17px; font-size:18px; color:#FFF; } .books {background-color:#f1b14f;} .smartphones {background-color:#a8584f;} .prints, .blue {background-color:#6ebec5;} .cards, .green {background-color:#96d070;} .grey {background-color:#999;} .order {float:right;} .canvas {background-color:#5b7dc4;} /* ••••••• FORMS ••••••• */ .contact { padding-top: 30px; } label { color:#828282; font-size:20px; font-family:'Oxygen', arial, verdana, sans-serif; } .form-row { overflow: hidden; padding: 11px 20px; font-size: 17px; } .aligned label { display: block; padding: 3px 10px 0 0; float: left; width: 220px; } .form-row input, input:disabled, input[type="text"] { border: 1px solid #929292; padding: 3px 10px; font-size: 14px; width: 270px; height: 24px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; } table input[type="text"] { width:100px; } table input:disabled { background-color: #EEE; height: 20px; font-size: 12px; color: #333; border: 1px solid #CCC; width: 100px; padding: 5px; } textarea { border: 1px solid #929292; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; width: 695px; height: 160px; } .send { text-align:center; padding-top:40px; } fieldset { border:none; } input[type="checkbox"]{ width:20px; } .same label {width:auto;} input:disabled { background-color:#CCC; padding:10px 60px; font-size:28px; color:#FFF; border:none; height: 54px; width: auto; cursor:default; } select { display: block; width: 295px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /* ••••••• TABLES ••••••• */ .module { border: 1px solid #ccc; margin-bottom: 5px; background: white; } table { border: #ccc 1px solid; width: 100%; } thead th, tfoot td, .module h2 { color: #666; font-size: 24px; background: #e1e1e1; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; min-width: 75px; font-family: 'Signika'; padding: 10px; } td { text-align:center; border-left: 1px solid #CCC; border-bottom:1px solid #CCC; } .paginator { border: 1px solid #CCC; border-top: none; padding: 20px; font-size: 20px; color: #222; margin-bottom: 28px; } .alignright { border-bottom:none !important; padding:5px; text-align:right; font-weight:bold; } .alignright2 { border-bottom:none !important; } /* ••••••• CART ••••••• */ #coupon { border: 1px solid #BFBFBF; margin-bottom: 15px; background-color: #CCC; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius: 8px 8px 8px 8px; -khtml-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; padding: 11px 10px; float: left; color:#222; min-width:530px; } #bottom { display: block; height: 110px; } .codeinvalide { color: #FF0000; background-color: #FFF; border-radius: 5px; padding: 5px; margin-top: 10px; } /* ••••••• LOGIN / LOGOUT ••••••• */ fieldset h2 { margin-bottom: 20px; } .lost { float: right; margin-right: 30px; margin-bottom: 20px; } .login {margin-bottom:20px;} .errorlist li { list-style-type: none; color: #FF0000; background-color: #f3c1c1; border-radius: 5px; padding: 5px; margin-bottom: 20px; } /* ••••••• ORDER PROCESS ••••••• */ .billing_equals_shipping { padding: 0 0 30px 0; } #shipping, #billing { width: 48%; float: left; margin-right: 20px; } .continue { display: block; clear: both; padding-top: 20px; text-align:center; } .addr {float:left;width:550px; margin-bottom:40px;} .same label {width:430px !important;} /* ••••••• JCAROUSEL ••••••• */ .jcarousel { position: relative; overflow: hidden; height:530px; } .jcarousel ul { width: 3000px; position: relative; list-style: none; margin: 0; padding: 0; } .jcarousel li { float: left; width: 357px; padding-left: 26px; } .wrapper { width:1200px; height:530px; } .jcarousel-control-prev { position: absolute; left: 40px; top: 880px; } .jcarousel-control-next { position: absolute; right: 40px; top: 880px; } /* ••••••• FEATURES ••••••• */ #features {margin-top:30px;} .features img { float:left; } .features { width: 580px; margin: 0 0 30px; height: 150px; float: left; } .features p { font-size: 19px; float: right; width: 360px; padding-right: 50px; } .features h3 { float: right; width: 390px; padding-bottom: 10px; padding-right: 20px; }