Merge branch 'master' of github.com:fnp/wolnelektury

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

diff --git a/wolnelektury/static/css/master.book.css b/wolnelektury/static/css/master.book.css
index 04b991c..be54927 100644 (file)
--- a/wolnelektury/static/css/master.book.css
+++ b/wolnelektury/static/css/master.book.css
@@ -26,6 +26,12 @@ img {
     border: none;
 }
 
     border: none;
 }
 

+#logo {
+    font-size: 1.5em;
+}
+#logo a {
+    color: black;
+}

 
 #menu {
     position: fixed;
 
 #menu {
     position: fixed;


@@ -36,6 +42,7 @@ img {
     background: #333;
     color: #FFF;
     opacity: 0.9;
     background: #333;
     color: #FFF;
     opacity: 0.9;

+    z-index: 99;

 }
 
 #menu ul {
 }
 
 #menu ul {


@@ -47,24 +54,42 @@ img {
 #menu li a {
     display: block;
     float: left;
 #menu li a {
     display: block;
     float: left;

-    width: 7.5em;

     height: 1.5em;
     margin-left: 0.5em;
     text-align: center;
     color: #FFF;
     height: 1.5em;
     margin-left: 0.5em;
     text-align: center;
     color: #FFF;

+    padding: 0 1em;
+}
+#menu li a.menu {
+    padding-right: 1.5em;

 }
 
 }
 

-#menu li a:hover, #menu li a:active {
+#menu li a.menu:hover, #menu li a.menu:active {

     color: #000;
     background: #FFF url(/static/img/arrow-down.png) no-repeat center right;
 }
 
     color: #000;
     background: #FFF url(/static/img/arrow-down.png) no-repeat center right;
 }
 

-#menu li a.selected {
+#menu li a.menu.selected {

     color: #000;
     background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
 }
     color: #000;
     background: #FFF url(/static/img/arrow-up.png) no-repeat center right;
 }

+#menu a.menu-link {
+    display: block;
+    float: left;
+    height: 1.5em;
+    margin-left: 0.5em;
+    text-align: center;
+    color: #FFF;
+}
+#menu span {
+    color: #888;
+    font-style: italic;
+    font-size: .75em;
+    margin-right: 0.5em;
+}

 
 

-#toc, #themes {
+
+#toc, #themes, #nota_red, #info {

     position: fixed;
     left: 0em;
     top: 1.5em;
     position: fixed;
     left: 0em;
     top: 1.5em;


@@ -80,6 +105,22 @@ img {
     opacity: 0.9;
     z-index: 99;
 }
     opacity: 0.9;
     z-index: 99;
 }

+#download {
+    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: 10em;
+    overflow-x: hidden;
+    overflow-y: auto;
+    opacity: 0.9;
+    z-index: 99;
+}

 
 #toc ol, #themes ol {
     list-style: none;
 
 #toc ol, #themes ol {
     list-style: none;


@@ -112,6 +153,11 @@ img {
     position: inherit;
 }
 
     position: inherit;
 }
 

+#info p {
+    text-align: justify;
+    margin: 1.5em 0 0;
+}
+

 /* =================================================== */
 /* = Common elements: headings, paragraphs and lines = */
 /* =================================================== */
 /* =================================================== */
 /* = Common elements: headings, paragraphs and lines = */
 /* =================================================== */


@@ -166,6 +212,7 @@ p {
     font-size: 16px;
     float: right;
     margin-right: -9.5em;
     font-size: 16px;
     float: right;
     margin-right: -9.5em;

+    margin-bottom: 0.5em;

     clear: both;
     left: 40em;
     line-height: 1.5em;
     clear: both;
     left: 40em;
     line-height: 1.5em;


@@ -181,6 +228,10 @@ p {
     top: -4px;
 }
 
     top: -4px;
 }
 

+#footnotes {
+    margin-top: 3em;
+}
+

 #footnotes .annotation {
     display: block;
     float: left;
 #footnotes .annotation {
     display: block;
     float: left;


@@ -192,11 +243,15 @@ p {
     margin: 1.5em 0 0 0;
 }
 
     margin: 1.5em 0 0 0;
 }
 

-#footnotes p {
+#footnotes p, #footnotes ul {

     margin-left: 2.5em;
     font-size: 0.875em;
 }
 
     margin-left: 2.5em;
     font-size: 0.875em;
 }
 

+#footnotes .permalink {
+    font-size: .75em;
+}
+

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


@@ -205,7 +260,7 @@ blockquote {
 /* = Numbering = */
 /* ============= */
 .verse, .paragraph {
 /* = Numbering = */
 /* ============= */
 .verse, .paragraph {

-       position:relative;
+    position:relative;

 }
 .anchor {
     position: absolute;
 }
 .anchor {
     position: absolute;


@@ -248,6 +303,13 @@ span.subtitle {
     margin-top: -0.25em;
 }
 
     margin-top: -0.25em;
 }
 

+span.translator {
+    font-size: 0.375em;
+    display: block;
+    line-height: 1.5em;
+    margin-top: 0.25em;
+}
+

 div.didaskalia {
     font-style: italic;
     margin: 0.5em 0 0 1.5em;
 div.didaskalia {
     font-style: italic;
     margin: 0.5em 0 0 1.5em;


@@ -330,6 +392,10 @@ em.person {
     font-variant: small-caps;
 }
 
     font-variant: small-caps;
 }
 

+.verse:after {
+    content: "\feff";
+}
+

 
 /* =================================== */
 /* = Hide some elements for printing = */
 
 /* =================================== */
 /* = Hide some elements for printing = */