X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/9a938c8b406ce05e3bca4a5a483d473ece9e17b0..f1cc3d495b3df83b3e745575c2ff3bdf4942b2fe:/src/wolnelektury/static/css/new.book.css

diff --git a/src/wolnelektury/static/css/new.book.css b/src/wolnelektury/static/css/new.book.css
index 0c00de334..fd3a6cdb8 100644
--- a/src/wolnelektury/static/css/new.book.css
+++ b/src/wolnelektury/static/css/new.book.css
@@ -1,6 +1,6 @@
 body {
     font-size: 16px;
-    font-family: Georgia, "Times New Roman", serif;
+    font-family: Gelasio, Georgia, "Times New Roman", serif;
     line-height: 1.5em;
     margin: 0;
 }
@@ -13,35 +13,41 @@ a {
 img {
     max-width: 37.5rem;
     margin-top: 1em;
+    width: 100%;
+}
+.animacja {
+    margin-top: 1em;
+}
+.animacja img {
+    margin-top: 0;
 }
 
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */
-#toc ol, #themes ol, #objects ol {
+#wltoc ol, #themes ol, #objects ol {
     list-style: none;
     padding: 0;
     margin: 0;
 }
-
-#toc ol li {
-    font-weight: bold;
+#wltoc ol {
+  padding-left: 1.5em;
 }
 
-#toc ol ol {
+#wltoc ol ol {
     padding: 0 0 1.5em 1.5em;
     margin: 0;
 }
 
-#toc ol ol li {
+#wltoc ol ol li {
     font-weight: normal;
 }
 
-#toc h2 {
+#wltoc h2 {
     display: none;
 }
 
-#toc .anchor {
+#wltoc .anchor {
     float: none;
     margin: 0;
     color: blue;
@@ -76,19 +82,23 @@ h2 {
     line-height: 1.5em;
 }
 
-h3 {
+h3, .subtitle2 {
     font-size: 1.5em;
     margin: 1.5em 0 0;
     font-weight: normal;
     line-height: 1.5em;
 }
 
-h4 {
+h4, .subtitle3 {
     font-size: 1em;
     margin: 1.5em 0 0;
     line-height: 1.5em;
 }
 
+.subtitle4 {
+    font-weight: bold;
+}
+
 p {
     margin: 0;
 }
@@ -104,6 +114,10 @@ p {
     padding-left: 2px;
     position: relative;
     top: -4px;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
 }
 
 #footnotes {
@@ -115,13 +129,17 @@ p {
     float: left;
     width: 2.5em;
     clear: both;
+    user-select: auto;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
 }
 
-#footnotes div {
+#footnotes > div {
     margin: 1.5em 0 0 0;
 }
 
-#footnotes p, #footnotes ul {
+#footnotes p, #footnotes ul, #footnotes .stanza {
     margin-left: 2.5em;
     font-size: 0.875em;
 }
@@ -199,6 +217,45 @@ div.kwestia div.stanza {
     margin: 0;
 }
 
+.verse-p {
+    padding-left: 1em;
+}
+.verse-indent {
+    padding-left: 1em;
+}
+.verse-right { text-align: right; }
+.verse-center { text-align: center; }
+
+.verse-indent.verse-indent-2 { padding-left: 2em; }
+.verse-indent.verse-indent-3 { padding-left: 3em; }
+.verse-indent.verse-indent-4 { padding-left: 4em; }
+.verse-indent.verse-indent-5 { padding-left: 5em; }
+.verse-indent.verse-indent-6 { padding-left: 6em; }
+.verse-indent.verse-indent-7 { padding-left: 7em; }
+.verse-indent.verse-indent-8 { padding-left: 8em; }
+.verse-indent.verse-indent-9 { padding-left: 9em; }
+.verse-indent.verse-indent-10 { padding-left: 10em; }
+.verse-indent.verse-indent-11 { padding-left: 11em; }
+.verse-indent.verse-indent-12 { padding-left: 12em; }
+.verse-cont { padding-left: 12em; }
+
+@media screen and (max-width: 40em) {
+    .verse-indent { padding-left: 4%; }
+    .verse-indent.verse-indent-2 { padding-left: 8%; }
+    .verse-indent.verse-indent-3 { padding-left: 12%; }
+    .verse-indent.verse-indent-4 { padding-left: 16%; }
+    .verse-indent.verse-indent-5 { padding-left: 20%; }
+    .verse-indent.verse-indent-6 { padding-left: 24%; }
+    .verse-indent.verse-indent-7 { padding-left: 28%; }
+    .verse-indent.verse-indent-8 { padding-left: 32%; }
+    .verse-indent.verse-indent-9 { padding-left: 36%; }
+    .verse-indent.verse-indent-10 { padding-left: 40%; }
+    .verse-indent.verse-indent-11 { padding-left: 44%; }
+    .verse-indent.verse-indent-12 { padding-left: 48%; }
+    .verse-cont { padding-left: 48%; }
+}
+
+
 p.paragraph {
     text-align: justify;
     margin: 0;
@@ -227,6 +284,13 @@ div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
     font-style: italic;
 }
 
+div.frame {
+    border: 1px darkgray solid;
+    padding: 1em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
 hr.spacer {
     height: 3em;
     visibility: hidden;
@@ -266,10 +330,25 @@ em.person {
     font-variant: small-caps;
 }
 
+em.wieksze-odstepy {
+    font-style: normal;
+    word-spacing: 1em;
+}
+
 .verse:after {
     content: "\feff";
 }
 
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+
+table.border td, table.border th {
+    border: 1px solid black;
+    vertical-align: top;
+}
+
 
 /* =================================== */
 /* = Hide some elements for printing = */