fix toc

[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / layout / _text.scss

diff --git a/src/wolnelektury/static/2022/styles/layout/_text.scss b/src/wolnelektury/static/2022/styles/layout/_text.scss
index 20aa174..22ad16c 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_text.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_text.scss
@@ -1,5 +1,4 @@
 #global-progress {
-    display: none;
     position: sticky;
     top: 0;
     background: white;
@@ -90,6 +89,11 @@
 
     
 }
+
+#heretoc {
+    margin-top: .5em;
+}
+
 #menu .box {
     display: none;
     position: absolute;
@@ -100,7 +104,7 @@
     height: 300px;
     padding: 30px; 
     overflow: auto;
-    background: #F7BA00;
+    background: #FFE79E;
     box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
     border-radius: 10px;
 }
@@ -121,7 +125,61 @@
 }
 #reference-box {
     display: none;
+    width: 300px;
+    position: fixed;
+    top: 0;
+    right: 0;
+    z-index:100;
+    background: #eee;
+ 
+    img {
+        margin: 0;
+    }
+    
+    #reference-map {
+        height:400px;
+        width: 300px;
+        @media screen and (max-height: 800px) {
+            height: 300px;
+        }
+    }
+    #reference-images {
+        padding: 10px;
+        white-space: nowrap;
+        overflow-x: auto;
+        a {
+            display: inline-block;
+            vertical-align: middle;
+            margin: 0 10px 0 0;
+            img {
+                width: auto;
+                border: 5px solid white;
+                box-shadow: 4px 4px 4px #666;
+                max-width: 240px;
+                max-height: 200px;
+            }
+        }
+    }
+    #reference-link {
+        display: block;
+        font-size: 1.5em;
+        padding: 10px;
+    }
+ 
+    #reference-close {
+        font-size: 30px;
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        z-index: 1000;
+        font-family: sans-serif;
+        color: black;
+    }
 }
+
+
+
+
 #menu #info {
     padding-top: 0;
     display: none;
@@ -132,7 +190,6 @@
     height: 300px;
     padding: 0px 30px 30px; 
     overflow: auto;
-    background: #F7BA00;
     box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
     border-radius: 10px;
     
@@ -537,7 +594,18 @@ table.border td, table.border th {
     -moz-user-select: none;
     -ms-user-select: none;
 
-        margin-right: -160px;
+    margin-right: -227px;
+    width: 170px;
+    text-indent: 0;
+    color: inherit;
+    padding-left: 12px;
+    border-left: 1px solid #333;
+}
+
+
+a.reference.interesting:after {
+    content: url('../images/pin.svg');
+    padding: 3px;
 }
 }