diff --git a/popup.html b/popup.html index d039217..5170216 100644 --- 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; + }
@@ -169,6 +224,11 @@ +

+ + +

+ Add your own banned slogans: