Text layout changes.

[wolnelektury.git] / 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 bd7fc63..fd3a6cd 100644 (file)
--- a/src/wolnelektury/static/css/new.book.css
+++ b/src/wolnelektury/static/css/new.book.css
@@ -1,6 +1,6 @@
 body {
     font-size: 16px;
 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;
 }
     line-height: 1.5em;
     margin: 0;
 }


@@ -13,35 +13,41 @@ a {
 img {
     max-width: 37.5rem;
     margin-top: 1em;
 img {
     max-width: 37.5rem;
     margin-top: 1em;

+    width: 100%;
+}
+.animacja {
+    margin-top: 1em;
+}
+.animacja img {
+    margin-top: 0;

 }
 
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */
 }
 
 /* ================================== */
 /* = Header with logo and menu      = */
 /* ================================== */

-#toc ol, #themes ol, #objects ol {
+#wltoc ol, #themes ol, #objects ol {

     list-style: none;
     padding: 0;
     margin: 0;
 }
     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;
 }
 
     padding: 0 0 1.5em 1.5em;
     margin: 0;
 }
 

-#toc ol ol li {
+#wltoc ol ol li {

     font-weight: normal;
 }
 
     font-weight: normal;
 }
 

-#toc h2 {
+#wltoc h2 {

     display: none;
 }
 
     display: none;
 }
 

-#toc .anchor {
+#wltoc .anchor {

     float: none;
     margin: 0;
     color: blue;
     float: none;
     margin: 0;
     color: blue;


@@ -76,19 +82,23 @@ h2 {
     line-height: 1.5em;
 }
 
     line-height: 1.5em;
 }
 

-h3 {
+h3, .subtitle2 {

     font-size: 1.5em;
     margin: 1.5em 0 0;
     font-weight: normal;
     line-height: 1.5em;
 }
 
     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;
 }
 
     font-size: 1em;
     margin: 1.5em 0 0;
     line-height: 1.5em;
 }
 

+.subtitle4 {
+    font-weight: bold;
+}
+

 p {
     margin: 0;
 }
 p {
     margin: 0;
 }


@@ -104,6 +114,10 @@ p {
     padding-left: 2px;
     position: relative;
     top: -4px;
     padding-left: 2px;
     position: relative;
     top: -4px;

+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;

 }
 
 #footnotes {
 }
 
 #footnotes {


@@ -115,13 +129,17 @@ p {
     float: left;
     width: 2.5em;
     clear: both;
     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;
 }
 
     margin: 1.5em 0 0 0;
 }
 

-#footnotes p, #footnotes ul {
+#footnotes p, #footnotes ul, #footnotes .stanza {

     margin-left: 2.5em;
     font-size: 0.875em;
 }
     margin-left: 2.5em;
     font-size: 0.875em;
 }


@@ -199,6 +217,45 @@ div.kwestia div.stanza {
     margin: 0;
 }
 
     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;
 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;
 }
 
     font-style: italic;
 }
 

+div.frame {
+    border: 1px darkgray solid;
+    padding: 1em;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+

 hr.spacer {
     height: 3em;
     visibility: hidden;
 hr.spacer {
     height: 3em;
     visibility: hidden;


@@ -280,8 +344,9 @@ table {
     width: 100%;
 }
 
     width: 100%;
 }
 

-table.border, table.border td, table.border th {
+table.border td, table.border th {

     border: 1px solid black;
     border: 1px solid black;

+    vertical-align: top;

 }
 
 
 }