Another upgrade.

[wolnelektury.git] / src / wolnelektury / static / scss / book_text / settings.scss

diff --git a/src/wolnelektury/static/scss/book_text/settings.scss b/src/wolnelektury/static/scss/book_text/settings.scss
index edcb8bf..3ffe0f4 100644 (file)
--- 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 {
 @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 {
 }
 @mixin switch-off {

-    background: none;
-    border-color: #aaa;
+    left: 0;
+    right: 10px;

 }
 .settings-switch {
     display: block;
     padding: .5em;
     margin: .5em;
 }
 .settings-switch {
     display: block;
     padding: .5em;
     margin: .5em;

-    //border: 1px solid #aaa;
-    border-radius: 1em;

     color: black;
     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 {
 .no-annotations {

-    #settings-annotations {@include switch-off;}
+    #settings-annotations span {@include switch-off;}

     .annotation {display: none;}
 }
 
     .annotation {display: none;}
 }
 

-#settings-themes {@include switch-on;}
+#settings-themes span {@include switch-on;}

 .always-hide-themes {
 .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 {
 .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;}
+    }
+}