first commit
This commit is contained in:
29
modules/squaremeter__/views/css/design2/index.php
Normal file
29
modules/squaremeter__/views/css/design2/index.php
Normal file
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
/*
|
||||
* 2007-2021 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This module is not a free module and all rights are reserved. It is prohibited to sell or redistribute this module for any purpose. Each license can be used only in one website. For multishop environment, a new license is required for each e-shop managed.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author MEG Venture <info@megventure.com>
|
||||
* @copyright 2007-2021 PrestaShop SA
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
216
modules/squaremeter__/views/css/design2/squaremeter_linear.css
Normal file
216
modules/squaremeter__/views/css/design2/squaremeter_linear.css
Normal file
@@ -0,0 +1,216 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
#squaremeter {
|
||||
border: 1px solid #ccc;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
outline: 0;
|
||||
margin-bottom: 5px;
|
||||
-webkit-appearance: none;
|
||||
padding: 5px;
|
||||
/*width:222px;
|
||||
margin-left:27px;*/
|
||||
}
|
||||
|
||||
#squaremeter, #squaremeter_extrafee {
|
||||
width: 55%;
|
||||
}
|
||||
|
||||
#squaremeter legend{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.labels, #dimension {
|
||||
font-size:11px;
|
||||
clear:left;
|
||||
width:50%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.labels p {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
white-space: pre-wrap;
|
||||
/* CSS3 */
|
||||
white-space: -moz-pre-wrap;
|
||||
/* Firefox */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera <7 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* IE */
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#width {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#fields p, .fields p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#multiplicationsign {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
#width input, #height input, #depth input, #quantitym input, #quantity_wanted_p input {
|
||||
width: 179px !important;
|
||||
height: 30px !important;
|
||||
/* border: 1px solid #CDCDCD !important; */
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select {
|
||||
width: 220.59px !important;
|
||||
height: 38.58px !important;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border: 1px solid #d3d3d3;
|
||||
padding: .222em 0;
|
||||
margin: .2em 0;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
padding-top: 10px;
|
||||
color: rgb(105, 111, 94);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
#preview {
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #333;
|
||||
padding: 5px;
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
width: 18px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#preview>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
|
||||
.sliderx {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.sliderx:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked+.sliderx {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus+.sliderx {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked+.sliderx:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
|
||||
.sliderx.roundx {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.sliderx.roundx:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width:0;
|
||||
}
|
||||
.extrafee, .waste {
|
||||
border:1px solid #ccc;
|
||||
padding:10px;
|
||||
/* margin:0 0 10px; */
|
||||
display:block;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.extrafee:hover, .waste:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#extrafee, #waste {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
@@ -0,0 +1,203 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
#dimension {
|
||||
white-space: pre-wrap;
|
||||
/* CSS3 */
|
||||
white-space: -moz-pre-wrap;
|
||||
/* Firefox */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera <7 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* IE */
|
||||
padding-bottom: 10px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#squaremeter legend{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
|
||||
.labels, #dimension {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.labels p {
|
||||
float:left;
|
||||
width:26%;
|
||||
}
|
||||
|
||||
#squaremeter, #squaremeter_extrafee {
|
||||
margin-left:2px;
|
||||
width:55%;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#fields p, .fields p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#multiplicationsign {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
#width input, #height input, #depth input, #quantitym input, #quantity_wanted_p input, #directinput_p input {
|
||||
width: 53px !important;
|
||||
height: 42px !important;
|
||||
/* border: 1px solid #CDCDCD !important; */
|
||||
/* text-align:right !important; */
|
||||
/* font-size:13px !important; */
|
||||
/* line-height:27px !important; */
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 77.59px !important;
|
||||
height: 50.58px !important;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border: 1px solid #d3d3d3;
|
||||
padding: .222em 0;
|
||||
margin: 0;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
padding-top: 10px;
|
||||
color: rgb(105, 111, 94);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
#preview {
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #333;
|
||||
padding: 5px;
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
width: 18px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#preview>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
|
||||
.sliderx {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.sliderx:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked+.sliderx {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus+.sliderx {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked+.sliderx:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
|
||||
.sliderx.roundx {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.sliderx.roundx:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width:0;
|
||||
}
|
||||
|
||||
.extrafee, .waste {
|
||||
border:1px solid #ccc;
|
||||
padding:10px;
|
||||
/* margin:0 0 10px; */
|
||||
display:block;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.extrafee:hover, .waste:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#extrafee, #waste {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
195
modules/squaremeter__/views/css/design2/squaremeter_surface.css
Normal file
195
modules/squaremeter__/views/css/design2/squaremeter_surface.css
Normal file
@@ -0,0 +1,195 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
#dimension {
|
||||
white-space: pre-wrap;
|
||||
/* CSS3 */
|
||||
white-space: -moz-pre-wrap;
|
||||
/* Firefox */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera <7 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* IE */
|
||||
padding-bottom: 10px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#squaremeter legend{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.labels, #dimension {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#fields p, .fields p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#multiplicationsign {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
#width input, #height input, #depth input, #quantitym input, #directinput_p input
|
||||
/* #quantity_wanted_p input */
|
||||
{
|
||||
width: 53px !important;
|
||||
height: 42px !important;
|
||||
/* border: 1px solid #CDCDCD !important; */
|
||||
text-align: right !important;
|
||||
font-size: 13px !important;
|
||||
padding: 5px;
|
||||
outline: 0;
|
||||
line-height: 27px !important;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 86.2px !important;
|
||||
height: 49.19px !important;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border: 1px solid #d3d3d3;
|
||||
padding: .222em 0;
|
||||
/* margin: .2em 0; */
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
padding-top: 10px;
|
||||
color: rgb(105, 111, 94);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
#preview {
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #333;
|
||||
padding: 5px;
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
width: 18px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#preview>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
|
||||
.sliderx {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.sliderx:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked+.sliderx {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus+.sliderx {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked+.sliderx:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
|
||||
.sliderx.roundx {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.sliderx.roundx:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width:0;
|
||||
}
|
||||
|
||||
.extrafee, .waste {
|
||||
border:1px solid #ccc;
|
||||
padding:10px;
|
||||
/* margin:0 0 10px; */
|
||||
display:block;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.extrafee:hover, .waste:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#extrafee, #waste {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
209
modules/squaremeter__/views/css/design2/squaremeter_volume.css
Normal file
209
modules/squaremeter__/views/css/design2/squaremeter_volume.css
Normal file
@@ -0,0 +1,209 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
#squaremeter {
|
||||
border: 1px solid #ccc;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
outline: 0;
|
||||
margin-bottom: 5px;
|
||||
margin-left: -7px;
|
||||
-webkit-appearance: none;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
width:60%;
|
||||
white-space: pre-wrap;
|
||||
/* CSS3 */
|
||||
white-space: -moz-pre-wrap;
|
||||
/* Firefox */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera <7 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* IE */
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#squaremeter legend{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.labels, #dimension {
|
||||
font-size:11px;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#fields p, .fields p {
|
||||
float: left;
|
||||
margin-left: 0px;
|
||||
/* width: 56px; */
|
||||
}
|
||||
|
||||
#multiplicationsign {
|
||||
padding-top: 8px;
|
||||
font-family: Verdana, Geneva, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
#width input, #height input, #depth input, #quantitym input, #directinput_p input {
|
||||
width: 40px !important;
|
||||
height: 30px !important;
|
||||
/* border: 1px solid #CDCDCD !important; */
|
||||
text-align: right !important;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 81.59px !important;
|
||||
height: 38.58px !important;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border: 1px solid #d3d3d3;
|
||||
padding: .222em 0;
|
||||
margin: 0;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
padding-top: 10px;
|
||||
color: rgb(105, 111, 94);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
}
|
||||
|
||||
#preview {
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #333;
|
||||
padding: 5px;
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
width: 18px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#preview>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
|
||||
.sliderx {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.sliderx:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked+.sliderx {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus+.sliderx {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked+.sliderx:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
|
||||
.sliderx.roundx {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.sliderx.roundx:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width:0;
|
||||
}
|
||||
|
||||
.extrafee, .waste {
|
||||
border:1px solid #ccc;
|
||||
padding:10px;
|
||||
/* margin:0 0 10px; */
|
||||
display:block;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.extrafee:hover, .waste:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#extrafee, #waste {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
216
modules/squaremeter__/views/css/design2/squaremeter_weight.css
Normal file
216
modules/squaremeter__/views/css/design2/squaremeter_weight.css
Normal file
@@ -0,0 +1,216 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
#squaremeter {
|
||||
border: 1px solid #ccc;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px !important;
|
||||
border-radius: 5px !important;
|
||||
outline: 0;
|
||||
margin-bottom: 5px;
|
||||
-webkit-appearance: none;
|
||||
padding: 5px;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
#squaremeter legend{
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
white-space: pre-wrap;
|
||||
/* CSS3 */
|
||||
white-space: -moz-pre-wrap;
|
||||
/* Firefox */
|
||||
white-space: -pre-wrap;
|
||||
/* Opera <7 */
|
||||
white-space: -o-pre-wrap;
|
||||
/* Opera 7 */
|
||||
word-wrap: break-word;
|
||||
/* IE */
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
.labels, #dimension {
|
||||
font-size:11px;
|
||||
clear:left;
|
||||
width:50%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#weight {
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#fields p, .fields p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.fields {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
.labels p {
|
||||
float:left;
|
||||
}
|
||||
|
||||
#multiplicationsign {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
||||
#width input, #height input, #depth input, #weight input, #quantitym input, #quantity_wanted_p input {
|
||||
width: 40px !important;
|
||||
height: 30px !important;
|
||||
/* border: 1px solid #CDCDCD !important; */
|
||||
/* text-align: right !important; */
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select {
|
||||
width: 81.59px !important;
|
||||
height: 38.58px !important;
|
||||
border-top-left-radius: 4px;
|
||||
border-top-right-radius: 4px;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
border: 1px solid #d3d3d3;
|
||||
padding: .222em 0;
|
||||
margin: .2em 0;
|
||||
font-family: Verdana,Arial,sans-serif;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
padding-top: 10px;
|
||||
color: rgb(105, 111, 94);
|
||||
font-weight: bold;
|
||||
font-size: 21px;
|
||||
clear:left;
|
||||
}
|
||||
|
||||
#preview {
|
||||
position: absolute;
|
||||
border: 1px solid #ccc;
|
||||
background: #333;
|
||||
padding: 5px;
|
||||
display: none;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hint {
|
||||
width: 18px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#preview>img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
#preview {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* The slider */
|
||||
|
||||
.sliderx {
|
||||
position: absolute;
|
||||
cursor: pointer;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: #ccc;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
.sliderx:before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
height: 13px;
|
||||
width: 13px;
|
||||
left: 2px;
|
||||
bottom: 2px;
|
||||
background-color: white;
|
||||
-webkit-transition: .4s;
|
||||
transition: .4s;
|
||||
}
|
||||
|
||||
input:checked+.sliderx {
|
||||
background-color: #2196F3;
|
||||
}
|
||||
|
||||
input:focus+.sliderx {
|
||||
box-shadow: 0 0 1px #2196F3;
|
||||
}
|
||||
|
||||
input:checked+.sliderx:before {
|
||||
-webkit-transform: translateX(13px);
|
||||
-ms-transform: translateX(13px);
|
||||
transform: translateX(13px);
|
||||
}
|
||||
|
||||
/* Rounded sliders */
|
||||
|
||||
.sliderx.roundx {
|
||||
border-radius: 34px;
|
||||
}
|
||||
|
||||
.sliderx.roundx:before {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
div.checker, div.checker span, div.checker input {
|
||||
width:0;
|
||||
}
|
||||
|
||||
.extrafee, .waste {
|
||||
border:1px solid #ccc;
|
||||
padding:10px;
|
||||
/* margin:0 0 10px; */
|
||||
display:block;
|
||||
border-radius: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.extrafee:hover, .waste:hover {
|
||||
background:#eee;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#extrafee, #waste {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
Reference in New Issue
Block a user