Update popup.html

neeeeecka · Jul 29, 2020 · 5d9f794 · 5d9f794
1 parent 52b5eee
commit 5d9f794
Showing 1 changed file with 60 additions and 0 deletions.
diff --git a/popup.html b/popup.html
@@ -147,6 +147,61 @@
       color: black;
       background: rgb(180, 159, 38);
     }
+    [type="checkbox"]:checked,
+    [type="checkbox"]:not(:checked) {
+      position: absolute;
+      left: -9999px;
+    }
+    [type="checkbox"]:checked + label,
+    [type="checkbox"]:not(:checked) + label {
+      position: relative;
+      padding-left: 28px;
+      cursor: pointer;
+      line-height: 20px;
+      display: inline-block;
+    }
+    [type="checkbox"]:checked + label:before,
+    [type="checkbox"]:not(:checked) + label:before {
+      content: "";
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 18px;
+      height: 18px;
+      border: 1px solid #ddd;
+      background: #fff;
+    }
+    [type="checkbox"]:checked + label:after,
+    [type="checkbox"]:not(:checked) + label:after {
+      content: "";
+      width: 8px;
+      height: 8px;
+      background: rgb(230, 197, 16);
+      position: absolute;
+      top: 6px;
+      left: 6px;
+      -webkit-transition: all 0.2s ease;
+      transition: all 0.2s ease;
+    }
+    [type="checkbox"]:not(:checked) + label {
+      color: rgb(192, 192, 192);
+    }
+    [type="checkbox"]:not(:checked) + label:after {
+      opacity: 0;
+      -webkit-transform: scale(0);
+      transform: scale(0);
+    }
+    [type="checkbox"]:checked + label:after {
+      opacity: 1;
+      -webkit-transform: scale(1);
+      transform: scale(1);
+    }
+    p {
+      margin-left: 15px;
+    }
+    label {
+      color: whitesmoke;
+    }
   </style>
   <body>
     <div class="container" id="container">
@@ -169,6 +224,11 @@
           <button id="set">Set</button>
         </span>
 
+        <p>
+          <input type="checkbox" id="parseWiki" checked />
+          <label for="parseWiki">Parse wikipedia for political slogans</label>
+        </p>
+
         <span class="h">Add your own banned slogans: </span>
         <span class="textbox">
           <input type="text" id="customSlogan" placeholder="Type to search" />