X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/f7d8acded4a58d423035c5759f6dee9a34396959..53a66f70e4a8f9585b3d1a459542fb2e44f310f2:/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 1c617c7ee..1fde2b98a 100644
--- a/src/wolnelektury/static/2022/styles/layout/_text.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_text.scss
@@ -293,7 +293,8 @@ h2 {
 
 h3, .subtitle2 {
     font-size: 1.5em;
-    margin: 1.5em 0 0;
+    margin: 1.5em 0 1em 0;
+    padding-right: 48px;
     font-weight: normal;
     line-height: 1.5em;
 }
@@ -468,9 +469,13 @@ div.kwestia div.stanza {
 
 p.paragraph {
     text-align: justify;
-    margin: 0 0 0 44px;
+    margin: 0;
     text-indent: 1.5em;
 }
+p.paragraph.werset {
+    text-indent: 0;
+    margin-bottom: 1em;
+}
 
 .motto {
     text-align: justify;
@@ -478,6 +483,17 @@ p.paragraph {
     margin: 1.5em 0 0;
 }
 
+.paragraph {
+    &.miejsce_data, &.pozdrowienie, &.podpis {
+	text-align: right;
+    }
+    &.naglowek_listu {
+	text-align: center;
+	margin: .5em 0;
+    }
+}
+
+
 p.motto_podpis {
     font-size: 0.875em;
     text-align: right;
@@ -530,6 +546,9 @@ p.place-and-time {
 em.math, em.foreign-word, em.book-title, em.didaskalia {
     font-style: italic;
 }
+em.foreign-word.foreign-word-protected {
+    font-style: normal;
+}
 
 em.author-emphasis {
     letter-spacing: 0.1em;
@@ -565,7 +584,7 @@ table.border td, table.border th {
     float: left;
     clear: left;
     font-size: .8em;
-    margin-left: 0;
+    margin-left: -40px;
     width: 36px;
     height: auto;
     padding: 2px;
@@ -719,7 +738,11 @@ a.reference.interesting:after {
             font-size: 18px;
             font-style: normal;
             font-weight: 400;
-            line-height: 28px; /* 155.556% */ 
+            line-height: 28px; /* 155.556% */
+
+	    em.foreign-word.foreign-word-protected {
+		font-style: normal;
+	    }
         }
 
         #footnote-link {
@@ -738,7 +761,6 @@ a.reference.interesting:after {
         border-radius: 22px;
         background: white;
         box-shadow: 6px 6px 10px 0px rgba(0, 120, 128, 0.35);
-        overflow: hidden;
 
         &.copied {
             .content:after {
@@ -753,9 +775,10 @@ a.reference.interesting:after {
                 color: black;
                 justify-content: center;
                 align-items: center;
+                border-radius: 22px;
             }
         }
-        
+
         .content {
             overflow: hidden;
             display: flex;
@@ -1022,3 +1045,97 @@ background: #fff;
         }
     }
 }
+
+
+
+#sidebar {
+    position: absolute;
+    left: 0;
+    top: 20px;
+    width: 200px;
+
+    h2 {
+	font-size: 20px;
+	margin-bottom: 1em;
+    }
+    
+    .other-text-close {
+	display: none;
+    }
+
+    #other {
+	ul {
+	    list-style: none;
+	    margin: 0;
+	    padding: 0;
+
+	    .book-mini-box {
+		position: relative;
+		width: 137px;
+		.language {
+		    position: absolute;
+		    top: 163px;
+		    left: 10px;
+		    color: white;
+		    background: black;
+		    padding: 0 10px;
+		    border-radius: 10px;
+		    font-size: 14px;
+		    line-height: 20px;
+		    
+		}
+		.author, .title {
+		    display: block;
+		    font-size: 14px;
+		    line-height: 18px;
+		}
+	    }
+	}
+    }
+}
+.with-other-text {
+    #sidebar {
+	.other-text-close {
+	    display: block;
+	    background: red;
+	    padding: 10px;
+	    margin: 10px 0;
+	    border-radius: 10px;
+	    color: white;
+	    text-decoration: none;
+	}
+    }
+    #main-text {
+	#book-text {
+	    .other {
+		overflow: hidden;
+		margin: 10px 40px 10px 50px;
+		padding: 10px 20px 0 10px;
+		background: #eee;
+		border-left: 10px double #ddd;
+
+		h3 {
+		    margin: 0;
+		    padding: 0;
+		}
+
+		.paragraph {
+		    padding: 0;
+		}
+	    }
+	}
+    }
+}
+
+:lang(pl),
+:lang(en),
+:lang(de),
+:lang(fr),
+:lang(lt),
+:lang(uk)
+{
+    direction: ltr;
+}
+:lang(he) {
+    direction: rtl;
+}