Responsive images.

[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 a5f4c06..e2d44b6 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;
-    font-family: Georgia, "Times New Roman", serif;
+    font-family: Gelasio, Georgia, "Times New Roman", serif;
     line-height: 1.5em;
     margin: 0;
 }
@@ -10,33 +10,44 @@ a {
     text-decoration: none;
 }
 
+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;
@@ -71,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;
 }
@@ -99,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 {
@@ -110,6 +129,10 @@ 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 {
@@ -222,6 +245,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;
@@ -261,10 +291,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 = */