tm theme
This commit is contained in:
TMMeilleur
+117
-115
@@ -406,13 +406,13 @@ p {
|
||||
|
||||
.lead {
|
||||
margin-bottom: 18px;
|
||||
font-size: 14.95px;
|
||||
font-size: 13px;
|
||||
font-weight: 200;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.lead {
|
||||
font-size: 19.5px;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -488,19 +488,19 @@ h6 {
|
||||
}
|
||||
|
||||
h1, .h1 {
|
||||
font-size: 33px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h2, .h2 {
|
||||
font-size: 27px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h3, .h3 {
|
||||
font-size: 23px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
h4, .h4 {
|
||||
font-size: 17px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
h5, .h5 {
|
||||
@@ -508,15 +508,15 @@ h5, .h5 {
|
||||
}
|
||||
|
||||
h6, .h6 {
|
||||
font-size: 12px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
h1 small, .h1 small {
|
||||
font-size: 23px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
h2 small, .h2 small {
|
||||
font-size: 17px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
h3 small, .h3 small,
|
||||
@@ -610,7 +610,7 @@ blockquote {
|
||||
border-left: 5px solid #eeeeee;
|
||||
}
|
||||
blockquote p {
|
||||
font-size: 16.25px;
|
||||
font-size: 13px;
|
||||
font-weight: 300;
|
||||
line-height: 1.25;
|
||||
}
|
||||
@@ -1687,7 +1687,7 @@ legend {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: 18px;
|
||||
font-size: 19.5px;
|
||||
font-size: 13px;
|
||||
line-height: inherit;
|
||||
color: #333333;
|
||||
border: 0;
|
||||
@@ -1766,16 +1766,16 @@ input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-i
|
||||
background-color: white;
|
||||
border: 1px solid #d6d4d4;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
}
|
||||
.form-control:focus {
|
||||
border-color: #66afe9;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(102, 175, 233, 0);
|
||||
}
|
||||
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
|
||||
cursor: not-allowed;
|
||||
@@ -1902,13 +1902,13 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
}
|
||||
.has-warning .form-control {
|
||||
border-color: white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.has-warning .form-control:focus {
|
||||
border-color: #e6e6e6;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
}
|
||||
.has-warning .input-group-addon {
|
||||
color: white;
|
||||
@@ -1922,13 +1922,13 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
}
|
||||
.has-error .form-control {
|
||||
border-color: white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.has-error .form-control:focus {
|
||||
border-color: #e6e6e6;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
}
|
||||
.has-error .input-group-addon {
|
||||
color: white;
|
||||
@@ -1942,13 +1942,13 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
}
|
||||
.has-success .form-control {
|
||||
border-color: white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.has-success .form-control:focus {
|
||||
border-color: #e6e6e6;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 6px white;
|
||||
}
|
||||
.has-success .input-group-addon {
|
||||
color: white;
|
||||
@@ -2052,14 +2052,14 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
.btn:active, .btn.active {
|
||||
outline: 0;
|
||||
background-image: none;
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
|
||||
cursor: not-allowed;
|
||||
pointer-events: none;
|
||||
opacity: 0.65;
|
||||
filter: alpha(opacity=65);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@@ -2170,18 +2170,18 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
|
||||
.btn-success {
|
||||
color: white;
|
||||
background-color: #5cb85c;
|
||||
border-color: #4cae4c;
|
||||
background-color: #46a74e;
|
||||
border-color: #3e9546;
|
||||
}
|
||||
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
|
||||
color: white;
|
||||
background-color: #47a447;
|
||||
border-color: #398439;
|
||||
background-color: #3a8a41;
|
||||
border-color: #2c6a31;
|
||||
}
|
||||
.open .btn-success.dropdown-toggle {
|
||||
color: white;
|
||||
background-color: #47a447;
|
||||
border-color: #398439;
|
||||
background-color: #3a8a41;
|
||||
border-color: #2c6a31;
|
||||
}
|
||||
.btn-success:active, .btn-success.active {
|
||||
background-image: none;
|
||||
@@ -2190,8 +2190,8 @@ textarea.input-lg, .input-group-lg > textarea.form-control,
|
||||
background-image: none;
|
||||
}
|
||||
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
|
||||
background-color: #5cb85c;
|
||||
border-color: #4cae4c;
|
||||
background-color: #46a74e;
|
||||
border-color: #3e9546;
|
||||
}
|
||||
|
||||
.btn-info {
|
||||
@@ -3159,8 +3159,8 @@ input[type="button"].btn-block {
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
.dropdown-menu.pull-right {
|
||||
@@ -3376,8 +3376,8 @@ input[type="button"].btn-block {
|
||||
}
|
||||
|
||||
.btn-group.open .dropdown-toggle {
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.btn .caret {
|
||||
@@ -3771,7 +3771,7 @@ input[type="button"].btn-block {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
border-top: 1px solid transparent;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0);
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.navbar-collapse:before, .navbar-collapse:after {
|
||||
@@ -3957,8 +3957,8 @@ input[type="button"].btn-block {
|
||||
padding: 10px 15px;
|
||||
border-top: 1px solid transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 0 rgba(255, 255, 255, 0);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0), 0 1px 0 rgba(255, 255, 255, 0);
|
||||
margin-top: 9px;
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
@@ -4340,14 +4340,14 @@ input[type="button"].btn-block {
|
||||
.label {
|
||||
display: inline;
|
||||
padding: .2em .6em .3em;
|
||||
font-size: 75%;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: white;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
vertical-align: baseline;
|
||||
border-radius: .25em;
|
||||
border-radius: 0;
|
||||
}
|
||||
.label[href]:hover, .label[href]:focus {
|
||||
color: white;
|
||||
@@ -4373,10 +4373,11 @@ input[type="button"].btn-block {
|
||||
}
|
||||
|
||||
.label-success {
|
||||
background-color: #5cb85c;
|
||||
background-color: #55c65e;
|
||||
border: 1px solid #36943e;
|
||||
}
|
||||
.label-success[href]:hover, .label-success[href]:focus {
|
||||
background-color: #449d44;
|
||||
background-color: #3aae43;
|
||||
}
|
||||
|
||||
.label-info {
|
||||
@@ -4387,10 +4388,11 @@ input[type="button"].btn-block {
|
||||
}
|
||||
|
||||
.label-warning {
|
||||
background-color: #f0ad4e;
|
||||
background-color: #fe9126;
|
||||
border: 1px solid #e4752b;
|
||||
}
|
||||
.label-warning[href]:hover, .label-warning[href]:focus {
|
||||
background-color: #ec971f;
|
||||
background-color: #f07701;
|
||||
}
|
||||
|
||||
.label-danger {
|
||||
@@ -4442,9 +4444,9 @@ a.list-group-item.active > .badge,
|
||||
.jumbotron {
|
||||
padding: 30px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 19.5px;
|
||||
font-size: 13px;
|
||||
font-weight: 200;
|
||||
line-height: 2.14286;
|
||||
line-height: 1.42857;
|
||||
color: inherit;
|
||||
background-color: #eeeeee;
|
||||
}
|
||||
@@ -4460,15 +4462,15 @@ a.list-group-item.active > .badge,
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
.jumbotron {
|
||||
padding-top: 48px;
|
||||
padding-bottom: 48px;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
.container .jumbotron {
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
}
|
||||
.jumbotron h1 {
|
||||
font-size: 58.5px;
|
||||
font-size: 52px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -4621,8 +4623,8 @@ a.thumbnail:focus {
|
||||
margin-bottom: 18px;
|
||||
background-color: whitesmoke;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
@@ -4633,17 +4635,17 @@ a.thumbnail:focus {
|
||||
color: white;
|
||||
text-align: center;
|
||||
background-color: #428bca;
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
|
||||
-webkit-transition: width 0.6s ease;
|
||||
transition: width 0.6s ease;
|
||||
}
|
||||
|
||||
.progress-striped .progress-bar {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-size: 40px 40px;
|
||||
}
|
||||
|
||||
@@ -4656,43 +4658,43 @@ a.thumbnail:focus {
|
||||
}
|
||||
|
||||
.progress-bar-success {
|
||||
background-color: #5cb85c;
|
||||
background-color: #46a74e;
|
||||
}
|
||||
.progress-striped .progress-bar-success {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
.progress-bar-info {
|
||||
background-color: #5bc0de;
|
||||
}
|
||||
.progress-striped .progress-bar-info {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
.progress-bar-warning {
|
||||
background-color: #f0ad4e;
|
||||
}
|
||||
.progress-striped .progress-bar-warning {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
.progress-bar-danger {
|
||||
background-color: #d9534f;
|
||||
}
|
||||
.progress-striped .progress-bar-danger {
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||||
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0)), color-stop(0.75, rgba(255, 255, 255, 0)), color-stop(0.75, transparent), to(transparent));
|
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 75%, transparent 75%, transparent);
|
||||
}
|
||||
|
||||
.media,
|
||||
@@ -4797,8 +4799,8 @@ a.list-group-item:hover, a.list-group-item:focus {
|
||||
background-color: white;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.panel-body {
|
||||
@@ -4849,7 +4851,7 @@ a.list-group-item:hover, a.list-group-item:focus {
|
||||
.panel-title {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 15px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.panel-title > a {
|
||||
color: inherit;
|
||||
@@ -4981,12 +4983,12 @@ a.list-group-item:hover, a.list-group-item:focus {
|
||||
background-color: whitesmoke;
|
||||
border: 1px solid #e3e3e3;
|
||||
border-radius: 0px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.well blockquote {
|
||||
border-color: #ddd;
|
||||
border-color: rgba(0, 0, 0, 0.15);
|
||||
border-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.well-lg {
|
||||
@@ -5001,20 +5003,20 @@ a.list-group-item:hover, a.list-group-item:focus {
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 19.5px;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: black;
|
||||
text-shadow: 0 1px 0 white;
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.close:hover, .close:focus {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
button.close {
|
||||
@@ -5077,8 +5079,8 @@ body.modal-open {
|
||||
border: 1px solid #999999;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0);
|
||||
background-clip: padding-box;
|
||||
outline: none;
|
||||
}
|
||||
@@ -5097,8 +5099,8 @@ body.modal-open {
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.modal-backdrop.in {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
@@ -5157,8 +5159,8 @@ body.modal-open {
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
||||
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
|
||||
}
|
||||
}
|
||||
.tooltip {
|
||||
@@ -5172,8 +5174,8 @@ body.modal-open {
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.tooltip.in {
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.tooltip.top {
|
||||
margin-top: -3px;
|
||||
@@ -5277,8 +5279,8 @@ body.modal-open {
|
||||
border: 1px solid #cccccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0);
|
||||
white-space: normal;
|
||||
}
|
||||
.popover.top {
|
||||
@@ -5455,28 +5457,28 @@ body.modal-open {
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.carousel-control.left {
|
||||
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
|
||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
|
||||
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
|
||||
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
|
||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0%), color-stop(rgba(0, 0, 0, 0) 100%));
|
||||
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
|
||||
}
|
||||
.carousel-control.right {
|
||||
left: auto;
|
||||
right: 0;
|
||||
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
|
||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
|
||||
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
|
||||
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
|
||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0) 0%), color-stop(rgba(0, 0, 0, 0) 100%));
|
||||
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
|
||||
}
|
||||
.carousel-control:hover, .carousel-control:focus {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
opacity: 0.9;
|
||||
filter: alpha(opacity=90);
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.carousel-control .icon-prev,
|
||||
.carousel-control .icon-next,
|
||||
|
||||
@@ -9,14 +9,25 @@
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
.content_scene_cat .content_scene_cat_bg {
|
||||
padding: 18px 0 10px 42px;
|
||||
background-color: #403d3b;
|
||||
padding: 18px 10px 10px 42px;
|
||||
background-color: #464646 !important;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.content_scene_cat .content_scene_cat_bg {
|
||||
padding: 10px 10px 10px 15px;
|
||||
}
|
||||
}
|
||||
.content_scene_cat h1.category-name {
|
||||
font: 600 42px/51px "Open Sans", sans-serif;
|
||||
color: #fff;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.content_scene_cat h1.category-name {
|
||||
font-size: 25px;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.content_scene_cat p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -44,7 +55,7 @@
|
||||
************************************************************************************************ */
|
||||
#subcategories {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
padding: 15px 0 13px 0;
|
||||
padding: 15px 0 0px 0;
|
||||
}
|
||||
#subcategories p.subcategory-heading {
|
||||
font-weight: bold;
|
||||
@@ -59,6 +70,8 @@
|
||||
width: 128px;
|
||||
margin-left: 20px;
|
||||
text-align: center;
|
||||
margin-bottom: 13px;
|
||||
height: 202px;
|
||||
}
|
||||
#subcategories ul li .subcategory-image {
|
||||
padding-bottom: 8px;
|
||||
|
||||
@@ -20,6 +20,7 @@
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0) 0px 5px 13px;
|
||||
/* min 992px max 1199px */
|
||||
}
|
||||
.contact-form-box fieldset {
|
||||
padding: 0 19px 21px 19px;
|
||||
@@ -36,9 +37,21 @@
|
||||
}
|
||||
.contact-form-box .col-md-3 {
|
||||
padding-left: 0;
|
||||
/* max 991px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.contact-form-box .col-md-3 {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
.contact-form-box .col-md-9 {
|
||||
padding-right: 0;
|
||||
/* max 991px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.contact-form-box .col-md-9 {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
.contact-form-box #desc_contact0 {
|
||||
display: none;
|
||||
@@ -56,6 +69,14 @@
|
||||
max-width: 270px;
|
||||
width: 100%;
|
||||
}
|
||||
.contact-form-box input.form-control {
|
||||
max-width: 270px;
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.contact-form-box div.uploader span.filename {
|
||||
width: 114px;
|
||||
}
|
||||
}
|
||||
|
||||
/**************************************************************************
|
||||
Contact Page Bottom Banners Styles
|
||||
|
||||
@@ -67,6 +67,9 @@ body {
|
||||
line-height: 18px;
|
||||
font-size: 13px;
|
||||
}
|
||||
body.content_only {
|
||||
background: none;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
@@ -105,6 +108,11 @@ textarea {
|
||||
}
|
||||
|
||||
/* text **************************************************************************************** */
|
||||
a, a:focus, a:active {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
p.info-title {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
@@ -128,11 +136,33 @@ p.info-account {
|
||||
}
|
||||
.alert ul, .alert ol {
|
||||
padding-left: 15px;
|
||||
margin-left: 27px;
|
||||
}
|
||||
.alert ul li, .alert ol li {
|
||||
list-style-type: decimal;
|
||||
font-weight: normal;
|
||||
}
|
||||
.alert.alert-success {
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.alert.alert-success:before {
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
font-size: 20px;
|
||||
vertical-align: -2px;
|
||||
padding-right: 7px;
|
||||
}
|
||||
.alert.alert-danger {
|
||||
text-shadow: 1px 1px rgba(0, 0, 0, 0);
|
||||
}
|
||||
.alert.alert-danger:before {
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
font-size: 20px;
|
||||
vertical-align: -2px;
|
||||
padding-right: 7px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.required sup {
|
||||
color: #f13340;
|
||||
@@ -149,6 +179,13 @@ label {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.checkbox {
|
||||
line-height: 16px;
|
||||
}
|
||||
.checkbox label {
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
.close {
|
||||
opacity: 1;
|
||||
}
|
||||
@@ -173,6 +210,8 @@ span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large,
|
||||
color: #000;
|
||||
background: url(../img/bg_bt.gif) repeat-x 0 0 #f4b61b;
|
||||
cursor: pointer;
|
||||
white-space: normal;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
*:first-child + html input.button_mini, *:first-child + html input.button_small, *:first-child + html input.button, *:first-child + html input.button_large,
|
||||
@@ -318,16 +357,36 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
|
||||
padding: 10px 10px 10px 14px;
|
||||
border: 1px solid;
|
||||
border-color: #74d578;
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.button.button-medium span {
|
||||
font-size: 15px;
|
||||
padding-right: 7px;
|
||||
padding-left: 7px;
|
||||
}
|
||||
}
|
||||
.button.button-medium i.left {
|
||||
font-size: 24px;
|
||||
vertical-align: -2px;
|
||||
margin: -4px 10px 0 0;
|
||||
display: inline-block;
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.button.button-medium i.left {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.button.button-medium i.right {
|
||||
margin-right: 0;
|
||||
margin-left: 9px;
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.button.button-medium i.right {
|
||||
margin-left: 5px;
|
||||
}
|
||||
}
|
||||
.button.button-medium:hover {
|
||||
background: #3aa04c;
|
||||
@@ -441,6 +500,14 @@ input.button_large, input.button_large_disabled, input.exclusive_large, input.ex
|
||||
background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
|
||||
background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.button.exclusive-medium span {
|
||||
font-size: 15px;
|
||||
padding-right: 7px;
|
||||
padding-left: 7px;
|
||||
}
|
||||
}
|
||||
.button.exclusive-medium:hover {
|
||||
border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2;
|
||||
@@ -634,6 +701,10 @@ table.table_block td {
|
||||
padding: 0 5px 0 3px;
|
||||
display: inline-block;
|
||||
}
|
||||
.price-percent-reduction.small {
|
||||
font: 700 14px/17px Arial, Helvetica, sans-serif;
|
||||
padding: 1px 6px;
|
||||
}
|
||||
|
||||
/***************************************************************************************************
|
||||
Labels New/Sale
|
||||
@@ -781,9 +852,34 @@ table.table_block td {
|
||||
padding: 9px 10px 9px 20px;
|
||||
}
|
||||
.box.box-small .dark {
|
||||
margin-top: 10px;
|
||||
padding-top: 10px;
|
||||
padding-right: 20px;
|
||||
margin-bottom: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.page-product-box {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.product-box {
|
||||
width: 178px;
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.product-box .product-image {
|
||||
border: 1px solid #d6d4d4;
|
||||
background: white;
|
||||
padding: 5px;
|
||||
display: block;
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
.product-box .product-image img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* BLOCK .block ******************************************************************************** */
|
||||
@@ -973,6 +1069,7 @@ table.table_block td {
|
||||
padding: 0px 0px 17px 0px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
overflow: hidden;
|
||||
}
|
||||
.page-heading span.heading-counter {
|
||||
font: bold 13px/22px Arial, Helvetica, sans-serif;
|
||||
@@ -980,6 +1077,16 @@ table.table_block td {
|
||||
color: #333;
|
||||
text-transform: none;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.page-heading span.heading-counter {
|
||||
float: none;
|
||||
display: block;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
.page-heading span.lighter {
|
||||
color: #9c9c9c;
|
||||
}
|
||||
.page-heading.bottom-indent {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
@@ -1000,9 +1107,24 @@ table.table_block td {
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
}
|
||||
|
||||
h3.page-product-heading {
|
||||
color: #555454;
|
||||
text-transform: uppercase;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
padding: 14px 20px 17px;
|
||||
margin: 0 0 20px;
|
||||
position: relative;
|
||||
border: 1px solid #d6d4d4;
|
||||
border-bottom: none;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
/* BLOCK .footer_links (cms pages) ************************************************************* */
|
||||
ul.footer_links {
|
||||
padding: 20px 0 50px 0;
|
||||
padding: 20px 0 0px 0;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
ul.footer_links li {
|
||||
@@ -1024,8 +1146,14 @@ ul.footer_links li + li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.content_sortPagiBar .sortPagiBar #productsSortForm select {
|
||||
width: 192px;
|
||||
max-width: 192px;
|
||||
float: left;
|
||||
/* max 991px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.content_sortPagiBar .sortPagiBar #productsSortForm select {
|
||||
max-width: 160px;
|
||||
}
|
||||
}
|
||||
.content_sortPagiBar .sortPagiBar #productsSortForm .selector {
|
||||
float: left;
|
||||
@@ -1034,7 +1162,7 @@ ul.footer_links li + li {
|
||||
float: left;
|
||||
}
|
||||
.content_sortPagiBar .sortPagiBar .nbrItemPage select {
|
||||
width: 59px;
|
||||
max-width: 59px;
|
||||
float: left;
|
||||
}
|
||||
.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
|
||||
@@ -1098,10 +1226,35 @@ ul.footer_links li + li {
|
||||
float: right;
|
||||
width: 530px;
|
||||
text-align: center;
|
||||
/* min 992px max 1199px */
|
||||
/* max 991px */
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top-pagination-content div.pagination, .bottom-pagination-content div.pagination {
|
||||
width: 380px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.top-pagination-content div.pagination, .bottom-pagination-content div.pagination {
|
||||
float: left;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
|
||||
float: right;
|
||||
margin: 8px 53px 8px 14px;
|
||||
/* min 992px max 1199px */
|
||||
/* max 991px */
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
|
||||
margin-right: 11px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.top-pagination-content div.pagination .showall, .bottom-pagination-content div.pagination .showall {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.top-pagination-content div.pagination .showall .btn span, .bottom-pagination-content div.pagination .showall .btn span {
|
||||
font-size: 13px;
|
||||
@@ -1162,12 +1315,26 @@ ul.footer_links li + li {
|
||||
}
|
||||
.top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
|
||||
float: right;
|
||||
/* max 479px */
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
.top-pagination-content .compare-form, .bottom-pagination-content .compare-form {
|
||||
float: left;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding-bottom: 10px;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
.top-pagination-content .product-count, .bottom-pagination-content .product-count {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 22px 0 0 0;
|
||||
padding: 11px 0 0 0;
|
||||
float: left;
|
||||
/* max 991px */
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.top-pagination-content .product-count, .bottom-pagination-content .product-count {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom-pagination-content {
|
||||
@@ -1178,11 +1345,16 @@ ul.footer_links li + li {
|
||||
ul.step {
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step {
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-ms-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
}
|
||||
ul.step li {
|
||||
float: left;
|
||||
@@ -1193,6 +1365,13 @@ ul.step li {
|
||||
border-bottom-color: #9a9a9a;
|
||||
border-right-color: #b7b7b7;
|
||||
border-left-width: 0px;
|
||||
/* max 480px */
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.step li {
|
||||
width: 100%;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
}
|
||||
ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_current_end span {
|
||||
display: block;
|
||||
@@ -1203,18 +1382,21 @@ ul.step li a, ul.step li span, ul.step li.step_current span, ul.step li.step_cur
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px white;
|
||||
position: relative;
|
||||
/* min 991px */
|
||||
}
|
||||
ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
|
||||
content: ".";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -31px;
|
||||
z-index: 0;
|
||||
text-indent: -5000px;
|
||||
display: block;
|
||||
width: 31px;
|
||||
height: 52px;
|
||||
margin-top: -2px;
|
||||
@media (min-width: 992px) {
|
||||
ul.step li a:after, ul.step li span:after, ul.step li.step_current span:after, ul.step li.step_current_end span:after {
|
||||
content: ".";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: -31px;
|
||||
z-index: 0;
|
||||
text-indent: -5000px;
|
||||
display: block;
|
||||
width: 31px;
|
||||
height: 52px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
}
|
||||
ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, ul.step li.step_current_end span:focus {
|
||||
text-decoration: none;
|
||||
@@ -1223,22 +1405,32 @@ ul.step li a:focus, ul.step li span:focus, ul.step li.step_current span:focus, u
|
||||
ul.step li.first {
|
||||
border-left-width: 1px;
|
||||
border-left-color: #b7b7b7;
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step li.first {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
}
|
||||
ul.step li.first span, ul.step li.first a {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
z-index: 5;
|
||||
padding-left: 13px !important;
|
||||
/*min 480px*/
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step li.first span, ul.step li.first a {
|
||||
-moz-border-radius-topleft: 4px;
|
||||
-webkit-border-top-left-radius: 4px;
|
||||
border-top-left-radius: 4px;
|
||||
-moz-border-radius-bottomleft: 4px;
|
||||
-webkit-border-bottom-left-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
}
|
||||
}
|
||||
ul.step li.second span, ul.step li.second a {
|
||||
z-index: 4;
|
||||
@@ -1250,22 +1442,29 @@ ul.step li.four span, ul.step li.four a {
|
||||
z-index: 2;
|
||||
}
|
||||
ul.step li.last {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
/*min 480px*/
|
||||
}
|
||||
ul.step li.last span {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
z-index: 1;
|
||||
}
|
||||
@media (min-width: 480px) {
|
||||
ul.step li.last {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
ul.step li.last span {
|
||||
-moz-border-radius-topright: 4px;
|
||||
-webkit-border-top-right-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
-moz-border-radius-bottomright: 4px;
|
||||
-webkit-border-bottom-right-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
}
|
||||
ul.step li.step_current {
|
||||
font-weight: bold;
|
||||
background: #42b856;
|
||||
@@ -1284,10 +1483,15 @@ ul.step li.step_current span {
|
||||
border: 1px solid;
|
||||
border-color: #73ca77 #74c776 #74c175 #74c776;
|
||||
position: relative;
|
||||
padding-left: 38px;
|
||||
/* min 991px */
|
||||
}
|
||||
ul.step li.step_current span:after {
|
||||
background: url(../img/order-step-a.png) right 0 no-repeat;
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_current span {
|
||||
padding-left: 38px;
|
||||
}
|
||||
ul.step li.step_current span:after {
|
||||
background: url(../img/order-step-a.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li.step_current_end {
|
||||
font-weight: bold;
|
||||
@@ -1305,11 +1509,16 @@ ul.step li.step_todo span {
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 );
|
||||
border: 1px solid;
|
||||
border-color: #fff;
|
||||
padding-left: 38px;
|
||||
position: relative;
|
||||
/* min 991px */
|
||||
}
|
||||
ul.step li.step_todo span:after {
|
||||
background: url(../img/order-step-current.png) right 0 no-repeat;
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_todo span {
|
||||
padding-left: 38px;
|
||||
}
|
||||
ul.step li.step_todo span:after {
|
||||
background: url(../img/order-step-current.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li.step_done {
|
||||
border-color: #666666 #5f5f5f #292929 #5f5f5f;
|
||||
@@ -1327,16 +1536,40 @@ ul.step li.step_done a {
|
||||
background: -ms-linear-gradient(top, #727171 0%, #666666 100%);
|
||||
background: linear-gradient(to bottom, #727171 0%, #666666 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#727171', endColorstr='#666666',GradientType=0 );
|
||||
padding-left: 38px;
|
||||
/* min 991px */
|
||||
}
|
||||
ul.step li.step_done a:after {
|
||||
background: url(../img/order-step-done.png) right 0 no-repeat;
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_done a {
|
||||
padding-left: 38px;
|
||||
}
|
||||
ul.step li.step_done a:after {
|
||||
background: url(../img/order-step-done.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li.step_done.step_done_last a:after {
|
||||
background: url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
ul.step li.step_done.step_done_last {
|
||||
/* min 991px */
|
||||
}
|
||||
ul.step li#step_end span:after {
|
||||
display: none;
|
||||
@media (min-width: 992px) {
|
||||
ul.step li.step_done.step_done_last a:after {
|
||||
background: url(../img/order-step-done-last.png) right 0 no-repeat;
|
||||
}
|
||||
}
|
||||
ul.step li#step_end span {
|
||||
/* min 991px */
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.step li#step_end span:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.step li em {
|
||||
font-style: normal;
|
||||
/* min 480px max 767px */
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.step li em {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* module productcomments ********************************************************************** */
|
||||
@@ -1371,7 +1604,7 @@ ul.step li#step_end span:after {
|
||||
}
|
||||
|
||||
.star, .star a {
|
||||
background: url(modules/productcomments/img/star.gif) no-repeat 0 0;
|
||||
background: url(modules/productcomments/img/star.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
.cancel a, .star a {
|
||||
@@ -1393,12 +1626,6 @@ div.star_hover a, div.star a:hover {
|
||||
margin: 10px 0 10px 0;
|
||||
}
|
||||
|
||||
.pack_price {
|
||||
float: right;
|
||||
margin-right: 3px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.confirmation {
|
||||
margin: 0 0 10px;
|
||||
padding: 10px;
|
||||
@@ -1824,6 +2051,13 @@ div.star_hover a, div.star a:hover {
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.cart_navigation > span {
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
/* step 1 - cart ******************************************************************************* */
|
||||
.cart_last_product {
|
||||
@@ -1879,12 +2113,23 @@ a.price_discount_delete:hover {
|
||||
#cart_summary tbody td.cart_product img {
|
||||
border: 1px solid #d6d4d4;
|
||||
}
|
||||
#cart_summary tbody td.cart_unit {
|
||||
text-align: center;
|
||||
}
|
||||
#cart_summary tbody td.cart_unit .price span {
|
||||
display: block;
|
||||
}
|
||||
#cart_summary tbody td.cart_unit .price span.price-percent-reduction {
|
||||
margin: 5px auto;
|
||||
display: inline-block;
|
||||
}
|
||||
#cart_summary tbody td.cart_unit .price span.old-price {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
#cart_summary tbody td.cart_description small {
|
||||
display: block;
|
||||
padding: 5px 0 0 0;
|
||||
}
|
||||
#cart_summary tfoot td.text-right {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
@@ -2088,6 +2333,9 @@ table#cart_summary .gift-icon {
|
||||
.order_carrier_content .delivery_options_address .carrier_title {
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
.order_carrier_content + div {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
#carrierTable {
|
||||
border: 1px solid #999;
|
||||
@@ -2250,11 +2498,24 @@ p.cheque-indent {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
#address .form-group .form-control, #identity .form-group .form-control, #account-creation_form .form-group .form-control, #new_account_form .form-group .form-control, #opc_account_form .form-group .form-control, #authentication .form-group .form-control {
|
||||
width: 271px;
|
||||
max-width: 271px;
|
||||
}
|
||||
#address .form-group#adress_alias, #identity .form-group#adress_alias, #account-creation_form .form-group#adress_alias, #new_account_form .form-group#adress_alias, #opc_account_form .form-group#adress_alias, #authentication .form-group#adress_alias {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#address .form-group.phone-number, #identity .form-group.phone-number, #account-creation_form .form-group.phone-number, #new_account_form .form-group.phone-number, #opc_account_form .form-group.phone-number, #authentication .form-group.phone-number {
|
||||
float: left;
|
||||
width: 270px;
|
||||
margin-right: 13px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#address .form-group.phone-number + p, #identity .form-group.phone-number + p, #account-creation_form .form-group.phone-number + p, #new_account_form .form-group.phone-number + p, #opc_account_form .form-group.phone-number + p, #authentication .form-group.phone-number + p {
|
||||
padding: 23px 0 0 0px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#identity #center_column form.std .row, #authentication #center_column form.std .row, #order-opc #center_column form.std .row {
|
||||
margin-left: -5px;
|
||||
@@ -2263,10 +2524,10 @@ p.cheque-indent {
|
||||
#identity #center_column form.std .row .col-xs-4, #authentication #center_column form.std .row .col-xs-4, #order-opc #center_column form.std .row .col-xs-4 {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
width: 94px;
|
||||
max-width: 94px;
|
||||
}
|
||||
#identity #center_column form.std .row .col-xs-4 .form-control, #authentication #center_column form.std .row .col-xs-4 .form-control, #order-opc #center_column form.std .row .col-xs-4 .form-control {
|
||||
width: 84px;
|
||||
max-width: 84px;
|
||||
}
|
||||
#identity #center_column .footer_links, #authentication #center_column .footer_links, #order-opc #center_column .footer_links {
|
||||
border: none;
|
||||
@@ -2342,6 +2603,12 @@ p.cheque-indent {
|
||||
#manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
padding: 31px 0 30px 0;
|
||||
/* < 768 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturers_list.list li .mansup-container, #suppliers_list.list li .mansup-container {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
#manufacturers_list.list li:first-child .mansup-container, #suppliers_list.list li:first-child .mansup-container {
|
||||
border-top: 0;
|
||||
@@ -2355,16 +2622,42 @@ p.cheque-indent {
|
||||
}
|
||||
#manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side {
|
||||
padding-left: 0;
|
||||
/* < 768 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturers_list.list li .middle-side, #suppliers_list.list li .middle-side {
|
||||
padding-right: 15px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
#manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content {
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding: 0 0 32px 31px;
|
||||
min-height: 108px;
|
||||
/* < 768 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturers_list.list li .right-side-content, #suppliers_list.list li .right-side-content {
|
||||
min-height: 1px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
#manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter {
|
||||
position: relative;
|
||||
top: -6px;
|
||||
margin-bottom: 12px;
|
||||
/* < 768 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturers_list.list li .right-side-content .product-counter, #suppliers_list.list li .right-side-content .product-counter {
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
#manufacturers_list.grid, #suppliers_list.grid {
|
||||
/* > 1199 */
|
||||
/*768 -> 1199*/
|
||||
/*< 768 */
|
||||
}
|
||||
#manufacturers_list.grid li, #suppliers_list.grid li {
|
||||
text-align: center;
|
||||
@@ -2383,11 +2676,26 @@ p.cheque-indent {
|
||||
#manufacturers_list.grid li .product-container .product-counter, #suppliers_list.grid li .product-container .product-counter {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
#manufacturers_list.grid li.first-in-line, #suppliers_list.grid li.first-in-line {
|
||||
clear: left;
|
||||
@media (min-width: 1200px) {
|
||||
#manufacturers_list.grid li.first-in-line, #suppliers_list.grid li.first-in-line {
|
||||
clear: left;
|
||||
}
|
||||
#manufacturers_list.grid li.last-line .product-container, #suppliers_list.grid li.last-line .product-container {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
#manufacturers_list.grid li.last-line .product-container, #suppliers_list.grid li.last-line .product-container {
|
||||
border-bottom: none;
|
||||
@media (min-width: 768px) and (max-width: 1199px) {
|
||||
#manufacturers_list.grid li.first-item-of-tablet-line, #suppliers_list.grid li.first-item-of-tablet-line {
|
||||
clear: left;
|
||||
}
|
||||
#manufacturers_list.grid li.last-tablet-line .product-container, #suppliers_list.grid li.last-tablet-line .product-container {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturers_list.grid li.item-last .product-container, #suppliers_list.grid li.item-last .product-container {
|
||||
border-bottom: none;
|
||||
}
|
||||
}
|
||||
|
||||
#manufacturer .description_box, #supplier .description_box {
|
||||
@@ -2400,12 +2708,43 @@ p.cheque-indent {
|
||||
}
|
||||
#manufacturer .bottom-pagination-content, #manufacturer .top-pagination-content, #supplier .bottom-pagination-content, #supplier .top-pagination-content {
|
||||
min-height: 69px;
|
||||
/* < 480*/
|
||||
}
|
||||
#manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
|
||||
/* 480 -> 1199 */
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 1199px) {
|
||||
#manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content #pagination {
|
||||
width: auto;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
#manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content #pagination .showall {
|
||||
margin-right: 201px;
|
||||
margin-right: 0;
|
||||
/* > 1199 */
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content #pagination .showall {
|
||||
margin-right: 201px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#manufacturer .bottom-pagination-content .product-count, #manufacturer .bottom-pagination-content #pagination, #manufacturer .top-pagination-content .product-count, #manufacturer .top-pagination-content #pagination, #supplier .bottom-pagination-content .product-count, #supplier .bottom-pagination-content #pagination, #supplier .top-pagination-content .product-count, #supplier .top-pagination-content #pagination {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
#manufacturer .bottom-pagination-content .product-count .showall, #manufacturer .bottom-pagination-content #pagination .showall, #manufacturer .top-pagination-content .product-count .showall, #manufacturer .top-pagination-content #pagination .showall, #supplier .bottom-pagination-content .product-count .showall, #supplier .bottom-pagination-content #pagination .showall, #supplier .top-pagination-content .product-count .showall, #supplier .top-pagination-content #pagination .showall {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
#manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
/* < 767 */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#manufacturer .top-pagination-content.bottom-line, #supplier .top-pagination-content.bottom-line {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
}
|
||||
|
||||
/*****************************************************************************************************
|
||||
@@ -2426,8 +2765,27 @@ table.discount i.icon-remove {
|
||||
/*****************************************************************************************************
|
||||
GUEST TRACKING
|
||||
******************************************************************************************************/
|
||||
#guestTracking {
|
||||
/* > 1200px */
|
||||
}
|
||||
#guestTracking .form-control {
|
||||
width: 271px;
|
||||
max-width: 271px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#guestTracking .form-group {
|
||||
overflow: hidden;
|
||||
}
|
||||
#guestTracking .form-group i {
|
||||
padding-left: 10px;
|
||||
}
|
||||
#guestTracking .form-control {
|
||||
float: left;
|
||||
}
|
||||
#guestTracking label {
|
||||
float: left;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*****************************************************************************************************
|
||||
@@ -2468,10 +2826,22 @@ table.discount i.icon-remove {
|
||||
#pagenotfound .pagenotfound label {
|
||||
font-weight: normal;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#pagenotfound .pagenotfound label {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
#pagenotfound .pagenotfound .form-control {
|
||||
max-width: 293px;
|
||||
display: inline-block;
|
||||
margin-right: 5px;
|
||||
/* max 767px */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#pagenotfound .pagenotfound .form-control {
|
||||
margin: 0 auto 15px auto;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
#pagenotfound .pagenotfound .buttons {
|
||||
padding: 48px 0 20px 0;
|
||||
@@ -2605,7 +2975,7 @@ form#sendComment h3 {
|
||||
}
|
||||
|
||||
.star, .star a {
|
||||
background: url(modules/productcomments/img/star.gif) no-repeat 0 0;
|
||||
background: url(modules/productcomments/img/star.png) no-repeat 0 0;
|
||||
}
|
||||
|
||||
div.star_on a {
|
||||
@@ -2662,7 +3032,7 @@ div.star_hover a, div.star a:hover {
|
||||
float: left;
|
||||
}
|
||||
.radio-inline .checker span, .checkbox .checker span {
|
||||
top: 3px;
|
||||
top: 0px;
|
||||
}
|
||||
.radio-inline div.radio, .checkbox div.radio {
|
||||
display: inline-block;
|
||||
@@ -2671,3 +3041,26 @@ div.star_hover a, div.star a:hover {
|
||||
float: left;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.fancybox-skin {
|
||||
background: #fff !important;
|
||||
}
|
||||
|
||||
.fancybox-skin .fancybox-close {
|
||||
top: 8px;
|
||||
right: 8px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: none;
|
||||
font-size: 28px;
|
||||
line-height: 28px;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
}
|
||||
.fancybox-skin .fancybox-close:hover {
|
||||
color: #515151;
|
||||
}
|
||||
.fancybox-skin .fancybox-close:after {
|
||||
content: "";
|
||||
font-family: "FontAwesome";
|
||||
}
|
||||
|
||||
@@ -0,0 +1,61 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
.footable {
|
||||
width: 100%;
|
||||
}
|
||||
.footable.breakpoint > tbody > tr.footable-detail-show > td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
}
|
||||
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
|
||||
cursor: pointer;
|
||||
}
|
||||
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
|
||||
background: #eee;
|
||||
border-top: none;
|
||||
}
|
||||
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
|
||||
display: inline-block;
|
||||
font-family: "FontAwesome";
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
padding-right: 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
|
||||
font-family: "FontAwesome";
|
||||
content: "";
|
||||
}
|
||||
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
|
||||
font-size: 18px;
|
||||
}
|
||||
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
|
||||
font-size: 24px;
|
||||
}
|
||||
.footable .footable-row-detail-inner {
|
||||
display: table;
|
||||
}
|
||||
.footable .footable-row-detail-row {
|
||||
display: table-row;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.footable .footable-row-detail-group {
|
||||
display: block;
|
||||
line-height: 2em;
|
||||
font-size: 1.2em;
|
||||
font-weight: bold;
|
||||
}
|
||||
.footable .footable-row-detail-name {
|
||||
display: table-cell;
|
||||
font-weight: bold;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.footable .footable-row-detail-value {
|
||||
display: table-cell;
|
||||
}
|
||||
@@ -0,0 +1,181 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
/**
|
||||
* BxSlider v4.0 - Fully loaded, responsive content slider
|
||||
* http://bxslider.com
|
||||
*
|
||||
* Written by: Steven Wanderski, 2012
|
||||
* http://stevenwanderski.com
|
||||
* (while drinking Belgian ales and listening to jazz)
|
||||
*
|
||||
* CEO and founder of bxCreative, LTD
|
||||
* http://bxcreative.com
|
||||
*/
|
||||
#crossselling_list, .accessories-block .block_content, #productscategory_list {
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
/** THEME
|
||||
===================================*/
|
||||
/* LOADER */
|
||||
/* PAGER */
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
/* IMAGE CAPTIONS */
|
||||
}
|
||||
#crossselling_list .bx-wrapper, .accessories-block .block_content .bx-wrapper, #productscategory_list .bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
margin: 0 !important;
|
||||
}
|
||||
#crossselling_list .bx-wrapper img, .accessories-block .block_content .bx-wrapper img, #productscategory_list .bx-wrapper img {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-pager,
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto, .accessories-block .block_content .bx-wrapper .bx-pager,
|
||||
.accessories-block .block_content .bx-wrapper .bx-controls-auto, #productscategory_list .bx-wrapper .bx-pager,
|
||||
#productscategory_list .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-loading, .accessories-block .block_content .bx-wrapper .bx-loading, #productscategory_list .bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
display: none;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-pager, .accessories-block .block_content .bx-wrapper .bx-pager, #productscategory_list .bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
font-weight: bold;
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-pager .bx-pager-item,
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-controls-auto-item, .accessories-block .block_content .bx-wrapper .bx-pager .bx-pager-item,
|
||||
.accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-controls-auto-item, #productscategory_list .bx-wrapper .bx-pager .bx-pager-item,
|
||||
#productscategory_list .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-pager.bx-default-pager a, .accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a, #productscategory_list .bx-wrapper .bx-pager.bx-default-pager a {
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 0 5px;
|
||||
background: #000;
|
||||
outline: 0;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
#crossselling_list .bx-wrapper .bx-pager.bx-default-pager a.active, .accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.accessories-block .block_content .bx-wrapper .bx-pager.bx-default-pager a.active, #productscategory_list .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
#productscategory_list .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-direction a, .accessories-block .block_content .bx-wrapper .bx-controls-direction a, #productscategory_list .bx-wrapper .bx-controls-direction a {
|
||||
margin-top: 38px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
margin-top: -10px;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-direction a:before, .accessories-block .block_content .bx-wrapper .bx-controls-direction a:before, #productscategory_list .bx-wrapper .bx-controls-direction a:before {
|
||||
padding-left: 2px;
|
||||
color: #c0c0c0;
|
||||
font-family: FontAwesome;
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-direction a:hover:before, .accessories-block .block_content .bx-wrapper .bx-controls-direction a:hover:before, #productscategory_list .bx-wrapper .bx-controls-direction a:hover:before {
|
||||
color: #333;
|
||||
}
|
||||
#crossselling_list .bx-next, .accessories-block .block_content .bx-next, #productscategory_list .bx-next {
|
||||
right: 10px;
|
||||
}
|
||||
#crossselling_list .bx-next:before, .accessories-block .block_content .bx-next:before, #productscategory_list .bx-next:before {
|
||||
content: "";
|
||||
}
|
||||
#crossselling_list .bx-prev, .accessories-block .block_content .bx-prev, #productscategory_list .bx-prev {
|
||||
left: 10px;
|
||||
}
|
||||
#crossselling_list .bx-prev:before, .accessories-block .block_content .bx-prev:before, #productscategory_list .bx-prev:before {
|
||||
content: "";
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-direction a.disabled, .accessories-block .block_content .bx-wrapper .bx-controls-direction a.disabled, #productscategory_list .bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto, .accessories-block .block_content .bx-wrapper .bx-controls-auto, #productscategory_list .bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-start, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start, #productscategory_list .bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-start.active, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-start.active, #productscategory_list .bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
#productscategory_list .bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-stop, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop, #productscategory_list .bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
height: 11px;
|
||||
outline: 0;
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
#crossselling_list .bx-wrapper .bx-controls-auto .bx-stop.active, .accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.accessories-block .block_content .bx-wrapper .bx-controls-auto .bx-stop.active, #productscategory_list .bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
#productscategory_list .bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager, .accessories-block .block_content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager, #productscategory_list .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto, .accessories-block .block_content .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto, #productscategory_list .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-caption, .accessories-block .block_content .bx-wrapper .bx-caption, #productscategory_list .bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: #666\9;
|
||||
background: rgba(80, 80, 80, 0);
|
||||
width: 100%;
|
||||
}
|
||||
#crossselling_list .bx-wrapper .bx-caption span, .accessories-block .block_content .bx-wrapper .bx-caption span, #productscategory_list .bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -1,404 +0,0 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.24
|
||||
*/
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* display none until init */
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper {
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper-outer {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0 -10px;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight {
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item {
|
||||
float: left;
|
||||
width: 200px !important;
|
||||
}
|
||||
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor: url(grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
/* CSS3 Transitions */
|
||||
.owl-origin {
|
||||
-webkit-perspective: 1200px;
|
||||
-webkit-perspective-origin-x: 50%;
|
||||
-webkit-perspective-origin-y: 50%;
|
||||
-moz-perspective: 1200px;
|
||||
-moz-perspective-origin-x: 50%;
|
||||
-moz-perspective-origin-y: 50%;
|
||||
perspective: 1200px;
|
||||
}
|
||||
|
||||
/* fade */
|
||||
.owl-fade-out {
|
||||
z-index: 10;
|
||||
-webkit-animation: fadeOut .7s both ease;
|
||||
-moz-animation: fadeOut .7s both ease;
|
||||
animation: fadeOut .7s both ease;
|
||||
}
|
||||
|
||||
.owl-fade-in {
|
||||
-webkit-animation: fadeIn .7s both ease;
|
||||
-moz-animation: fadeIn .7s both ease;
|
||||
animation: fadeIn .7s both ease;
|
||||
}
|
||||
|
||||
/* backSlide */
|
||||
.owl-backSlide-out {
|
||||
-webkit-animation: backSlideOut 1s both ease;
|
||||
-moz-animation: backSlideOut 1s both ease;
|
||||
animation: backSlideOut 1s both ease;
|
||||
}
|
||||
|
||||
.owl-backSlide-in {
|
||||
-webkit-animation: backSlideIn 1s both ease;
|
||||
-moz-animation: backSlideIn 1s both ease;
|
||||
animation: backSlideIn 1s both ease;
|
||||
}
|
||||
|
||||
/* goDown */
|
||||
.owl-goDown-out {
|
||||
-webkit-animation: scaleToFade .7s ease both;
|
||||
-moz-animation: scaleToFade .7s ease both;
|
||||
animation: scaleToFade .7s ease both;
|
||||
}
|
||||
|
||||
.owl-goDown-in {
|
||||
-webkit-animation: goDown .6s ease both;
|
||||
-moz-animation: goDown .6s ease both;
|
||||
animation: goDown .6s ease both;
|
||||
}
|
||||
|
||||
/* scaleUp */
|
||||
.owl-fadeUp-in {
|
||||
-webkit-animation: scaleUpFrom .5s ease both;
|
||||
-moz-animation: scaleUpFrom .5s ease both;
|
||||
animation: scaleUpFrom .5s ease both;
|
||||
}
|
||||
|
||||
.owl-fadeUp-out {
|
||||
-webkit-animation: scaleUpTo .5s ease both;
|
||||
-moz-animation: scaleUpTo .5s ease both;
|
||||
animation: scaleUpTo .5s ease both;
|
||||
}
|
||||
|
||||
/* Keyframes */
|
||||
/*empty*/
|
||||
@-webkit-keyframes empty {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes empty {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes empty {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
-moz-transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
-moz-transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .5;
|
||||
-moz-transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes backSlideOut {
|
||||
25% {
|
||||
opacity: .5;
|
||||
transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .5;
|
||||
transform: translateZ(-500px) translateX(-200%);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px) translateX(200%);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
-webkit-transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateZ(0) translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
-moz-transform: translateZ(-500px) translateX(200%);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
-moz-transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-moz-transform: translateZ(0) translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes backSlideIn {
|
||||
0%, 25% {
|
||||
opacity: .5;
|
||||
transform: translateZ(-500px) translateX(200%);
|
||||
}
|
||||
|
||||
75% {
|
||||
opacity: .5;
|
||||
transform: translateZ(-500px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateZ(0) translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleToFade {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes scaleToFade {
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleToFade {
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes goDown {
|
||||
from {
|
||||
-webkit-transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes goDown {
|
||||
from {
|
||||
-moz-transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes goDown {
|
||||
from {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpFrom {
|
||||
from {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes scaleUpFrom {
|
||||
from {
|
||||
opacity: 0;
|
||||
-moz-transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleUpFrom {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes scaleUpTo {
|
||||
to {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes scaleUpTo {
|
||||
to {
|
||||
opacity: 0;
|
||||
-moz-transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scaleUpTo {
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(1.5);
|
||||
}
|
||||
}
|
||||
@@ -1,93 +0,0 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.24
|
||||
*/
|
||||
.owl-theme {
|
||||
/* Styling Next and Prev buttons */
|
||||
/* preloading images */
|
||||
}
|
||||
.owl-theme .owl-controls {
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
.owl-theme .owl-controls {
|
||||
/* Styling Pagination*/
|
||||
/* If PaginationNumbers is true */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div {
|
||||
margin-top: 38px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0;
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
margin-top: -10px;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div:before {
|
||||
padding-left: 2px;
|
||||
color: #c0c0c0;
|
||||
font-family: FontAwesome;
|
||||
font-size: 20px;
|
||||
line-height: 22px;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-buttons div:hover:before {
|
||||
color: #333;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-next {
|
||||
right: 10px;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-next:before {
|
||||
content: "";
|
||||
}
|
||||
.owl-theme .owl-controls .owl-prev {
|
||||
left: 10px;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-prev:before {
|
||||
content: "";
|
||||
}
|
||||
.owl-theme .owl-controls .owl-pagination {
|
||||
display: none;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page {
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;
|
||||
/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 5px 7px;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
-ms-border-radius: 20px;
|
||||
-o-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #869791;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers {
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
-ms-border-radius: 30px;
|
||||
-o-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
.owl-theme .owl-item.loading {
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center;
|
||||
}
|
||||
@@ -0,0 +1,38 @@
|
||||
/* Foundation v2.1.4 http://foundation.zurb.com */
|
||||
/* Artfully masterminded by ZURB */
|
||||
|
||||
/* --------------------------------------------------
|
||||
Table of Contents
|
||||
-----------------------------------------------------
|
||||
:: Shared Styles
|
||||
:: Page Name 1
|
||||
:: Page Name 2
|
||||
*/
|
||||
|
||||
|
||||
/* -----------------------------------------
|
||||
Shared Styles
|
||||
----------------------------------------- */
|
||||
|
||||
table th { font-weight: bold; }
|
||||
table td, table th { padding: 9px 10px; text-align: left; }
|
||||
|
||||
/* Mobile */
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
table.responsive { margin-bottom: 0; }
|
||||
|
||||
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
|
||||
.pinned table { border-right: none; border-left: none; width: 100%; }
|
||||
.pinned table th, .pinned table td { white-space: nowrap; }
|
||||
.pinned td:last-child { border-bottom: 0; }
|
||||
|
||||
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
|
||||
div.table-wrapper div.scrollable { margin-left: 35%; }
|
||||
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }
|
||||
|
||||
table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
|
||||
table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
|
||||
|
||||
|
||||
}
|
||||
@@ -3,9 +3,15 @@
|
||||
Maintenance Page Styles
|
||||
**********************************************************************/
|
||||
#maintenance {
|
||||
margin: 126px 0 0 0;
|
||||
padding: 91px 48px 365px 297px;
|
||||
background: url(../img/bg_maintenance.png) no-repeat;
|
||||
margin-top: 50px;
|
||||
/* > 1200 */
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#maintenance {
|
||||
margin: 126px 0 0 0;
|
||||
padding: 91px 48px 365px 297px;
|
||||
background: url(../img/bg_maintenance.png) no-repeat;
|
||||
}
|
||||
}
|
||||
#maintenance .logo {
|
||||
margin-bottom: 31px;
|
||||
|
||||
@@ -51,9 +51,11 @@
|
||||
position: relative;
|
||||
}
|
||||
#cart_block dd {
|
||||
padding: 10px 20px;
|
||||
position: relative;
|
||||
}
|
||||
#cart_block dd li {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
#cart_block dd li .deleteCustomizableProduct {
|
||||
top: 12px !important;
|
||||
right: 15px !important;
|
||||
@@ -98,7 +100,7 @@
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 132px;
|
||||
top: 95px;
|
||||
height: auto;
|
||||
width: 270px;
|
||||
background: #484848;
|
||||
@@ -153,7 +155,8 @@
|
||||
}
|
||||
|
||||
#cart_block #cart_block_shipping_cost,
|
||||
#cart_block #cart_block_total {
|
||||
#cart_block #cart_block_total,
|
||||
#cart_block #cart_block_wrapping_cost {
|
||||
float: right;
|
||||
}
|
||||
|
||||
@@ -217,6 +220,8 @@
|
||||
}
|
||||
#layer_cart .layer_cart_product {
|
||||
padding: 30px 30px 30px 30px;
|
||||
overflow: hidden;
|
||||
position: static;
|
||||
}
|
||||
#layer_cart .layer_cart_product h2 {
|
||||
font: 400 23px/29px Arial, Helvetica, sans-serif;
|
||||
@@ -224,12 +229,25 @@
|
||||
margin-bottom: 22px;
|
||||
padding-right: 100px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#layer_cart .layer_cart_product h2 {
|
||||
font-size: 18px;
|
||||
padding-right: 0;
|
||||
line-height: normal;
|
||||
}
|
||||
}
|
||||
#layer_cart .layer_cart_product h2 i {
|
||||
font-size: 30px;
|
||||
line-height: 30px;
|
||||
float: left;
|
||||
padding-right: 8px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#layer_cart .layer_cart_product h2 i {
|
||||
font-size: 22px;
|
||||
line-height: 22px;
|
||||
}
|
||||
}
|
||||
#layer_cart .layer_cart_product .product-image-container {
|
||||
max-width: 178px;
|
||||
border: 1px solid #d6d4d4;
|
||||
@@ -237,6 +255,13 @@
|
||||
float: left;
|
||||
margin-right: 30px;
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
#layer_cart .layer_cart_product .product-image-container {
|
||||
float: none;
|
||||
margin-right: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
#layer_cart .layer_cart_product .layer_cart_product_info {
|
||||
padding: 38px 0 0 0;
|
||||
}
|
||||
@@ -253,15 +278,30 @@
|
||||
#layer_cart .layer_cart_cart {
|
||||
background: #fafafa;
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding: 21px 30px 90px 30px;
|
||||
padding: 21px 30px 170px 30px;
|
||||
-webkit-border-radius: 0px 4px 4px 0px;
|
||||
-moz-border-radius: 0px 4px 4px 0px;
|
||||
-ms-border-radius: 0px 4px 4px 0px;
|
||||
-o-border-radius: 0px 4px 4px 0px;
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
min-height: 318px;
|
||||
position: relative;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
#layer_cart .layer_cart_cart {
|
||||
min-height: 318px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
#layer_cart .layer_cart_cart {
|
||||
min-height: 360px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#layer_cart .layer_cart_cart {
|
||||
border-left: none;
|
||||
border-top: 1px solid #d6d4d4;
|
||||
}
|
||||
}
|
||||
#layer_cart .layer_cart_cart h2 {
|
||||
font: 400 23px/29px Arial, Helvetica, sans-serif;
|
||||
color: #333;
|
||||
@@ -269,6 +309,11 @@
|
||||
padding-bottom: 13px;
|
||||
margin-bottom: 17px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#layer_cart .layer_cart_cart h2 {
|
||||
font-size: 18px;
|
||||
}
|
||||
}
|
||||
#layer_cart .layer_cart_cart .layer_cart_row {
|
||||
padding: 0 0 7px 0;
|
||||
}
|
||||
@@ -289,7 +334,7 @@
|
||||
padding-right: 5px;
|
||||
color: #777777;
|
||||
}
|
||||
#layer_cart .layer_cart_cart .cross {
|
||||
#layer_cart .cross {
|
||||
position: absolute;
|
||||
right: 7px;
|
||||
top: 8px;
|
||||
@@ -297,15 +342,16 @@
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
color: #333;
|
||||
z-index: 2;
|
||||
}
|
||||
#layer_cart .layer_cart_cart .cross:before {
|
||||
#layer_cart .cross:before {
|
||||
content: "";
|
||||
display: block;
|
||||
font-family: "FontAwesome";
|
||||
font-size: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
#layer_cart .layer_cart_cart .cross:hover {
|
||||
#layer_cart .cross:hover {
|
||||
color: #515151;
|
||||
}
|
||||
#layer_cart .continue {
|
||||
@@ -315,18 +361,84 @@
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
#blockcart_list {
|
||||
width: 232px;
|
||||
/************************************************************************
|
||||
Layer Cart Caroucel
|
||||
*************************************************************************/
|
||||
#layer_cart .crossseling .crossseling-content {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
padding: 26px 30px 40px 30px;
|
||||
position: relative;
|
||||
}
|
||||
#layer_cart .crossseling h2 {
|
||||
font: 400 23px/26px Arial, Helvetica, sans-serif;
|
||||
color: #333333;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list {
|
||||
max-width: 773px;
|
||||
width: 84%;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#blockcart_list ul {
|
||||
#layer_cart .crossseling #blockcart_list ul {
|
||||
display: block;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
#blockcart_list li {
|
||||
list-style-type: none;
|
||||
#layer_cart .crossseling #blockcart_list ul li {
|
||||
float: left;
|
||||
width: 58px;
|
||||
width: 178px;
|
||||
margin: 0 0px 0 0;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list ul li .product-image-container {
|
||||
border: 1px solid #d6d4d4;
|
||||
text-align: center;
|
||||
padding: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list ul li .product-image-container img {
|
||||
width: 100%;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list ul li .product-name {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list ul li .product-name a {
|
||||
font-size: 15px;
|
||||
line-height: 20px;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev, #layer_cart .crossseling #blockcart_list a.bx-next {
|
||||
display: block;
|
||||
font-family: "FontAwesome";
|
||||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #333;
|
||||
text-indent: -5000px;
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
margin-top: -20px;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev:after, #layer_cart .crossseling #blockcart_list a.bx-next:after {
|
||||
display: block;
|
||||
text-indent: 0;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev:hover, #layer_cart .crossseling #blockcart_list a.bx-next:hover {
|
||||
color: #c0c0c0;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev.disabled, #layer_cart .crossseling #blockcart_list a.bx-next.disabled {
|
||||
display: none;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev {
|
||||
left: 5%;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-prev:after {
|
||||
content: "";
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-next {
|
||||
right: 5%;
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list a.bx-next:after {
|
||||
content: "";
|
||||
}
|
||||
#layer_cart .crossseling #blockcart_list .bx-controls {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -22,22 +22,6 @@
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* bt add */
|
||||
.add_wishlist_button a {
|
||||
padding: 5px 7px 5px 18px;
|
||||
}
|
||||
|
||||
.add_wishlist_button a span {
|
||||
z-index: 10;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
left: -12px;
|
||||
height: 26px;
|
||||
width: 26px;
|
||||
background: url(img/icon/pict_add_wishlist.png) no-repeat 0 0 transparent;
|
||||
}
|
||||
|
||||
/* block */
|
||||
#wishlist_block #wishlist_block_list {
|
||||
margin-bottom: 20px;
|
||||
@@ -118,21 +102,23 @@
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list {
|
||||
border-bottom: 1px dotted #ccc;
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a {
|
||||
display: inline-block;
|
||||
color: #333;
|
||||
margin: 10px 10px 10px 0px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a:hover {
|
||||
color: #515151;
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop .display_list li a {
|
||||
display: inline-block;
|
||||
padding: 7px 11px 5px 22px;
|
||||
color: #333;
|
||||
background: url(img/arrow_right_2.png) no-repeat 10px 10px transparent;
|
||||
}
|
||||
|
||||
#module-blockwishlist-mywishlist .wishlistLinkTop #hideSendWishlist {
|
||||
float: right;
|
||||
}
|
||||
@@ -144,17 +130,53 @@
|
||||
|
||||
/* wlp_bought ****************************************** */
|
||||
/* wlp_bought_list */
|
||||
ul.wlp_bought_list li .inner-content {
|
||||
ul.wlp_bought_list li {
|
||||
margin-bottom: 30px;
|
||||
/*> 992px*/
|
||||
/*768px x 991px*/
|
||||
}
|
||||
ul.wlp_bought_list li .product_image {
|
||||
padding: 9px;
|
||||
border: 1px solid #d6d4d4;
|
||||
margin-bottom: 20px;
|
||||
max-width: 270px;
|
||||
}
|
||||
ul.wlp_bought_list li .product-name {
|
||||
margin-bottom: 10px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
ul.wlp_bought_list li .product-name small {
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
}
|
||||
ul.wlp_bought_list li .product-name small a {
|
||||
font-size: 11px;
|
||||
}
|
||||
ul.wlp_bought_list li .product_infos {
|
||||
position: relative;
|
||||
}
|
||||
ul.wlp_bought_list li .btn_action .btn {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.wlp_bought_list li.first-in-line {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
ul.wlp_bought_list li.first-item-of-tablet-line {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
.wishlistLinkTop .submit {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
ul.wlp_bought_list li .lnkdel {
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
display: block;
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
text-indent: -5000px;
|
||||
background: url(img/icon/delete.gif) no-repeat 0 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
@@ -15,9 +15,15 @@
|
||||
#homepage-slider {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
padding-top: 29px;
|
||||
margin-bottom: 35px;
|
||||
max-width: 779px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
#homepage-slider #homeslider {
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/*****************************************************************************
|
||||
@@ -25,35 +31,38 @@
|
||||
********************************************************************************/
|
||||
/** RESET AND LAYOUT
|
||||
===================================*/
|
||||
.bx-wrapper {
|
||||
#homepage-slider {
|
||||
/** THEME
|
||||
===================================*/
|
||||
/* LOADER */
|
||||
/* PAGER */
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
/* IMAGE CAPTIONS */
|
||||
}
|
||||
#homepage-slider .bx-wrapper {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
*zoom: 1;
|
||||
}
|
||||
.bx-wrapper a {
|
||||
#homepage-slider .bx-wrapper a {
|
||||
display: block;
|
||||
}
|
||||
.bx-wrapper img {
|
||||
#homepage-slider .bx-wrapper img {
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/** THEME
|
||||
===================================*/
|
||||
.bx-wrapper .bx-viewport {
|
||||
#homepage-slider .bx-wrapper .bx-viewport {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager,
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
#homepage-slider .bx-wrapper .bx-pager,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* LOADER */
|
||||
.bx-wrapper .bx-loading {
|
||||
#homepage-slider .bx-wrapper .bx-loading {
|
||||
min-height: 50px;
|
||||
background: url(images/bx_loader.gif) center center no-repeat white;
|
||||
height: 100%;
|
||||
@@ -63,9 +72,7 @@
|
||||
left: 0;
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
/* PAGER */
|
||||
.bx-wrapper .bx-pager {
|
||||
#homepage-slider .bx-wrapper .bx-pager {
|
||||
text-align: center;
|
||||
font-size: .85em;
|
||||
font-family: Arial;
|
||||
@@ -73,15 +80,13 @@
|
||||
color: #666;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager .bx-pager-item,
|
||||
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
#homepage-slider .bx-wrapper .bx-pager .bx-pager-item,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
|
||||
display: inline-block;
|
||||
*zoom: 1;
|
||||
*display: inline;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a {
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a {
|
||||
background: #666;
|
||||
text-indent: -9999px;
|
||||
display: block;
|
||||
@@ -93,52 +98,71 @@
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
.bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
|
||||
#homepage-slider .bx-wrapper .bx-pager.bx-default-pager a.active {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
/* DIRECTION CONTROLS (NEXT / PREV) */
|
||||
.bx-wrapper .bx-prev {
|
||||
left: 10px;
|
||||
background: url(images/controls.png) no-repeat 0 -32px;
|
||||
#homepage-slider .bx-wrapper .bx-prev {
|
||||
right: 60px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next {
|
||||
#homepage-slider .bx-wrapper .bx-prev:after {
|
||||
content: "";
|
||||
}
|
||||
#homepage-slider .bx-wrapper .bx-next {
|
||||
right: 10px;
|
||||
background: url(images/controls.png) no-repeat -43px -32px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-prev:hover {
|
||||
background-position: 0 0;
|
||||
#homepage-slider .bx-wrapper .bx-next:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-next:hover {
|
||||
background-position: -43px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a {
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -16px;
|
||||
bottom: 10px;
|
||||
outline: 0;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
text-indent: -9999px;
|
||||
z-index: 9999;
|
||||
border: 2px solid #fff;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-direction a.disabled {
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:before {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
display: block;
|
||||
background: #fff;
|
||||
content: ".";
|
||||
opacity: 0.14;
|
||||
text-indent: -9999px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:after {
|
||||
display: block;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
color: #fff;
|
||||
text-indent: 0;
|
||||
text-align: center;
|
||||
font-size: 21px;
|
||||
font-family: "FontAwesome";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
padding: 16px 0 0 0;
|
||||
}
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a:hover:before {
|
||||
background: #333;
|
||||
opacity: 0.83;
|
||||
}
|
||||
#homepage-slider .bx-wrapper .bx-controls-direction a.disabled {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* AUTO CONTROLS (START / STOP) */
|
||||
.bx-wrapper .bx-controls-auto {
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start {
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 10px;
|
||||
@@ -147,13 +171,11 @@
|
||||
background: url(images/controls.png) -86px -11px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start:hover,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-start.active {
|
||||
background-position: -86px 0;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop {
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop {
|
||||
display: block;
|
||||
text-indent: -9999px;
|
||||
width: 9px;
|
||||
@@ -162,25 +184,19 @@
|
||||
background: url(images/controls.png) -86px -44px no-repeat;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
.bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
|
||||
#homepage-slider .bx-wrapper .bx-controls-auto .bx-stop.active {
|
||||
background-position: -86px -33px;
|
||||
}
|
||||
|
||||
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
|
||||
text-align: left;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
#homepage-slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
|
||||
right: 0;
|
||||
width: 35px;
|
||||
}
|
||||
|
||||
/* IMAGE CAPTIONS */
|
||||
.bx-wrapper .bx-caption {
|
||||
#homepage-slider .bx-wrapper .bx-caption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
@@ -188,8 +204,7 @@
|
||||
background: rgba(80, 80, 80, 0.75);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bx-wrapper .bx-caption span {
|
||||
#homepage-slider .bx-wrapper .bx-caption span {
|
||||
color: #fff;
|
||||
font-family: Arial;
|
||||
display: block;
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
@@ -86,7 +86,7 @@
|
||||
#product_comments_block_extra .comments_note {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#product_comments_block_extra #product_comments_block_extra .comments_note span,
|
||||
#product_comments_block_extra .comments_note span,
|
||||
#product_comments_block_extra .star_content {
|
||||
float: left;
|
||||
color: #333;
|
||||
@@ -95,10 +95,10 @@
|
||||
margin-top: 1px;
|
||||
}
|
||||
#product_comments_block_extra div.star {
|
||||
background: url(img/star.gif) no-repeat 0 0;
|
||||
background: url(img/star.png) no-repeat 0 0;
|
||||
}
|
||||
#product_comments_block_extra div.star_on {
|
||||
background: url(img/star.gif) no-repeat 0 -13px;
|
||||
background: url(img/star.png) no-repeat 0 -13px;
|
||||
}
|
||||
#product_comments_block_extra .comments_advices {
|
||||
clear: both;
|
||||
@@ -254,7 +254,7 @@
|
||||
}
|
||||
#product_comments_block_tab div.star,
|
||||
#product_comments_block_tab div.star_on {
|
||||
background: url(img/star.gif) no-repeat 0 0 transparent;
|
||||
background: url(img/star.png) no-repeat 0 0;
|
||||
}
|
||||
#product_comments_block_tab div.star_on {
|
||||
background-position: 0 -13px;
|
||||
@@ -285,8 +285,13 @@
|
||||
margin: 0;
|
||||
}
|
||||
#product_comments_block_tab div.comment_details li {
|
||||
padding: 2px 0 2px 12px;
|
||||
background: url(img/bg_li.png) no-repeat 1px 45% white;
|
||||
padding: 2px 0 2px;
|
||||
}
|
||||
#product_comments_block_tab div.comment_details li:before {
|
||||
font-family: FontAwesome;
|
||||
content: "";
|
||||
color: #333;
|
||||
margin-right: 8px;
|
||||
}
|
||||
#product_comments_block_tab div.comment_details .title_block {
|
||||
text-transform: capitalize;
|
||||
|
||||
@@ -1,50 +0,0 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
h2.productscategory_h2 {
|
||||
margin: 40px 0 20px 0;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #ccc;
|
||||
font-size: 18px;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
#productscategory {
|
||||
overflow: auto;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
#productscategory_list {
|
||||
overflow: hidden;
|
||||
}
|
||||
#productscategory_list ul {
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
#productscategory_list li a.lnk_img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#productscategory_noscroll {
|
||||
height: 220px;
|
||||
width: 100%;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#productscategory_scroll_left, #productscategory_scroll_right {
|
||||
background: url("img/thumbs_left.gif") no-repeat center;
|
||||
text-indent: -3000px;
|
||||
display: block;
|
||||
width: 9px;
|
||||
height: 18px;
|
||||
float: left;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#productscategory_scroll_right {
|
||||
background-image: url("img/thumbs_right.gif");
|
||||
}
|
||||
|
||||
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||
#productscategory_list li {
|
||||
margin: 0 7px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
|
||||
#stripe-payment-form {
|
||||
line-height: 20px;
|
||||
padding-bottom: 7px;
|
||||
@@ -6,7 +7,7 @@
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#stripe-payment-form .form-group input.stripe-card-number {
|
||||
width: 263px;
|
||||
max-width: 263px;
|
||||
}
|
||||
#stripe-payment-form .block-left {
|
||||
float: left;
|
||||
@@ -33,24 +34,38 @@
|
||||
#stripe-payment-form .stripe-card-cvc-info:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
#stripe-payment-form .stripe-card-expiry-year.form-control, #stripe-payment-form .stripe-card-expiry-month.form-control {
|
||||
#stripe-payment-form #uniform-month, #stripe-payment-form .stripe-card-expiry-year.form-control, #stripe-payment-form #uniform-year, #stripe-payment-form .stripe-card-expiry-month.form-control {
|
||||
float: left;
|
||||
}
|
||||
#stripe-payment-form .stripe-card-expiry-year.form-control {
|
||||
width: 68px;
|
||||
}
|
||||
#stripe-payment-form .stripe-card-expiry-month.form-control {
|
||||
#stripe-payment-form #uniform-month, #stripe-payment-form .stripe-card-expiry-month.form-control {
|
||||
width: 115px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
#stripe-payment-form .stripe-line {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#stripe-payment-form .stripe-line .form-group {
|
||||
clear: left;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
#stripe-payment-form .ckeckbox {
|
||||
margin-bottom: 11px;
|
||||
}
|
||||
#stripe-payment-form .ckeckbox .checker {
|
||||
float: left;
|
||||
}
|
||||
#stripe-payment-form .ckeckbox .checker span {
|
||||
top: 2px;
|
||||
}
|
||||
#stripe-payment-form .ckeckbox label {
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
color: #777777;
|
||||
}
|
||||
|
||||
a.stripe-card-cvc-info div.cvc-info {
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
margin-bottom: 2px;
|
||||
}
|
||||
#order-opc .form-group .form-control {
|
||||
width: 271px;
|
||||
max-width: 271px;
|
||||
}
|
||||
#order-opc .lost_password {
|
||||
display: inline-block;
|
||||
|
||||
@@ -11,19 +11,6 @@
|
||||
margin: 2px 0 31px;
|
||||
}
|
||||
|
||||
.product-image {
|
||||
border: 1px solid #d6d4d4;
|
||||
background: white;
|
||||
padding: 5px;
|
||||
display: block;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
.product-image img {
|
||||
max-width: 100%;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.product-heading-h5 {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
@@ -32,7 +19,6 @@
|
||||
|
||||
.box-security .product-heading-h5 {
|
||||
margin: 3px 0 -8px;
|
||||
/*max 1199px*/
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.box-security .product-heading-h5 {
|
||||
@@ -40,43 +26,21 @@
|
||||
}
|
||||
}
|
||||
|
||||
.name-product {
|
||||
#productscategory_list .product-name,
|
||||
.accessories-block .product-name {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.name-product a {
|
||||
#productscategory_list .product-name a,
|
||||
.accessories-block .product-name a {
|
||||
font-size: 15px;
|
||||
line-height: 18px;
|
||||
color: #3a3939;
|
||||
}
|
||||
.name-product a:hover {
|
||||
#productscategory_list .product-name a:hover,
|
||||
.accessories-block .product-name a:hover {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.product-box {
|
||||
width: 178px;
|
||||
margin: 0 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
h3.page-product-heading {
|
||||
color: #555454;
|
||||
text-transform: uppercase;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
font-weight: 600;
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
padding: 14px 20px 17px;
|
||||
margin: 0 0 20px;
|
||||
position: relative;
|
||||
border: 1px solid #d6d4d4;
|
||||
border-bottom: none;
|
||||
background: #fbfbfb;
|
||||
}
|
||||
|
||||
.page-product-box {
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
@@ -88,7 +52,6 @@ img {
|
||||
padding: 5px;
|
||||
border: 1px solid #dbdbdb;
|
||||
background: #fff;
|
||||
/*max 767px*/
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#pb-right-column #image-block {
|
||||
@@ -150,9 +113,6 @@ img {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
width: 392px;
|
||||
/*min 992px max 1199px*/
|
||||
/* min 768px max 991px*/
|
||||
/*max 767px*/
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
#thumbs_list {
|
||||
@@ -186,7 +146,6 @@ img {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#thumbs_list li {
|
||||
@@ -223,7 +182,6 @@ img {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#thumbs_list li img {
|
||||
@@ -236,7 +194,6 @@ span.view_scroll_spacer {
|
||||
float: left;
|
||||
width: 39px;
|
||||
padding-left: 12px;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
span.view_scroll_spacer {
|
||||
@@ -253,7 +210,6 @@ span.view_scroll_spacer {
|
||||
line-height: 0;
|
||||
font-size: 0;
|
||||
overflow: hidden;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#view_scroll_left,
|
||||
@@ -289,6 +245,9 @@ span.view_scroll_spacer {
|
||||
.resetimg {
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
.resetimg #resetImages i {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
/* link list */
|
||||
#usefull_link_block {
|
||||
@@ -296,13 +255,20 @@ span.view_scroll_spacer {
|
||||
}
|
||||
#usefull_link_block li {
|
||||
float: left;
|
||||
/*min 768px max 991px*/
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding-left: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#usefull_link_block li {
|
||||
float: none !important;
|
||||
}
|
||||
}
|
||||
#usefull_link_block li:first-child {
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
#usefull_link_block li a {
|
||||
color: #777676;
|
||||
font-weight: bold;
|
||||
@@ -324,12 +290,6 @@ span.view_scroll_spacer {
|
||||
#usefull_link_block li a:hover {
|
||||
color: #000;
|
||||
}
|
||||
#usefull_link_block li.print {
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding-left: 20px;
|
||||
margin-left: 20px;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#usefull_link_block li.print {
|
||||
margin: 8px 0 0;
|
||||
@@ -340,9 +300,62 @@ span.view_scroll_spacer {
|
||||
#usefull_link_block li.print a:before {
|
||||
content: "";
|
||||
}
|
||||
#usefull_link_block li.sendtofriend {
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
#usefull_link_block li.sendtofriend a:before {
|
||||
content: "";
|
||||
}
|
||||
#usefull_link_block li#left_share_fb {
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
#usefull_link_block li#left_share_fb a {
|
||||
padding-left: 18px;
|
||||
}
|
||||
#usefull_link_block li#left_share_fb a:before {
|
||||
content: "";
|
||||
}
|
||||
#usefull_link_block li#favoriteproducts_block_extra_remove,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_add,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_removed,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_added {
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
clear: both;
|
||||
float: none;
|
||||
margin-bottom: 8px;
|
||||
padding-left: 24px;
|
||||
margin-left: 0;
|
||||
border: none;
|
||||
position: relative;
|
||||
}
|
||||
#usefull_link_block li#favoriteproducts_block_extra_remove:before,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_add:before,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_removed:before,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_added:before {
|
||||
font-family: FontAwesome;
|
||||
color: #333;
|
||||
font-size: 19px;
|
||||
line-height: 24px;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
left: 0;
|
||||
font-weight: normal;
|
||||
content: "";
|
||||
}
|
||||
#usefull_link_block li#favoriteproducts_block_extra_remove:hover,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_add:hover,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_removed:hover,
|
||||
#usefull_link_block li#favoriteproducts_block_extra_added:hover {
|
||||
color: #000;
|
||||
}
|
||||
#usefull_link_block li#favoriteproducts_block_extra_removed:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* pb-left-column ****************************************************************************** */
|
||||
#pb-left-column {
|
||||
@@ -422,11 +435,6 @@ span.view_scroll_spacer {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ie7 #pb-left-column #buy_block label {
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#short_description_block #short_description_content {
|
||||
padding: 0 0 15px;
|
||||
}
|
||||
@@ -447,17 +455,13 @@ span.view_scroll_spacer {
|
||||
}
|
||||
|
||||
#attributes .attribute_list {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ie7 #attributes .attribute_list {
|
||||
display: inline;
|
||||
zoom: 1;
|
||||
float: right;
|
||||
#attributes .attribute_list .form-control {
|
||||
max-width: 230px;
|
||||
}
|
||||
|
||||
#attributes .attribute_list ul {
|
||||
list-style: none;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
@@ -478,10 +482,6 @@ span.view_scroll_spacer {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.ie7 #attributes .attribute_list span {
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
#attributes .attribute_list #color_to_pick_list {
|
||||
list-style-type: none;
|
||||
}
|
||||
@@ -516,7 +516,7 @@ span.view_scroll_spacer {
|
||||
padding: 18px 19px 12px;
|
||||
}
|
||||
|
||||
.box-info-product #add_to_cart {
|
||||
.box-info-product .exclusive {
|
||||
padding: 0;
|
||||
border-top: 1px solid #0079b6;
|
||||
border-right: 1px solid #006fa8;
|
||||
@@ -528,9 +528,9 @@ span.view_scroll_spacer {
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
display: block;
|
||||
}
|
||||
.box-info-product #add_to_cart:before {
|
||||
.box-info-product .exclusive:before {
|
||||
font-family: FontAwesome;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -541,32 +541,22 @@ span.view_scroll_spacer {
|
||||
line-height: 47px;
|
||||
text-shadow: 0 1px #015883;
|
||||
content: "";
|
||||
z-index: 10;
|
||||
z-index: 2;
|
||||
width: 51px;
|
||||
text-align: center;
|
||||
border-top: 1px solid #06b2e6;
|
||||
border-right: 1px solid #06b2e6;
|
||||
border-left: 1px solid #06b2e6;
|
||||
border-bottom: 1px solid #06b2e6;
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
|
||||
background-image: -webkit-linear-gradient(#009ad0, #007ab7);
|
||||
background-image: -moz-linear-gradient(#009ad0, #007ab7);
|
||||
background-image: -o-linear-gradient(#009ad0, #007ab7);
|
||||
background-image: linear-gradient(#009ad0, #007ab7);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7',GradientType=0 );
|
||||
border: 1px solid #06b2e6;
|
||||
-webkit-border-radius: 5px 0 0 5px;
|
||||
-moz-border-radius: 5px 0 0 5px;
|
||||
-ms-border-radius: 5px 0 0 5px;
|
||||
-o-border-radius: 5px 0 0 5px;
|
||||
border-radius: 5px 0 0 5px;
|
||||
/*max 991px*/
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.box-info-product #add_to_cart:before {
|
||||
.box-info-product .exclusive:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.box-info-product #add_to_cart:after {
|
||||
.box-info-product .exclusive:after {
|
||||
background: url(../img/border-1.gif) repeat-y 0 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -574,16 +564,15 @@ span.view_scroll_spacer {
|
||||
left: 51px;
|
||||
content: "";
|
||||
width: 1px;
|
||||
z-index: 10;
|
||||
/* max 991px*/
|
||||
z-index: 2;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.box-info-product #add_to_cart:after {
|
||||
.box-info-product .exclusive:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.box-info-product .exclusive {
|
||||
.box-info-product .exclusive span {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
|
||||
background-image: -webkit-linear-gradient(#009ad0, #007ab7);
|
||||
background-image: -moz-linear-gradient(#009ad0, #007ab7);
|
||||
@@ -604,25 +593,27 @@ span.view_scroll_spacer {
|
||||
border-bottom: 1px solid #06b2e6;
|
||||
text-shadow: 0 1px #015883;
|
||||
padding: 12px 36px 14px 82px;
|
||||
text-align: right;
|
||||
color: #fff;
|
||||
display: block !important;
|
||||
/* max 1199px*/
|
||||
/*max 991px*/
|
||||
-webkit-transition: all 0s ease;
|
||||
-moz-transition: all 0s ease;
|
||||
-o-transition: all 0s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
.box-info-product .exclusive {
|
||||
.box-info-product .exclusive span {
|
||||
padding: 12px 22px 14px 70px;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.box-info-product .exclusive {
|
||||
.box-info-product .exclusive span {
|
||||
padding: 8px 12px 10px;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
.box-info-product .exclusive:hover {
|
||||
|
||||
.box-info-product .exclusive:hover span {
|
||||
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #007ab7), color-stop(100%, #009ad0));
|
||||
background-image: -webkit-linear-gradient(#007ab7, #009ad0);
|
||||
background-image: -moz-linear-gradient(#007ab7, #009ad0);
|
||||
@@ -664,6 +655,11 @@ table.table-produst-discounts {
|
||||
margin: 0 0 20px;
|
||||
background: #fff;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
table.table-produst-discounts {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
table.table-produst-discounts tr th {
|
||||
background: #fbfbfb;
|
||||
color: #333;
|
||||
@@ -715,17 +711,12 @@ table.table-produst-discounts tr th {
|
||||
width: 78px;
|
||||
height: 27px;
|
||||
padding: 0 6px;
|
||||
float: left;
|
||||
border: 1px solid #d6d4d4;
|
||||
/*min 768px max 991px*/
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
#quantity_wanted_p input {
|
||||
width: 100%;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
#quantity_wanted_p button {
|
||||
margin-top: -2px;
|
||||
#quantity_wanted_p .btn {
|
||||
float: left;
|
||||
margin-left: 3px;
|
||||
}
|
||||
#quantity_wanted_p label {
|
||||
display: block;
|
||||
@@ -766,6 +757,8 @@ table.table-produst-discounts tr th {
|
||||
background: #ff7430;
|
||||
border: 1px solid #ea5e1a;
|
||||
padding: 4px 8px 3px;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
#availability_statut,
|
||||
@@ -830,7 +823,6 @@ table.table-produst-discounts tr th {
|
||||
line-height: 32px;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
color: #333;
|
||||
/*max 991px*/
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
.our_price_display {
|
||||
@@ -884,8 +876,7 @@ table.table-produst-discounts tr th {
|
||||
}
|
||||
}
|
||||
.ie9 .content_prices #add_to_cart .exclusive, .ie9 .content_prices #add_to_cart .exclusive_disabled,
|
||||
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled,
|
||||
.ie7 .content_prices #add_to_cart .exclusive, .ie7 .content_prices #add_to_cart .exclusive_disabled {
|
||||
.ie8 .content_prices #add_to_cart .exclusive, .ie8 .content_prices #add_to_cart .exclusive_disabled {
|
||||
padding: 8px 7px 4px 15px;
|
||||
line-height: 12px;
|
||||
}
|
||||
@@ -986,13 +977,6 @@ table.table-produst-discounts tr th {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* PACK ##################################################################### */
|
||||
#blockpack {
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px dotted #999;
|
||||
}
|
||||
|
||||
/* PERSONNALISATION ##################################################################### */
|
||||
.customization_block p.infoCustomizable {
|
||||
margin: 10px 0 20px;
|
||||
@@ -1040,3 +1024,194 @@ ul#uploadable_files, ul#text_fields {
|
||||
.accessories_block div ul li .s_title_block a, .accessories_block div ul li .s_title_block span {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/******************************************************************
|
||||
Quick View Styles
|
||||
******************************************************************/
|
||||
#product.content_only div#primary_block, #product.content_only section#primary_block {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#product.content_only div#primary_block, #product.content_only section#primary_block {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column {
|
||||
padding: 20px 20px 5px 35px;
|
||||
width: 47%;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column span.view_scroll_spacer, #product.content_only section#primary_block div#pb-right-column span.view_scroll_spacer {
|
||||
width: 38px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column #thumbs_list, #product.content_only section#primary_block div#pb-right-column #thumbs_list {
|
||||
width: 392px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column {
|
||||
padding: 20px 20px 60px 0px;
|
||||
width: 27.5%;
|
||||
margin-bottom: 0;
|
||||
min-height: 623px;
|
||||
height: 100%;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column {
|
||||
min-height: 440px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column {
|
||||
width: 100%;
|
||||
float: none;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-left-column .product_comments_block_extra, #product.content_only section#primary_block div#pb-left-column .product_comments_block_extra {
|
||||
padding-right: 0;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
#product.content_only div#primary_block div#pb-left-column .comments_advices li, #product.content_only section#primary_block div#pb-left-column .comments_advices li {
|
||||
display: block;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-left-column .comments_advices a.reviews, #product.content_only section#primary_block div#pb-left-column .comments_advices a.reviews {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-left-column #ShareDiv, #product.content_only section#primary_block div#pb-left-column #ShareDiv {
|
||||
position: absolute;
|
||||
bottom: 8px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 {
|
||||
width: 25.5%;
|
||||
padding-right: 15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product {
|
||||
border-top-width: 0px;
|
||||
border-right: none;
|
||||
border-bottom: none;
|
||||
min-height: 623px;
|
||||
height: 100%;
|
||||
-webkit-border-radius: 0 4px 4px 0;
|
||||
-moz-border-radius: 0 4px 4px 0;
|
||||
-ms-border-radius: 0 4px 4px 0;
|
||||
-o-border-radius: 0 4px 4px 0;
|
||||
border-radius: 0 4px 4px 0;
|
||||
position: relative;
|
||||
padding-bottom: 125px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product {
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
-o-border-radius: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #d6d4d4;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:before, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive:after {
|
||||
display: block;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
@media (max-width: 1199px) {
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span, #product.content_only section#primary_block div#pb-right-column1 .box-info-product #add_to_cart .exclusive span {
|
||||
padding: 12px 22px 14px 70px;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .box-info-product .box-cart-bottom {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 #attributes .attribute_list .form-control, #product.content_only section#primary_block div#pb-right-column1 #attributes .attribute_list .form-control {
|
||||
width: 230px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only div#primary_block div#pb-right-column1 .box-cart-bottom, #product.content_only section#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .box-cart-bottom {
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
|
||||
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .product_attributes, #product.content_only section#primary_block div#pb-right-column1 .product_attributes {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.addsharethisinner .stButton .stArrow {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (max-width: 1050px) {
|
||||
#product.content_only div#primary_block div#pb-right-column, #product.content_only section#primary_block div#pb-right-column {
|
||||
width: 100%;
|
||||
padding-right: 15px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column #image-block, #product.content_only div#primary_block div#pb-right-column #views_block, #product.content_only section#primary_block div#pb-right-column #image-block, #product.content_only section#primary_block div#pb-right-column #views_block {
|
||||
max-width: 470px;
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column #thumbs_list li, #product.content_only section#primary_block div#pb-right-column #thumbs_list li {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column #thumbs_list li img, #product.content_only section#primary_block div#pb-right-column #thumbs_list li img {
|
||||
width: 82px;
|
||||
height: 82px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column {
|
||||
width: 50%;
|
||||
float: left;
|
||||
padding-left: 35px;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
#product.content_only div#primary_block div#pb-right-column1 .box-info-product, #product.content_only section#primary_block div#pb-right-column1 .box-info-product {
|
||||
border-top-width: 1px;
|
||||
min-height: 1px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1050px) and (max-width: 479px) {
|
||||
#product.content_only div#primary_block, #product.content_only section#primary_block {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1050px) and (max-width: 479px) {
|
||||
#product.content_only div#primary_block div#pb-left-column, #product.content_only section#primary_block div#pb-left-column {
|
||||
width: 100%;
|
||||
float: none;
|
||||
padding-left: 15px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
@media (max-width: 1050px) and (max-width: 479px) {
|
||||
#product.content_only div#primary_block div#pb-right-column1, #product.content_only section#primary_block div#pb-right-column1 {
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
float: none;
|
||||
padding-left: 15px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -30,6 +30,32 @@ ul.product_list .color-list-container ul li a {
|
||||
height: 23px;
|
||||
margin: 1px;
|
||||
}
|
||||
ul.product_list .product-image-container .quick-view {
|
||||
font: 700 13px/16px Arial, Helvetica, sans-serif;
|
||||
color: #777676;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -21px 0 0 -53px;
|
||||
padding: 13px 0 0;
|
||||
background: rgba(255, 255, 255, 0.82);
|
||||
width: 107px;
|
||||
height: 43px;
|
||||
text-align: center;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
|
||||
box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list .product-image-container .quick-view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
ul.product_list .product-image-container .quick-view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
Product list(Grid) Styles
|
||||
@@ -38,6 +64,11 @@ ul.product_list.grid > li {
|
||||
margin-bottom: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.product_list.grid > li {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container {
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
@@ -49,6 +80,13 @@ ul.product_list.grid > li .product-container .product-image-container {
|
||||
margin-bottom: 13px;
|
||||
position: relative;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
ul.product_list.grid > li .product-container .product-image-container {
|
||||
max-width: 290px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .product-image-container .content_price {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
@@ -82,17 +120,25 @@ ul.product_list.grid > li .product-container .old-price {
|
||||
margin-right: 5px;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .button-container {
|
||||
display: none;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.grid > li .product-container .button-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button, ul.product_list.grid > li .product-container .button-container span.button {
|
||||
margin-right: 6px;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons {
|
||||
display: none;
|
||||
background: url(../img/functional-bt-shadow.png) repeat-x;
|
||||
padding: 11px 0 5px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div {
|
||||
width: 50%;
|
||||
float: left;
|
||||
@@ -109,38 +155,80 @@ ul.product_list.grid > li .product-container .functional-buttons div a:hover, ul
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 1px solid #d6d4d4;
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 0;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist {
|
||||
border-right: 0;
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.wishlist i {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
font-family: 'FontAwesome';
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@media (min-width: 480px) and (max-width: 767px) {
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container .functional-buttons div.compare.compare.checked:before {
|
||||
content: "";
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
margin-bottom: -48px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.grid > li .product-container:hover {
|
||||
-webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .content_price {
|
||||
display: none;
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .product-image-container .content_price {
|
||||
display: block;
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .product-image-container .quick-view {
|
||||
display: block;
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .button-container, ul.product_list.grid > li .product-container:hover .functional-buttons {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .content_price {
|
||||
display: none;
|
||||
@media (min-width: 992px) {
|
||||
ul.product_list.grid > li.first-in-line {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .product-image-container .content_price {
|
||||
display: block;
|
||||
}
|
||||
ul.product_list.grid > li .product-container:hover .button-container, ul.product_list.grid > li .product-container:hover .functional-buttons {
|
||||
display: block;
|
||||
}
|
||||
ul.product_list.grid > li.first-in-line {
|
||||
clear: left;
|
||||
@media (min-width: 480px) and (max-width: 991px) {
|
||||
ul.product_list.grid > li.first-item-of-tablet-line {
|
||||
clear: left;
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
Product list(List) Styles
|
||||
********************************************************/
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .left-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .product-container {
|
||||
border-top: 1px solid #d6d4d4;
|
||||
padding: 30px 0 30px;
|
||||
@@ -150,6 +238,12 @@ ul.product_list.list > li .product-image-container {
|
||||
border: 1px solid #d6d4d4;
|
||||
padding: 9px;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .product-image-container {
|
||||
max-width: 290px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .product-image-container .content_price {
|
||||
display: none !important;
|
||||
}
|
||||
@@ -166,30 +260,89 @@ ul.product_list.list > li h5 {
|
||||
ul.product_list.list > li .product-desc {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content {
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding-left: 30px;
|
||||
padding-bottom: 16px;
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .center-block {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.product_list.list > li .right-block .right-block-content {
|
||||
margin: 0;
|
||||
border-left: 1px solid #d6d4d4;
|
||||
padding-left: 15px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
ul.product_list.list > li .right-block .right-block-content {
|
||||
padding-top: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .right-block .right-block-content {
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price {
|
||||
padding-bottom: 24px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price {
|
||||
padding-top: 13px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price {
|
||||
padding-top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price span {
|
||||
display: inline-block;
|
||||
margin-top: -4px;
|
||||
margin-bottom: 14px;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price span.price-percent-reduction {
|
||||
margin-left: 8px;
|
||||
ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
|
||||
margin-right: 8px;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .button-container {
|
||||
overflow: hidden;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .button-container {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
|
||||
float: left;
|
||||
clear: both;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .button-container .btn {
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
|
||||
clear: both;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
|
||||
float: left;
|
||||
padding-top: 0 !important;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons a, ul.product_list.list > li .right-block .right-block-content .functional-buttons label {
|
||||
font-weight: bold;
|
||||
color: #777676;
|
||||
@@ -244,19 +397,28 @@ ul.product_list.list > li .right-block .right-block-content .functional-buttons
|
||||
ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare label:hover:before {
|
||||
background: #333333;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
ul.product_list.list > li:hover .product-image-container .quick-view {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
ul.product_list.list > li {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
/*******************************************************
|
||||
Product list(Index page) Styles
|
||||
********************************************************/
|
||||
#index ul.product_list > li {
|
||||
border-bottom: 1px solid #d6d4d4;
|
||||
#index ul.product_list.tab-pane > li {
|
||||
padding-bottom: 35px;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
#index ul.product_list > li .availability {
|
||||
#index ul.product_list.tab-pane > li .availability {
|
||||
display: none;
|
||||
}
|
||||
#index ul.product_list > li.last-line {
|
||||
#index ul.product_list.tab-pane > li.last-line {
|
||||
border: none;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
@@ -14,6 +14,13 @@
|
||||
#stores .address-input {
|
||||
float: left;
|
||||
margin-right: 19px;
|
||||
/* max 767px */
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#stores .address-input {
|
||||
width: 100%;
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
}
|
||||
#stores .address-input label {
|
||||
margin-right: 5px;
|
||||
@@ -60,7 +67,7 @@
|
||||
margin-left: 5px;
|
||||
}
|
||||
#stores #locationSelect {
|
||||
width: 356px;
|
||||
max-width: 356px;
|
||||
visibility: hidden;
|
||||
}
|
||||
#stores #stores-table {
|
||||
@@ -73,6 +80,19 @@
|
||||
background: #fbfbfb;
|
||||
width: 46px;
|
||||
}
|
||||
#stores #stores-table tbody td.name {
|
||||
/* max 767px */
|
||||
}
|
||||
#stores #stores-table tbody td.name span {
|
||||
padding-left: 15px;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
#stores #stores-table tbody td.name img {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.store-image img {
|
||||
width: 100%;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user