From 5b94ca4eec995ae76f9d019a656bf4efa15bdd11 Mon Sep 17 00:00:00 2001 From: Anatoly Kopyl Date: Tue, 14 Apr 2020 01:26:14 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81=20?= =?UTF-8?q?=D1=81=D1=82=D0=B8=D0=BB=D0=B8=20=D0=B2=20=D0=BE=D1=82=D0=B4?= =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BD=D1=8B=D0=B9=20=D1=84=D0=B0=D0=B9=D0=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- popup.css | 94 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 popup.css diff --git a/popup.css b/popup.css new file mode 100644 index 0000000..81cfb7c --- /dev/null +++ b/popup.css @@ -0,0 +1,94 @@ +body { + min-width: 80px; +} +/* The switch - the box around the slider */ +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; +} + +/* Hide default HTML checkbox */ +.switch input { + opacity: 0; + width: 0; + height: 0; +} + +/* The slider */ +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} + +.slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; +} + +input:checked + .slider { + background-color: #2196F3; +} + +input:focus + .slider { + box-shadow: 0 0 1px #2196F3; +} + +input:checked + .slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} + +/* Rounded sliders */ +.slider.round { + border-radius: 34px; +} + +.slider.round:before { + border-radius: 50%; +} + +.header { + background-color: #2196F3; + color: white; + width: 100vw; + position: relative; + margin-left: -50vw; + left: 50%; + margin-top: -20vw; + margin-bottom: 10vw; + padding-top: 5px; + padding-bottom: 5px; +} + +#idToHide { + margin: 10px; +} + +.id_list { + background-color: #dcdfde; + color: black; + width: 100vw; + position: relative; + margin-left: -50vw; + left: 50%; + margin-top: 10vw; + padding-top: 5px; + padding-bottom: 5px; +}