fnp / wolnelektury.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Added MP3 and OGG to book short_html view.
[wolnelektury.git] / lib / librarian / book2html.xslt
diff --git a/lib/librarian/book2html.xslt b/lib/librarian/book2html.xslt
index 07c560c..71f1182 100644 (file)
--- a/lib/librarian/book2html.xslt
+++ b/lib/librarian/book2html.xslt
@@ -9,15 +9,13 @@
         <head>
             <title>Książka z serwisu WolneLektury.pl</title>
             <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
-            <link rel="stylesheet" href="master.css" type="text/css" media="all" charset="utf-8" />
         </head>
         <style>
             body {
-                font-size: 14px;
+                font-size: 16px;
                 font: Georgia, "Times New Roman", serif;
                 line-height: 1.5em;
-                margin: 3em;
-                max-width: 36em;
+                margin: 0;
             }
 
             a {
@@ -25,6 +23,107 @@
                 text-decoration: none;
             }
 
+            #book-text {
+                margin: 3em;
+                max-width: 36em;
+            }
+
+            /* ================================== */
+            /* = Header with logo and menu      = */
+            /* ================================== */
+            #header {
+                margin: 3.4em 0 0 1.4em;
+            }
+
+            img {
+                border: none;
+            }
+
+
+            #menu {
+                position: fixed;
+                left: 0em;
+                top: 0em;
+                width: 100%;
+                height: 1.5em;
+                background: #333;
+                color: #FFF;
+                opacity: 0.9;
+            }
+
+            #menu ul {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+            }
+
+            #menu li a {
+                display: block;
+                float: left;
+                width: 7.5em;
+                height: 1.5em;
+                margin-left: 0.5em;
+                text-align: center;
+                color: #FFF;
+            }
+
+            #menu li a:hover, #menu li a:active {
+                color: #000;
+                background: #FFF url(/media/img/arrow-down.png) no-repeat center right;
+            }
+
+            #menu li a.selected {
+                color: #000;
+                background: #FFF url(/media/img/arrow-up.png) no-repeat center right;
+            }
+
+            #toc, #themes {
+                position: fixed;
+                left: 0em;
+                top: 1.5em;
+                width: 37em;
+                padding: 1.5em;
+                background: #FFF;
+                border-bottom: 0.25em solid #DDD;
+                border-right: 0.25em solid #DDD;
+                display: none;
+                height: 16em;
+                overflow-x: hidden;
+                overflow-y: auto;
+                opacity: 0.9;
+            }
+
+            #toc ol, #themes ol {
+                list-style: none;
+                padding: 0;
+                margin: 0;
+            }
+
+            #toc ol li {
+                font-weight: bold;
+            }
+
+            #toc ol ol {
+                padding: 0 0 1.5em 1.5em;
+                margin: 0;
+            }
+
+            #toc ol ol li {
+                font-weight: normal;
+            }
+
+            #toc h2 {
+                display: none;
+            }
+
+            #toc .anchor {
+                float: none;
+                margin: 0;
+                color: blue;
+                font-size: 16px;
+                position: inherit;
+            }
+
             /* =================================================== */
             /* = Common elements: headings, paragraphs and lines = */
             /* =================================================== */
@@ -65,26 +164,24 @@
             /* ======================== */
             .theme-begin {
                 border-left: 0.1em solid #DDDDDD;
-                color: #666;
-                float: right;
-                margin: 0 -9.5em 0 0;
+                color: #777;
                 padding: 0 0.5em;
                 width: 7.5em;
                 font-style: normal;
                 font-weight: normal;
                 font-size: 16px;
-                display: none;
+                float: right;
+                margin-right: -9.5em;
+                clear: both;
+                left: 40em;
+                line-height: 1.5em;
+                text-align: left;
             }
 
             .annotation {
                 font-style: normal;
                 font-weight: normal;
-                font-size: 16px;
-                display: none;
-            }
-
-            #footnotes {
-                display: none;
+                font-size: 12px;
             }
 
             #footnotes .annotation {
@@ -100,6 +197,31 @@
 
             #footnotes p {
                 margin-left: 2.5em;
+                font-size: 0.875em;
+            }
+
+            blockquote {
+                font-size: 0.875em;
+            }
+
+            /* ============= */
+            /* = Numbering = */
+            /* ============= */
+            .anchor {
+                position: absolute;
+                margin: -0.25em -0.5em;
+                left: 1em;
+                color: #777;
+                font-size: 12px;
+                width: 2em;
+                text-align: center;
+                padding: 0.25em 0.5em;
+                line-height: 1.5em;
+            }
+
+            .anchor:hover, #book-text .anchor:active {
+                color: #FFF;
+                background-color: #CCC;
             }
 
             /* =================== */
@@ -128,7 +250,7 @@
 
             div.didaskalia {
                 font-style: italic;
-                margin: 0.5em 0 0;
+                margin: 0.5em 0 0 1.5em;
             }
 
             div.kwestia {
@@ -156,6 +278,7 @@
 
             p.motto_podpis {
                 font-size: 0.875em;
+                text-align: right;
             }
 
             div.fragment {
@@ -163,7 +286,7 @@
                 padding-bottom: 1.5em;
             }
 
-            div.note p, div.note p.paragraph {
+            div.note p, div.dedication p, div.note p.paragraph, div.dedication p.paragraph {
                 text-align: right;
                 font-style: italic;
             }
@@ -173,12 +296,38 @@
                 visibility: hidden;
             }
 
-            .anchor {
-                display: none;
+            hr.spacer-line {
+                margin: 1.5em 0;
+                border: none;
+                border-bottom: 0.1em solid #000;
             }
 
-            #toc {
-                display: none;
+            p.spacer-asterisk {
+                padding: 0;
+                margin: 1.5em 0;
+                text-align: center;
+            }
+
+            div.person-list ol {
+                list-style: none;
+                padding: 0 0 0 1.5em;
+            }
+
+            p.place-and-time {
+                font-style: italic;
+            }
+
+            em.math, em.foreign-word, em.book-title, em.didaskalia {
+                font-style: italic;
+            }
+
+            em.author-emphasis {
+                letter-spacing: 0.1em;
+            }
+
+            em.person {
+                font-style: normal;
+                font-variant: small-caps;
             }
         </style>
         <body> -->
@@ -246,7 +395,7 @@
 
 <xsl:template match="kwestia">
     <div class="kwestia">
-        <xsl:apply-templates select="strofa|akap" />
+        <xsl:apply-templates select="strofa|akap|didaskalia" />
     </div>
 </xsl:template>