vertical spaces around frame

[librarian.git] / librarian / epub / style.css

diff --git a/librarian/epub/style.css b/librarian/epub/style.css
index 5912853..6c42777 100644 (file)
--- a/librarian/epub/style.css
+++ b/librarian/epub/style.css
@@ -1,3 +1,6 @@
+@page {
+  margin: 5pt;
+}
 @font-face {
     font-family: "DejaVu Serif";
     font-weight: normal;
@@ -30,24 +33,22 @@ body, p, h1, h2, h3, h4 {
 
 body
 {
-       line-height: 1.5em;
-       margin: 0;
+    line-height: 1.5em;
+    margin: 0;
 }
 
 a
 {
-       text-decoration: none;
-       color: #00e;
+    text-decoration: none;
+    color: #00e;
 }
 
 a img {
     border: 0;
 }
 
-#book-text
-{
-       margin: 2em;
-       /*margin-right: 9em;*/
+#book-text {
+    margin: 0;
 }
 
 /* =================================================== */
@@ -57,11 +58,11 @@ a img {
 
 .h2
 {
-       font-size: 2em;
-       margin: 0;
-       margin-top: 1.5em;
-       font-weight: bold;
-       line-height: 1.5em;
+    font-size: 2em;
+    margin: 0;
+    margin-top: 1.5em;
+    font-weight: bold;
+    line-height: 1.5em;
 }
 
 .h3
@@ -75,15 +76,15 @@ a img {
 
 .h4
 {
-       font-size: 1em;
+    font-size: 1em;
     margin: 0;
     margin-top: 1.5em;
-       line-height: 1.5em;
+    line-height: 1.5em;
 }
 
 p
 {
-       margin: 0;
+    margin: 0;
 }
 
 /* ======================== */
@@ -92,31 +93,31 @@ p
 
 .theme-begin
 {
-       border-left: 0.1em solid #DDDDDD;
-       color: #777;
-       padding: 0 0.5em;
-       width: 7.5em;
-       font-style: normal;
-       font-weight: normal;
-       font-size: 0.875em;
-       float: right;
-       margin-right: -9.5em;
-       clear: both;
-       left: 40em;
-       line-height: 1.5em;
-       text-align: left;
+    border-left: 0.1em solid #DDDDDD;
+    color: #777;
+    padding: 0 0.5em;
+    width: 7.5em;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 0.875em;
+    float: right;
+    margin-right: -9.5em;
+    clear: both;
+    left: 40em;
+    line-height: 1.5em;
+    text-align: left;
 }
 
 .annotation
 {
-       margin-bottom: 0.3em;
-       text-align: left;
+    margin-bottom: 0.3em;
+    text-align: justify;
 }
 
 .block
 {
-       font-size: 0.875em;
-       padding: 1em;
+    font-size: 0.875em;
+    padding: 1em;
 }
 
 
@@ -126,9 +127,9 @@ p
 
 .anchor sup
 {
-       line-height: 0;
-       font-size: 0.7em;
-}      
+    line-height: 0;
+    font-size: 0.7em;
+}
 
 /* =================== */
 /* = Custom elements = */
@@ -186,9 +187,9 @@ p
     text-align: center;
     font-weight: bold;
 
-       font-size: 1.125em;
-       line-height: 1.5em;
-       margin-bottom: -0.25em;
+    font-size: 1.125em;
+    line-height: 1.5em;
+    margin-bottom: -0.25em;
 }
 
 .subtitle
@@ -197,59 +198,67 @@ p
     text-align: center;
     font-weight: bold;
 
-       font-size: 1.5em;
-       line-height: 1.5em;
-       margin-top: -0.25em;
+    font-size: 1.5em;
+    line-height: 1.5em;
+    margin-top: -0.25em;
 }
 
 div.didaskalia
 {
-       font-style: italic;
-       margin-top: 0.5em;
-       margin-left: 1.5em;
+    font-style: italic;
+    margin-top: 0.5em;
+    margin-bottom: 0.5em;
+    margin-left: 1.5em;
 }
 
 .kwestia
 {
-       margin-top: 0.5em;
+    margin-top: 0.5em;
 }
 
 .paragraph
 {
-       text-align: justify;
-       margin: 0
+    text-align: justify;
+    margin: 0;
+    text-indent: 1.2em;
+}
+
+h1 + .paragraph, h2 + .paragraph
+{
+    text-indent: 0;
 }
 
-.paragraph + .paragraph
+h2 + .paragraph:first-letter
 {
-       text-indent: 1.2em;
+    font-size: 1.6em;
 }
 
 .motto
 {
-       text-align: justify;
-       font-style: italic;
-       margin-top: 1.5em;
+    text-align: justify;
+    font-style: italic;
+    margin-top: 1.5em;
 }
 
 .motto_podpis, .motto_podpis .paragraph
 {
-       font-size: 0.875em;
-       text-align: right;
+    font-size: 0.875em;
+    text-align: right;
     font-style: italic;
 }
 
 .fragment
 {
-       border-bottom: 0.1em solid #999;
-       padding-bottom: 1.5em;
+    border-bottom: 0.1em solid #999;
+    padding-bottom: 1.5em;
 }
 
 .note
 {
-       text-align: right;
-       font-style: italic;
-       margin-bottom: 1.5em;
+    text-align: right;
+    font-style: italic;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
 }
 
 .note .paragraph
@@ -263,45 +272,51 @@ div.didaskalia
     font-style: italic;
 }
 
