1 files changed, 63 insertions, 0 deletions
diff --git a/css/redirector.css b/css/redirector.css
index 29cec4f..e12a934 100644
--- a/css/redirector.css
+++ b/css/redirector.css
@@ -261,6 +261,65 @@ a.disabled:hover, button[disabled]:hover {
   background:white !important;
 }
 
+/* Toggle Grouping Checkbox */
+.toggle-container {
+  display: block;
+  position: absolute;
+  top: 8%;
+  right: 5%;
+  cursor: pointer;
+  font-size: 22px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.toggle-container input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  height: 0;
+  width: 0;
+}
+
+.checkmark {
+  position: absolute;
+  height: 15px;
+  width: 15px;
+  background-color: #eee;
+}
+
+.toggle-container:hover input ~ .checkmark {
+  background-color: #ccc;
+}
+
+.toggle-container input:checked ~ .checkMarked {
+  background-color: #2196F3;
+}
+
+.checkmark:after {
+  content: "";
+  position: absolute;
+  display: none;
+}
+
+.toggle-container input:checked ~ .checkMarked:after {
+  display: block;
+}
+
+.toggle-container .checkMarked:after {
+  left: 4px;
+  top: -1px;
+  width: 4px;
+  height: 9px;
+  border: solid white;
+  border-width: 0 3px 3px 0;
+  -webkit-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
 /* Popup form for deleting redirects */
 
 #delete-redirect-form {
@@ -530,6 +589,10 @@ footer small a:hover {
     color: rgb(53,180,75);
   }
 
+  .toggle {
+    background-color: #ccc;
+  }
+
   #message-box.success {
     background-color: rgb(53,203,75);;
   }