fix in librarian

[wolnelektury.git] / apps / wolnelektury_core / static / scss / book_text / themes.scss

diff --git a/apps/wolnelektury_core/static/scss/book_text/themes.scss b/apps/wolnelektury_core/static/scss/book_text/themes.scss
index 899db5e..26ed14b 100644 (file)
--- a/apps/wolnelektury_core/static/scss/book_text/themes.scss
+++ b/apps/wolnelektury_core/static/scss/book_text/themes.scss
@@ -8,8 +8,6 @@ nav #menu-themes {
 }
 
 
-
-
 @mixin theme-hidden {
     width: 20px;
     height: 20px;
@@ -21,7 +19,7 @@ nav #menu-themes {
     &:before {
         content: "▲";
         color: #ccc;
-        text-align:  center;
+        text-align: center;
         display: block;
     }
 
@@ -37,7 +35,7 @@ nav #menu-themes {
         width: 44px;
         margin-right: -44px;
         &:before {
-            font-size: 3em;
+            font-size: 2.5em;
         }
     }
 
@@ -51,11 +49,13 @@ nav #menu-themes {
     @include size(width, 120px);
     height: auto;
     overflow: visible;
-    margin-left: 30px;
+    @include size(margin-left, 30px);
+    @include size(font-size, 14.4px);
+    text-indent: 0;
 
-    border-left: 1px solid #DDDDDD;
+    @include size(border-left, 1px solid #DDDDDD);
     color: #777;
-    padding: 0 0 0 8px;
+    @include size(padding, 0 0 0 8px);
 
     &:before {
         display: none;
@@ -65,15 +65,15 @@ nav #menu-themes {
 .theme-begin {
     @include theme-hidden;
 
+    font-size: .9em;
     position: relative;
     float: right;
     margin-bottom: 8px;
     clear: both;
     line-height: 1.5em;
     text-align: left;
-    z-index: 60000;
+    z-index: 60;
 
-    font-size: 16px;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
@@ -92,10 +92,19 @@ nav #menu-themes {
 }
 
 
-@include min-screen(600px) {
-    .always-hide-themes {
-        .theme-begin {
-            @include theme-hidden;
+.always-hide-themes {
+    .theme-begin {
+        @include theme-hidden;
+    }
+}
+
+.with-other-text {
+    .theme-begin {
+        @include theme-hidden;
+
+        @include min-screen(1200px) {
+            @include theme-showing;
+            margin-right: -160px;
         }
     }
 }