first commit
This commit is contained in:
29
modules/squaremeter/views/css/design1/index.php
Normal file
29
modules/squaremeter/views/css/design1/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;
|
||||
274
modules/squaremeter/views/css/design1/squaremeter_linear.css
Normal file
274
modules/squaremeter/views/css/design1/squaremeter_linear.css
Normal file
@@ -0,0 +1,274 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
#squaremeter {
|
||||
color: #7a7a7a;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#squaremeter hr {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#height, #width, #quantitym, #quantity_calculated {
|
||||
width: 130px;
|
||||
/* margin: 0 auto;*/
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.row-item-group {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row-group {
|
||||
width:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.height_label, .width_label, .quantity_label, .quantity_calculated_label {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.explanation_label {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.title_explanation {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.value-button {
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.value-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div .decrease {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
div .increase {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
input#quantity_wanted_alt, input#quantity_wanted_alth, input#quantity, input#directinput,
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
div#height input[type=text]::-webkit-inner-spin-button,
|
||||
div#height input[type=text]::-webkit-outer-spin-button,
|
||||
div#width input[type=text]::-webkit-inner-spin-button,
|
||||
div#width input[type=text]::-webkit-outer-spin-button,
|
||||
div#quantity input[type=text]::-webkit-inner-spin-button,
|
||||
div#quantity input[type=text]::-webkit-outer-spin-button,
|
||||
div#directinput input[type=text]::-webkit-inner-spin-button,
|
||||
div#directinput input[type=text]::-webkit-outer-spin-button
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#totalprice, #squaremeter_availability {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
color: #7a7a7a;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#totalpriceinfo span {
|
||||
color: #000;
|
||||
font-weight:900;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
.product-add-to-cart {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.preview {
|
||||
cursor: default;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.open_calculator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.open_calculator,
|
||||
.close_calculator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
display: none;
|
||||
}
|
||||
274
modules/squaremeter/views/css/design1/squaremeter_perimeter.css
Normal file
274
modules/squaremeter/views/css/design1/squaremeter_perimeter.css
Normal file
@@ -0,0 +1,274 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
#squaremeter {
|
||||
color: #7a7a7a;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#squaremeter hr {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#height, #width, #quantitym, #quantity_calculated {
|
||||
width: 130px;
|
||||
/* margin: 0 auto;*/
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.row-item-group {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row-group {
|
||||
width:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.height_label, .width_label, .quantity_label, .quantity_calculated_label {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.explanation_label {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.title_explanation {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.value-button {
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.value-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div .decrease {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
div .increase {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
input#quantity_wanted_alt, input#quantity_wanted_alth, input#quantity, input#directinput,
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
div#height input[type=text]::-webkit-inner-spin-button,
|
||||
div#height input[type=text]::-webkit-outer-spin-button,
|
||||
div#width input[type=text]::-webkit-inner-spin-button,
|
||||
div#width input[type=text]::-webkit-outer-spin-button,
|
||||
div#quantity input[type=text]::-webkit-inner-spin-button,
|
||||
div#quantity input[type=text]::-webkit-outer-spin-button,
|
||||
div#directinput input[type=text]::-webkit-inner-spin-button,
|
||||
div#directinput input[type=text]::-webkit-outer-spin-button
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#totalprice, #squaremeter_availability {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
color: #7a7a7a;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#totalpriceinfo span {
|
||||
color: #000;
|
||||
font-weight:900;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
.product-add-to-cart {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.preview {
|
||||
cursor: default;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.open_calculator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.open_calculator,
|
||||
.close_calculator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
display: none;
|
||||
}
|
||||
274
modules/squaremeter/views/css/design1/squaremeter_surface.css
Normal file
274
modules/squaremeter/views/css/design1/squaremeter_surface.css
Normal file
@@ -0,0 +1,274 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
#squaremeter {
|
||||
color: #7a7a7a;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#squaremeter hr {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#height, #width, #quantitym, #quantity_calculated {
|
||||
width: 130px;
|
||||
/* margin: 0 auto;*/
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.row-item-group {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row-group {
|
||||
width:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.height_label, .width_label, .quantity_label, .quantity_calculated_label {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.explanation_label {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.title_explanation {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.value-button {
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.value-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div .decrease {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
div .increase {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
input#quantity_wanted_alt, input#quantity_wanted_alth, input#quantity, input#directinput,
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
div#height input[type=text]::-webkit-inner-spin-button,
|
||||
div#height input[type=text]::-webkit-outer-spin-button,
|
||||
div#width input[type=text]::-webkit-inner-spin-button,
|
||||
div#width input[type=text]::-webkit-outer-spin-button,
|
||||
div#quantity input[type=text]::-webkit-inner-spin-button,
|
||||
div#quantity input[type=text]::-webkit-outer-spin-button,
|
||||
div#directinput input[type=text]::-webkit-inner-spin-button,
|
||||
div#directinput input[type=text]::-webkit-outer-spin-button
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#totalprice, #squaremeter_availability {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
color: #7a7a7a;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#totalpriceinfo span {
|
||||
color: #000;
|
||||
font-weight:900;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
.product-add-to-cart {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.preview {
|
||||
cursor: default;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.open_calculator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.open_calculator,
|
||||
.close_calculator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
display: none;
|
||||
}
|
||||
276
modules/squaremeter/views/css/design1/squaremeter_volume.css
Normal file
276
modules/squaremeter/views/css/design1/squaremeter_volume.css
Normal file
@@ -0,0 +1,276 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
#squaremeter {
|
||||
color: #7a7a7a;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#squaremeter hr {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#height, #width, #depth, #quantitym, #quantity_calculated {
|
||||
width: 130px;
|
||||
/* margin: 0 auto;*/
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.row-item-group {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row-group {
|
||||
width:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.height_label, .width_label, .depth_label, .quantity_label, .quantity_calculated_label {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.explanation_label {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.title_explanation {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.value-button {
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.value-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div .decrease {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
div .increase {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
input#quantity_wanted_alt, input#quantity_wanted_alth, input#quantity_wanted_altd, input#quantity, input#directinput,
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
div#height input[type=text]::-webkit-inner-spin-button,
|
||||
div#height input[type=text]::-webkit-outer-spin-button,
|
||||
div#width input[type=text]::-webkit-inner-spin-button,
|
||||
div#width input[type=text]::-webkit-outer-spin-button,
|
||||
div#depth input[type=text]::-webkit-inner-spin-button,
|
||||
div#depth input[type=text]::-webkit-outer-spin-button,
|
||||
div#quantity input[type=text]::-webkit-inner-spin-button,
|
||||
div#quantity input[type=text]::-webkit-outer-spin-button,
|
||||
div#directinput input[type=text]::-webkit-inner-spin-button,
|
||||
div#directinput input[type=text]::-webkit-outer-spin-button
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#totalprice, #squaremeter_availability {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
color: #7a7a7a;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#totalpriceinfo span {
|
||||
color: #000;
|
||||
font-weight:900;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
.product-add-to-cart {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.preview {
|
||||
cursor: default;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.open_calculator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.open_calculator,
|
||||
.close_calculator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
display: none;
|
||||
}
|
||||
274
modules/squaremeter/views/css/design1/squaremeter_weight.css
Normal file
274
modules/squaremeter/views/css/design1/squaremeter_weight.css
Normal file
@@ -0,0 +1,274 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
#squaremeter {
|
||||
color: #7a7a7a;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
#squaremeter hr {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#weight, #quantitym, #quantity_calculated {
|
||||
width: 130px;
|
||||
/* margin: 0 auto;*/
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.row-item-group {
|
||||
width:50%;
|
||||
float:left;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.row-group {
|
||||
width:100%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.weight_label, .quantity_label, .quantity_calculated_label {
|
||||
width: 130px;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.explanation_label {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-weight: 900;
|
||||
text-align:left;
|
||||
font-size: 11px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.title_explanation {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
font-size: 12px;
|
||||
color: #7a7a7a;
|
||||
}
|
||||
|
||||
.value-button {
|
||||
display: inline-block;
|
||||
margin: 0px;
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
font-family: verdana;
|
||||
}
|
||||
|
||||
.value-button:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div .decrease {
|
||||
margin-right: -4px;
|
||||
}
|
||||
|
||||
div .increase {
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
input#quantity_wanted_alt, input#quantity_wanted_alth, input#quantity, input#directinput,
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
text-align: center;
|
||||
border: none;
|
||||
margin: 0px;
|
||||
width: 50px;
|
||||
height: 40px;
|
||||
font-size:13px;
|
||||
}
|
||||
|
||||
div#height input[type=text]::-webkit-inner-spin-button,
|
||||
div#height input[type=text]::-webkit-outer-spin-button,
|
||||
div#weight input[type=text]::-webkit-inner-spin-button,
|
||||
div#weight input[type=text]::-webkit-outer-spin-button,
|
||||
div#quantity input[type=text]::-webkit-inner-spin-button,
|
||||
div#quantity input[type=text]::-webkit-outer-spin-button,
|
||||
div#directinput input[type=text]::-webkit-inner-spin-button,
|
||||
div#directinput input[type=text]::-webkit-outer-spin-button
|
||||
{
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.squaremeter_disablecart_wrapper {
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
#width select, #height select, #depth select, #weight select, #direct_input_p select, #directinput_p select {
|
||||
width: 125px;
|
||||
}
|
||||
|
||||
#totalprice, #squaremeter_availability {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
#totalpriceinfo {
|
||||
color: #7a7a7a;
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
#totalpriceinfo span {
|
||||
color: #000;
|
||||
font-weight:900;
|
||||
font-size:17px;
|
||||
}
|
||||
|
||||
.product-add-to-cart {
|
||||
clear:both;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
.preview {
|
||||
cursor: default;
|
||||
}
|
||||
/* The switch - the box around the slider */
|
||||
|
||||
#switchx {
|
||||
font-size: 12px !important;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.switchx {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 17px;
|
||||
}
|
||||
|
||||
/* Hide default HTML checkbox */
|
||||
|
||||
.switchx input {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.open_calculator {
|
||||
display:none;
|
||||
}
|
||||
|
||||
.open_calculator,
|
||||
.close_calculator {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
#dimension {
|
||||
display: none;
|
||||
}
|
||||
Reference in New Issue
Block a user