summaryrefslogtreecommitdiff
path: root/web/css/switches.css
diff options
context:
space:
mode:
Diffstat (limited to 'web/css/switches.css')
-rw-r--r--web/css/switches.css76
1 files changed, 0 insertions, 76 deletions
diff --git a/web/css/switches.css b/web/css/switches.css
deleted file mode 100644
index 65e187f9..00000000
--- a/web/css/switches.css
+++ /dev/null
@@ -1,76 +0,0 @@
-div.switch-box {
- display: inline-block;
- vertical-align: middle;
- position: relative;
- width: 50px;
- -webkit-user-select: none;
- -moz-user-select: none;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox {
- display: none;
-}
-
-div.switch-box label.switch-label {
- display: block;
- overflow: hidden;
- cursor: pointer;
- border: none;
- border-radius: 15px;
-}
-
-div.switch-box label.switch-label span.switch-inner {
- display: block;
- width: 200%;
- margin-left: -100%;
-}
-
-div.switch-box label.switch-label span.switch-inner:before, span.switch-inner:after {
- display: block;
- float: left;
- width: 50%;
- height: 20px;
- padding: 0;
- line-height: 22px;
- font-size: 10px;
- font-family: sans-serif !important;
- font-weight: bold;
- box-sizing: border-box;
-}
-
-div.switch-box label.switch-label span.switch-inner:before {
- content: "ON";
- padding-left: 5px;
- background-color: var(--cs-control-default-bg);
- color: var(--cs-control-default-fg);
- text-align: left;
-}
-
-div.switch-box label.switch-label span.switch-inner:after {
- content: "OFF";
- padding-right: 5px;
- background-color: var(--cs-control-default-bg);
- color: var(--cs-control-disabled-fg);
- text-align: right;
-}
-
-div.switch-box label.switch-label span.switch {
- display: block;
- width: 15px;
- margin: 0px;
- background: var(--cs-thumb-default-bg);
- position: absolute;
- top: 0;
- bottom: 0;
- right: 31px;
- border: var(--border-intensive-2px);
- border-radius: 15px;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch-inner {
- margin-left: 0;
-}
-
-div.switch-box input[type=checkbox].switch-checkbox:checked + label.switch-label span.switch {
- right: 0px;
-}