+.frame
+{
+    border: 1px darkgray solid;
+    padding: 1em;
+}
+
 hr.spacer
 {
-       height: 3em;
-       visibility: hidden;
+    height: 3em;
+    visibility: hidden;
 }
 
 hr.spacer-line
 {
-       margin: 0;
-       margin-top: 1.5em;
-       margin-bottom: 1.5em;
-       border: none;
-       border-bottom: 0.1em solid #000;
+    margin: 0;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+    border: none;
+    border-bottom: 0.1em solid #000;
 }
 
 .spacer-asterisk
 {
-       padding: 0;
+    padding: 0;
     margin: 0;
     margin-top: 1.5em;
     margin-bottom: 1.5em;
-       text-align: center;
+    text-align: center;
 }
 
 div.person-list ol
 {
-       list-style: none;
-       padding: 0;
-       padding-left: 1.5em;
+    list-style: none;
+    padding: 0;
+    padding-left: 1.5em;
 }
 
 .place-and-time
 {
-       font-style: italic;
+    font-style: italic;
 }
 
 em.math
 {
-       font-style: italic;
+    font-style: italic;
 }
 em.foreign-word
 {
@@ -318,20 +333,26 @@ em.didaskalia
 
 em.author-emphasis
 {
-       letter-spacing: 0.1em;
+    letter-spacing: 0.1em;
+}
+
+em.wieksze-odstepy
+{
+    font-style: normal;
+    word-spacing: 1em;
 }
 
 .person-list em.person
 {
-       font-style: normal;
-       /*font-variant: small-caps;*/
-       text-transform: uppercase;
+    font-style: normal;
+    /*font-variant: small-caps;*/
+    text-transform: uppercase;
 }
 
 .info
 {
-       text-align: center;
-       margin-bottom: 1em;
+    text-align: center;
+    margin-bottom: 1em;
 }
 .info div
 {
@@ -340,9 +361,9 @@ em.author-emphasis
 
 .info img
 {
-       margin: 0;
-       margin-left: 2em;
-       margin-right: 2em;
+    margin: 0;
+    margin-left: 2em;
+    margin-right: 2em;
 }
 
 p.minor-info {
@@ -353,3 +374,15 @@ p.minor-info {
 p.footer {
     margin-top: 2em;
 }
+
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+table.border th, table.border td {
+    border: 1px solid black;
+}
+
+th, td {
+    vertical-align: top;
+}
\ No newline at end of file