X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/0c9e7e914bc548bee30add46fb6e4aadf6ffb16c..1e9113af163a3d002b0b9c3e8c339f22af5b848a:/apps/wolnelektury_core/static/scss/book_text/other.scss

diff --git a/apps/wolnelektury_core/static/scss/book_text/other.scss b/apps/wolnelektury_core/static/scss/book_text/other.scss
index ca2aebb49..9ccedd932 100644
--- a/apps/wolnelektury_core/static/scss/book_text/other.scss
+++ b/apps/wolnelektury_core/static/scss/book_text/other.scss
@@ -3,33 +3,50 @@ nav #menu-other {
 }
 
 
-#other-text {
-    display: none;
-}
+#other {
+    ul {
+        list-style: none;
+        padding: 0;
+        margin: 1em 0;
 
-#main-pane.with-other-text {
+        li {
+            display: inline-block;
 
-    #main-text {
-        display: table-cell;
-        padding-left: 40px;
-        @include min-screen(1px) {
-            width: 300px;
+            a {
+                display: block;
+            }
         }
+    }
+}
 
-        @include min-screen(1000px) {
-            width: 400px;
-        }
+
+.other-text-close {
+    background: #000;
+    color: #ddd;
+    opacity: .5;
+    text-align: center;
+    padding: .5em;
+    font-weight: bold;
+}
+
+
+#other-text {
+    position: relative;
+    display: none;
+
+    .other-text-close {
+        position: absolute;
+        top: 0;
+        right: 0;
     }
+}
 
-    #other-text {
-        display: table-cell;
-        padding-left: 40px;
-        @include min-screen(1px) {
-            width: 300px;
-        }
+.other-text-close {
+    display: none;
+}
 
-        @include min-screen(1000px) {
-            width: 400px;
-        }
+.with-other-text {
+    .other-text-close {
+        display: block;
     }
 }