[epub] output improvements - clean xhtml instead of html tag soup
[librarian.git] / librarian / epub / style.css
index 55ac117..bf44032 100644 (file)
-@font-face {\r
-    font-family: "DejaVu Serif";\r
-    font-weight: normal;\r
-    font-style: normal;\r
-    src: url(DejaVuSerif.ttf);\r
-}\r
-@font-face {\r
-    font-family: "DejaVu Serif";\r
-    font-weight: bold;\r
-    font-style: normal;\r
-    src: url(DejaVuSerif-Bold.ttf);\r
-}\r
-@font-face {\r
-    font-family: "DejaVu Serif";\r
-    font-weight: normal;\r
-    font-style: italic;\r
-    src: url(DejaVuSerif-Italic.ttf);\r
-}\r
-@font-face {\r
-    font-family: "DejaVu Serif";\r
-    font-weight: bold;\r
-    font-style: italic;\r
-    src: url(DejaVuSerif-BoldItalic.ttf);\r
-}\r
-\r
-body, p, h1, h2, h3, h4 {\r
-    font-family: "DejaVu Serif", serif;\r
-}\r
-\r
-\r
-body\r
-{\r
-       line-height: 1.5em;\r
-       margin: 0;\r
-}\r
-\r
-a\r
-{\r
-       text-decoration: none;\r
-       color: #00e;\r
-}\r
-\r
-a img {\r
-    border: 0;\r
-}\r
-\r
-#book-text\r
-{\r
-       margin: 2em;\r
-       /*margin-right: 9em;*/\r
-}\r
-\r
-/* =================================================== */\r
-/* = Common elements: headings, paragraphs and lines = */\r
-/* =================================================== */\r
-\r
-\r
-.h2\r
-{\r
-       font-size: 2em;\r
-       margin: 0;\r
-       margin-top: 1.5em;\r
-       font-weight: bold;\r
-       line-height: 1.5em;\r
-}\r
-\r
-.h3\r
-{\r
-    text-align:left;\r
-    font-size: 1.5em;\r
-    margin-top: 1.5em;\r
-    font-weight: normal;\r
-    line-height: 1.5em;\r
-}\r
-\r
-.h4\r
-{\r
-       font-size: 1em;\r
-    margin: 0;\r
-    margin-top: 1.5em;\r
-       line-height: 1.5em;\r
-}\r
-\r
-p\r
-{\r
-       margin: 0;\r
-}\r
-\r
-/* ======================== */\r
-/* = Footnotes and themes = */\r
-/* ======================== */\r
-\r
-.theme-begin\r
-{\r
-       border-left: 0.1em solid #DDDDDD;\r
-       color: #777;\r
-       padding: 0 0.5em;\r
-       width: 7.5em;\r
-       font-style: normal;\r
-       font-weight: normal;\r
-       font-size: 0.875em;\r
-       float: right;\r
-       margin-right: -9.5em;\r
-       clear: both;\r
-       left: 40em;\r
-       line-height: 1.5em;\r
-       text-align: left;\r
-}\r
-\r
-.annotation\r
-{\r
-       font-style: normal;\r
-       font-weight: normal;\r
-       font-size: 0.875em;\r
-}\r
-\r
-#footnotes .annotation\r
-{\r
-       display: block;\r
-       float: left;\r
-       width: 2.5em;\r
-       clear: both;\r
-}\r
-\r
-#footnotes div\r
-{\r
-    margin: 0;\r
-    margin-top: 1.5em;\r
-}\r
-\r
-#footnotes p\r
-{\r
-       margin-left: 2.5em;\r
-       font-size: 0.875em;\r
-}\r
-\r
-.block\r
-{\r
-       font-size: 0.875em;\r
-       padding: 1em;\r
-}\r
-\r
-/* ============= */\r
-/* = Numbering = */\r
-/* ============= */\r
-\r
-.anchor\r
-{\r
-       margin: -0.25em -0.5em;\r
-       color: #777;\r
-       font-size: 0.875em;\r
-       width: 2em;\r
-       text-align: center;\r
-       padding: 0.25em 0.5em;\r
-       line-height: 1.5em;\r
-}\r
-\r
-/* =================== */\r
-/* = Custom elements = */\r
-/* =================== */\r
-\r
-.title-page\r
-{\r
-    margin-top: 1.5em;\r
-}\r
-\r
-.title\r
-{\r
-    font-size: 3em;\r
-    text-align: center;\r
-    line-height: 1.5em;\r
-    font-weight: bold;\r
-}\r
-\r
-.author\r
-{\r
-    margin: 0;\r
-    text-align: center;\r
-    font-weight: bold;\r
-\r
-    font-size: 1.5em;\r
-    line-height: 1.5em;\r
-    margin-bottom: 0.25em;\r
-}\r
-\r
-.collection\r
-{\r
-    margin: 0;\r
-    text-align: center;\r
-    font-weight: bold;\r
-\r
-       font-size: 1.125em;\r
-       line-height: 1.5em;\r
-       margin-bottom: -0.25em;\r
-}\r
-\r
-.subtitle\r
-{\r
-    margin: 0;\r
-    text-align: center;\r
-    font-weight: bold;\r
-\r
-       font-size: 1.5em;\r
-       line-height: 1.5em;\r
-       margin-top: -0.25em;\r
-}\r
-\r
-div.didaskalia\r
-{\r
-       font-style: italic;\r
-       margin-top: 0.5em;\r
-       margin-left: 1.5em;\r
-}\r
-\r
-div.kwestia\r
-{\r
-       margin-top: 0.5em;\r
-}\r
-\r
-.paragraph\r
-{\r
-       text-align: justify;\r
-       margin-top: 1.5em;\r
-}\r
-\r
-.motto\r
-{\r
-       text-align: justify;\r
-       font-style: italic;\r
-       margin-top: 1.5em;\r
-}\r
-\r
-.motto_podpis\r
-{\r
-       font-size: 0.875em;\r
-       text-align: right;\r
-}\r
-\r
-div.fragment\r
-{\r
-       border-bottom: 0.1em solid #999;\r
-       padding-bottom: 1.5em;\r
-}\r
-\r
-div.note\r
-{\r
-       text-align: right;\r
-       font-style: italic;\r
-}\r
-div.note div.paragraph\r
-{\r
-    text-align: right;\r
-    font-style: italic;\r
-}\r
-div.dedication\r
-{\r
-    text-align: right;\r
-    font-style: italic;\r
-}\r
-div.dedication div.paragaph\r
-{\r
-    text-align: right;\r
-    font-style: italic;\r
-}\r
-\r
-\r
-hr.spacer\r
-{\r
-       height: 3em;\r
-       visibility: hidden;\r
-}\r
-\r
-hr.spacer-line\r
-{\r
-       margin: 0;\r
-       margin-top: 1.5em;\r
-       margin-bottom: 1.5em;\r
-       border: none;\r
-       border-bottom: 0.1em solid #000;\r
-}\r
-\r
-.spacer-asterisk\r
-{\r
-       padding: 0;\r
-    margin: 0;\r
-    margin-top: 1.5em;\r
-    margin-bottom: 1.5em;\r
-       text-align: center;\r
-}\r
-\r
-div.person-list ol\r
-{\r
-       list-style: none;\r
-       padding: 0;\r
-       padding-left: 1.5em;\r
-}\r
-\r
-.place-and-time\r
-{\r
-       font-style: italic;\r
-}\r
-\r
-em.math\r
-{\r
-       font-style: italic;\r
-}\r
-em.foreign-word\r
-{\r
-    font-style: italic;\r
-}\r
-em.book-title\r
-{\r
-    font-style: italic;\r
-}\r
-em.didaskalia\r
-{\r
-    font-style: italic;\r
-}\r
-\r
-em.author-emphasis\r
-{\r
-       letter-spacing: 0.1em;\r
-}\r
-\r
-em.person\r
-{\r
-       font-style: normal;\r
-       font-variant: small-caps;\r
-}\r
-\r
-p.info\r
-{\r
-       text-align: center;\r
-       margin-bottom: 1em;\r
-}\r
-\r
-p.info img\r
-{\r
-       margin: 0;\r
-       margin-left: 2em;\r
-       margin-right: 2em;\r
-}\r
-\r
-p.minor {\r
-    font-size: 0.75em;\r
-}\r
-p.footer {\r
-    margin-top: 2em;\r
-}\r
+@font-face {
+    font-family: "DejaVu Serif";
+    font-weight: normal;
+    font-style: normal;
+    src: url(DejaVuSerif.ttf);
+}
+@font-face {
+    font-family: "DejaVu Serif";
+    font-weight: bold;
+    font-style: normal;
+    src: url(DejaVuSerif-Bold.ttf);
+}
+@font-face {
+    font-family: "DejaVu Serif";
+    font-weight: normal;
+    font-style: italic;
+    src: url(DejaVuSerif-Italic.ttf);
+}
+@font-face {
+    font-family: "DejaVu Serif";
+    font-weight: bold;
+    font-style: italic;
+    src: url(DejaVuSerif-BoldItalic.ttf);
+}
+
+body, p, h1, h2, h3, h4 {
+    font-family: "DejaVu Serif", serif;
+}
+
+
+body
+{
+       line-height: 1.5em;
+       margin: 0;
+}
+
+a
+{
+       text-decoration: none;
+       color: #00e;
+}
+
+a img {
+    border: 0;
+}
+
+#book-text
+{
+       margin: 2em;
+       /*margin-right: 9em;*/
+}
+
+/* =================================================== */
+/* = Common elements: headings, paragraphs and lines = */
+/* =================================================== */
+
+
+.h2
+{
+       font-size: 2em;
+       margin: 0;
+       margin-top: 1.5em;
+       font-weight: bold;
+       line-height: 1.5em;
+}
+
+.h3
+{
+    text-align:left;
+    font-size: 1.5em;
+    margin-top: 1.5em;
+    font-weight: normal;
+    line-height: 1.5em;
+}
+
+.h4
+{
+       font-size: 1em;
+    margin: 0;
+    margin-top: 1.5em;
+       line-height: 1.5em;
+}
+
+p
+{
+       margin: 0;
+}
+
+/* ======================== */
+/* = Footnotes and themes = */
+/* ======================== */
+
+.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;
+}
+
+.annotation
+{
+       margin-bottom: 0.3em;
+       text-align: justify;
+}
+
+.block
+{
+       font-size: 0.875em;
+       padding: 1em;
+}
+
+
+/* ============= */
+/* = Numbering = */
+/* ============= */
+
+.anchor sup
+{
+       line-height: 0;
+       font-size: 0.7em;
+}      
+
+/* =================== */
+/* = Custom elements = */
+/* =================== */
+
+.title-page
+{
+    margin-top: 1.5em;
+}
+
+.title
+{
+    font-size: 3em;
+    text-align: center;
+    line-height: 1.5em;
+    font-weight: bold;
+}
+
+.author
+{
+    margin: 0;
+    text-align: center;
+    font-weight: bold;
+
+    font-size: 1.5em;
+    line-height: 1.5em;
+    margin-bottom: 0.25em;
+}
+
+.intitle
+{
+    margin: 0;
+    text-align: center;
+    font-weight: bold;
+
+    font-size: 1.5em;
+    line-height: 1.5em;
+    margin-bottom: 0.25em;
+}
+
+.insubtitle
+{
+    margin: 0;
+    text-align: center;
+    font-weight: bold;
+
+    font-size: 1em;
+    line-height: 1.5em;
+    margin-bottom: 0.25em;
+}
+
+.collection
+{
+    margin: 0;
+    text-align: center;
+    font-weight: bold;
+
+       font-size: 1.125em;
+       line-height: 1.5em;
+       margin-bottom: -0.25em;
+}
+
+.subtitle
+{
+    margin: 0;
+    text-align: center;
+    font-weight: bold;
+
+       font-size: 1.5em;
+       line-height: 1.5em;
+       margin-top: -0.25em;
+}
+
+div.didaskalia
+{
+       font-style: italic;
+       margin-top: 0.5em;
+       margin-bottom: 0.5em;
+       margin-left: 1.5em;
+}
+
+.kwestia
+{
+       margin-top: 0.5em;
+}
+
+.paragraph
+{
+       text-align: justify;
+       margin: 0;
+       text-indent: 1.2em;
+}
+
+h1 + .paragraph, h2 + .paragraph
+{
+       text-indent: 0;
+}
+
+h2 + .paragraph:first-letter
+{
+    font-size: 1.6em;
+}
+
+.motto
+{
+       text-align: justify;
+       font-style: italic;
+       margin-top: 1.5em;
+}
+
+.motto_podpis, .motto_podpis .paragraph
+{
+       font-size: 0.875em;
+       text-align: right;
+    font-style: italic;
+}
+
+.fragment
+{
+       border-bottom: 0.1em solid #999;
+       padding-bottom: 1.5em;
+}
+
+.note
+{
+       text-align: right;
+       font-style: italic;
+       margin-top: 1em;
+       margin-bottom: 0.5em;
+}
+
+.note .paragraph
+{
+    text-align: justify;
+}
+
+.dedication, .dedication .paragraph
+{
+    text-align: right;
+    font-style: italic;
+}
+
+hr.spacer
+{
+       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;
+}
+
+.spacer-asterisk
+{
+       padding: 0;
+    margin: 0;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+       text-align: center;
+}
+
+div.person-list ol
+{
+       list-style: none;
+       padding: 0;
+       padding-left: 1.5em;
+}
+
+.place-and-time
+{
+       font-style: italic;
+}
+
+em.math
+{
+       font-style: italic;
+}
+em.foreign-word
+{
+    font-style: italic;
+}
+em.book-title
+{
+    font-style: italic;
+}
+em.didaskalia
+{
+    font-style: italic;
+}
+
+em.author-emphasis
+{
+       letter-spacing: 0.1em;
+}
+
+.person-list em.person
+{
+       font-style: normal;
+       /*font-variant: small-caps;*/
+       text-transform: uppercase;
+}
+
+.info
+{
+       text-align: center;
+       margin-bottom: 1em;
+}
+.info div
+{
+    text-align: center;
+}
+
+.info img
+{
+       margin: 0;
+       margin-left: 2em;
+       margin-right: 2em;
+}
+
+p.minor-info {
+    text-align: center;
+    margin-bottom: 1em;
+    font-size: 0.75em;
+}
+p.footer {
+    margin-top: 2em;
+}