Miroca_Server_file_static

www/static/file/kiosk/assets/css/style_button.css

@@ -0,0 +1,50 @@
+.container { padding:60px 0; }
+.addoncheckbox { display: none; }
+
+/* label {
+    display: block;
+    margin: 0;
+    padding: 20px 75px 20px 40px;
+    border: 2px solid #00b4ff;
+    border-radius: 40px;
+    position: relative;
+    transition: all 0.25s ease-in-out;
+} */
+
+@media (max-width:768px) {
+    .checkbox label { margin: 10px 20px; }
+}
+
+label.input-disabled { cursor: not-allowed; }
+
+.checkbox-icon {
+    height: 60px;
+    line-height: 60px;
+    width: 88%;
+    text-align: center;
+    display: block;
+    background-color: #00b4ff;
+    color: #fff;
+    font-size: 21px;
+    transition: all 0.25s ease-in-out;
+    position: absolute;
+    top: 50%;
+    transform: translate(0,-50%);
+    margin-top: 10px;
+}
+
+label.input-checked .checkbox-icon { transition: all 0.25s ease-in-out; }
+
+label.input-checked { border-color: #5fcf80!important; }
+label.input-checked .checkbox-icon { background-color: #5fcf80; }
+label.input-checked .upgrade-site-name, label.input-checked .upgrade-site-subtext { color: #5fcf80; }
+
+label.upgrade-has { border-color: #ccc!important; }
+label.upgrade-has .checkbox-icon { background-color: #ccc; }
+label.upgrade-has .upgrade-site-name, label.upgrade-has .upgrade-site-subtext { color: #999; }
+
+label.input-checked .upgrade-site-name, label.input-checked .upgrade-site-subtext { transition: all 0.25s ease-in-out; }
+
+.upgrade-site-name strong, .upgrade-site-subtext { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+
+.upgrade-site-subtext { margin-left:20px; }