X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f1cc3d495b3df83b3e745575c2ff3bdf4942b2fe..7a27a3fbc14b2049b8d110db15855a625e4c2455:/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 3fcae7c68..dd48d4f25 100644
--- 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,16 +89,27 @@
 
     
 }
+
+#heretoc {
+    margin-top: .5em;
+
+    // Workaround for missing li's.
+    ol a {
+        line-height: 30px;
+    }
+}
+
 #menu .box {
     display: none;
     position: absolute;
     right: 0px;
     top: 50px;
     width: 80vw;
+    max-width: 600px;
     height: 300px;
     padding: 30px; 
     overflow: auto;
-    background: #F7BA00;
+    background: #FFE79E;
     box-shadow: 0px 0px 20px rgba(1, 129, 137, 0.2);
     border-radius: 10px;
 }
@@ -120,7 +130,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;
@@ -131,7 +195,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;
     
@@ -513,6 +576,42 @@ table.border td, table.border th {
 
 }
 
+
+
+.theme-begin {
+    font-size: .9em;
+    position: relative;
+    float: right;
+    margin-bottom: 8px;
+    clear: both;
+    line-height: 1.5em;
+    text-align: left;
+    z-index: 60;
+
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    letter-spacing: 0;
+    text-transform: none;
+    text-decoration: none;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+
+    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;
+}
 }