diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
| commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
| tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/style/crashtests/1017798-1.css | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip | |
Adding upstream version 115.7.0esr.upstream/115.7.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/style/crashtests/1017798-1.css')
| -rw-r--r-- | layout/style/crashtests/1017798-1.css | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/layout/style/crashtests/1017798-1.css b/layout/style/crashtests/1017798-1.css new file mode 100644 index 0000000000..feb77d9dcf --- /dev/null +++ b/layout/style/crashtests/1017798-1.css @@ -0,0 +1,84 @@ +/* ---------------------------------- + * SWITCHES + * ---------------------------------- */ + +label.pack-switch { + display: inline-block; + vertical-align: middle; + width: 100%; + height: 5rem; + position: relative; + background: none; +} + +label.pack-switch span { + float: left; + font-size: 1.8rem; + color: #333; + padding: 1rem 0 0; + height: 6rem; + line-height: 3rem; + box-sizing: border-box; + display: block; +} + +label.pack-switch input { + margin: 0; + opacity: 0; + position: absolute; + top: 0; + left: 0; +} + +label.pack-switch input:checked ~ span:after { + background-position: center bottom; +} + +/* ---------------------------------- + * ON/OFF SWITCHES + * ---------------------------------- */ + +label.pack-switch input ~ span:after { + content: ''; + position: absolute; + right: 0; + top: 50%; + width: 6rem; + margin: -1.4rem 0 0; + height: 2.7rem; + border-radius: 1.35rem; + overflow: hidden; + background: #e6e6e6 url(images/background_off.png) no-repeat -3.2rem 0 / 9.2rem 2.7rem; + transition: background 0.2s ease; +} + +/* switch: 'ON' state */ +label.pack-switch input:checked ~ span:after { + background: #e6e6e6 url(images/background.png) no-repeat 0 0 / 9.2rem 2.7rem; +} + +/* switch: disabled state */ +label.pack-switch input:disabled ~ span:after { + opacity: 0.4; +} + +label.pack-switch input.uninit ~ span:after { + transition: none; +} + +/****************************************************************************** + * Right-To-Left tweaks + */ +html[dir="rtl"] label.pack-switch input { + left: auto; + right: 0; +} + +html[dir="rtl"] label.pack-switch input ~ span:after { + left: 0; + right: auto; +} + +html[dir="rtl"] label.pack-switch input ~ span:after { + background-position: 0; +} |