first commit

modules/squaremeter__/views/css/design1/squaremeter_linear.css

@@ -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: 44px;
+	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;
+}