diff options
Diffstat (limited to 'data/extensions/tprb.addon@searxes.danwin1210.me/style_tgl.css')
-rw-r--r-- | data/extensions/tprb.addon@searxes.danwin1210.me/style_tgl.css | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/data/extensions/tprb.addon@searxes.danwin1210.me/style_tgl.css b/data/extensions/tprb.addon@searxes.danwin1210.me/style_tgl.css new file mode 100644 index 0000000..058e035 --- /dev/null +++ b/data/extensions/tprb.addon@searxes.danwin1210.me/style_tgl.css @@ -0,0 +1,103 @@ +.switch-1 { + width: 18px +} + +.switch-3 { + width: 63px +} + +.switch-toggle { + height: 18px; + position: relative; + display: inline; + padding: 0!important; + cursor: normal; + -moz-user-select: none +} + +.switch-toggle *, +.switch-toggle *:before, +.switch-toggle *:after { + box-sizing: border-box +} + +.switch-toggle input { + position: absolute; + left: 0; + opacity: 0 +} + +.switch-toggle input+label { + position: relative; + z-index: 2; + display: inline; + margin: 0 +} + +.switch-toggle a { + display: inline; + transition: all .1s ease-out; + position: absolute; + top: 0; + left: 0; + padding: 0; + z-index: 1; + width: 10px; + height: 100% +} + +.switch-toggle.switch-1 label:nth-child(2), +.switch-toggle.switch-1 label:nth-child(2)~a { + width: 100% +} + +.switch-toggle.switch-3 label, +.switch-toggle.switch-3 a { + width: 33.33% +} + +.switch-toggle.switch-3 label~input:checked:nth-child(3)+label~a { + left: 33.33% +} + +.switch-toggle.switch-3 label~input:checked:nth-child(5)+label~a { + left: 66.66% +} + +.switch-toggle.switch-candy { + background-color: transparent; + border-radius: 3px; + box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.2) +} + +.switch-toggle.switch-candy.switch-1 label { + color: transparent; + font-size: 16px; + text-shadow: 1px 1px 1px transparent +} + +.switch-toggle.switch-candy.switch-3 label { + color: transparent; + font-size: 17px; + text-shadow: 1px 1px 1px transparent +} + +.switch-candy a { + border: 1px solid #333; + border-radius: 3px; + background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), transparent) +} + +.switch-toggle.switch-1 input:nth-child(1):not(:checked)~a, +.switch-toggle.switch-3 input:nth-child(1):checked~a { + background-color: #ff6347 +} + +.switch-toggle.switch-3 input:nth-child(3):checked~a { + background-color: #f3f338 +} + +.switch-toggle.switch-1 input:nth-child(1):checked~a, +.switch-toggle.switch-3 input:nth-child(5):checked~a { + background-color: #98fb98 +}
\ No newline at end of file |