X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/ae60b2a3949e96357477cc04f90fd0873cee8a92..6407cf24cd6cf3f9ea6fdf4a8924dad109a590e6:/src/wolnelektury/static/scss/book_text/settings.scss?ds=sidebyside diff --git a/src/wolnelektury/static/scss/book_text/settings.scss b/src/wolnelektury/static/scss/book_text/settings.scss index edcb8bfdb..3ffe0f434 100644 --- a/src/wolnelektury/static/scss/book_text/settings.scss +++ b/src/wolnelektury/static/scss/book_text/settings.scss @@ -1,47 +1,55 @@ @mixin switch-on { - background: #aaa; - border-top-color: #888; - border-left-color: #888; - border-bottom-color: #ddd; - border-right-color: #ddd; - - border-width: 2px; - border-style: solid; - + left: 10px; + right: 0; } @mixin switch-off { - background: none; - border-color: #aaa; + left: 0; + right: 10px; } .settings-switch { display: block; padding: .5em; margin: .5em; - //border: 1px solid #aaa; - border-radius: 1em; color: black; - border-width: 2px; - border-style: solid; -} - -nav #menu-settings { - display: none; + background: linear-gradient(90deg, #018189 50%, #9e3610 50%); + border-radius: 1em; + position: relative; + height: 1em; + + span { + background: #444 ; + color: #eee; + font-size: 12px; + position: absolute; + top:0; + bottom: 0; + border-radius: 16px; + line-height: 32px; + transition: left .2s, right .2s; + } } -#settings-annotations {@include switch-on;} +#settings-annotations span {@include switch-on;} .no-annotations { - #settings-annotations {@include switch-off;} + #settings-annotations span {@include switch-off;} .annotation {display: none;} } -#settings-themes {@include switch-on;} +#settings-themes span {@include switch-on;} .always-hide-themes { - #settings-themes {@include switch-off;} + #settings-themes span {@include switch-off;} } -#settings-line-numbers {@include switch-on;} +#settings-line-numbers span {@include switch-on;} .always-hide-line-numbers { - #settings-line-numbers {@include switch-off;} + #settings-line-numbers span {@include switch-off;} } +#settings-references { + display: none; + span {@include switch-on;} + .no-references { + #settings-references span {@include switch-off;} + } +}