Added importing localsettings.py from settings.py. It can override some settings.

[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..a5f791c 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;
     font-size: 16px;
     font: Georgia, "Times New Roman", serif;
     line-height: 1.5em;

-    margin: 3em;
-    max-width: 36em;
+    margin: 0;

 }
 
 a {
 }
 
 a {


@@ -11,6 +10,107 @@ a {
     text-decoration: none;
 }
 
     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 = */
 /* =================================================== */
 /* =================================================== */
 /* = Common elements: headings, paragraphs and lines = */
 /* =================================================== */


@@ -57,7 +157,9 @@ p {
     font-style: normal;
     font-weight: normal;
     font-size: 16px;
     font-style: normal;
     font-weight: normal;
     font-size: 16px;

-    position: absolute;
+    float: right;
+    margin-right: -9.5em;
+    clear: both;

     left: 40em;
     line-height: 1.5em;
     text-align: left;
     left: 40em;
     line-height: 1.5em;
     text-align: left;


@@ -82,47 +184,52 @@ p {
 
 #footnotes p {
     margin-left: 2.5em;
 
 #footnotes p {
     margin-left: 2.5em;

+    font-size: 0.875em;

 }
 
 }
 

+blockquote {
+    font-size: 0.875em;
+}

 
 /* ============= */
 /* = Numbering = */
 /* ============= */
 .anchor {
 
 /* ============= */
 /* = 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;
     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;
 }
 
     color: #FFF;
     background-color: #CCC;
 }
 

-

 /* =================== */
 /* = Custom elements = */
 /* =================== */
 span.author {
 /* =================== */
 /* = Custom elements = */
 /* =================== */
 span.author {

-    font-size: 0.75em;
+    font-size: 0.5em;

     display: block;
     line-height: 1.5em;
     margin-bottom: 0.25em;
 }
 
 span.collection {
     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 {
     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;
     display: block;
     line-height: 1.5em;
     margin-top: -0.25em;


@@ -130,7 +237,7 @@ span.subtitle {
 
 div.didaskalia {
     font-style: italic;
 
 div.didaskalia {
     font-style: italic;

-    margin: 0.5em 0 0;
+    margin: 0.5em 0 0 1.5em;

 }
 
 div.kwestia {
 }
 
 div.kwestia {


@@ -158,6 +265,7 @@ p.motto {
 
 p.motto_podpis {
     font-size: 0.875em;
 
 p.motto_podpis {
     font-size: 0.875em;

+    text-align: right;

 }
 
 div.fragment {
 }
 
 div.fragment {


@@ -196,10 +304,14 @@ p.place-and-time {
     font-style: italic;
 }
 
     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;
 }
 
     font-style: italic;
 }
 

+em.author-emphasis {
+    letter-spacing: 0.1em;
+}
+

 em.person {
     font-style: normal;
     font-variant: small-caps;
 em.person {
     font-style: normal;
     font-variant: small-caps;