Completed voluntary_services.html page.

[wolnelektury.git] / wolnelektury / media / css / master.book.css

diff --git a/wolnelektury/media/css/master.book.css b/wolnelektury/media/css/master.book.css
index 98e142b..8d09494 100644 (file)
--- a/wolnelektury/media/css/master.book.css
+++ b/wolnelektury/media/css/master.book.css
@@ -2,8 +2,7 @@ body {
     font-size: 16px;
     font: Georgia, "Times New Roman", serif;
     line-height: 1.5em;
-    margin: 3em;
-    max-width: 36em;
+    margin: 0;
 }
 
 a {
@@ -11,6 +10,107 @@ a {
     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 = */
 /* =================================================== */
@@ -82,47 +182,52 @@ p {
 
 #footnotes p {
     margin-left: 2.5em;
+    font-size: 0.875em;
 }
 
+blockquote {
+    font-size: 0.875em;
+}
 
 /* ============= */
 /* = Numbering = */
 /* ============= */
 .anchor {
-    float: left;
-    margin: -0.2em -0.5em -0.2em -3.5em;
+    position: absolute;
+    margin: -0.25em -0.5em;
+    left: 1em;
     color: #777;
     font-size: 12px;
     width: 2em;
     text-align: center;
-    padding: 0.2em 0.5em;
+    padding: 0.25em 0.5em;
+    line-height: 1.5em;
 }
 
-.anchor:hover, .anchor:active {
+.anchor:hover, #book-text .anchor:active {
     color: #FFF;
     background-color: #CCC;
 }
 
-
 /* =================== */
 /* = Custom elements = */
 /* =================== */
 span.author {
-    font-size: 0.75em;
+    font-size: 0.5em;
     display: block;
     line-height: 1.5em;
     margin-bottom: 0.25em;
 }
 
 span.collection {
-    font-size: 0.75em;
+    font-size: 0.375em;
     display: block;
     line-height: 1.5em;
     margin-bottom: -0.25em;
 }
 
 span.subtitle {
-    font-size: 0.75em;
+    font-size: 0.5em;
     display: block;
     line-height: 1.5em;
     margin-top: -0.25em;
@@ -130,7 +235,7 @@ span.subtitle {
 
 div.didaskalia {
     font-style: italic;
-    margin: 0.5em 0 0;
+    margin: 0.5em 0 0 1.5em;
 }
 
 div.kwestia {
@@ -158,6 +263,7 @@ p.motto {
 
 p.motto_podpis {
     font-size: 0.875em;
+    text-align: right;
 }
 
 div.fragment {
@@ -196,10 +302,14 @@ p.place-and-time {
     font-style: italic;
 }
 
-em.math, em.foreign-word, em.book-title, em.didaskalia, em.author-emphasis {
+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;