Intelligent graphic sets implemented

tilorswift/style.css

@@ -3,6 +3,16 @@
     to { width: 512px; }
 }
 
+@keyframes switch-toggle-on {
+    from {left: 0}
+    to {left: 50%}
+}
+
+@keyframes switch-toggle-off {
+    from {left: 50%}
+    to {left: 0}
+}
+
 body {
     padding: 0;
     margin: 0;
@@ -299,8 +309,34 @@ input[type="file"] {
     padding: 10px;
 }
 
-/*
-tr:hover > td > .selection {
-    opacity: 0.5;
+.switch {
+    position: relative;
+    border-radius: 16px;
+    border: 2px solid #333333;
+    width: 100%;
+    height: 32px;
+    cursor: pointer;
+    background-color: #777777;
+}
+
+.switch-slider {
+    position: absolute;
+    border-radius: 14px;
+    width: 50%;
+    height: 100%;
+    border: 1px solid white;
+}
+
+.switch-slider-on {
+    left: 50%;
+    background-color: #2222aa;
+    animation-name: switch-toggle-on;
+    animation-duration: 0.2s;
+}
+
+.switch-slider-off {
+    left: 0;
+    background-color: #888888;
+    animation-name: switch-toggle-off;
+    animation-duration: 0.2s;
 }
-*/