Book tree - UI fix.

[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 b0d3542..aac5d58 100644 (file)
--- a/wolnelektury/static/css/master.book.css
+++ b/wolnelektury/static/css/master.book.css
@@ -36,6 +36,7 @@ img {
     background: #333;
     color: #FFF;
     opacity: 0.9;
     background: #333;
     color: #FFF;
     opacity: 0.9;

+    z-index: 99;

 }
 
 #menu ul {
 }
 
 #menu ul {


@@ -63,6 +64,21 @@ img {
     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 {
     position: fixed;
 
 #toc, #themes {
     position: fixed;


@@ -78,6 +94,7 @@ img {
     overflow-x: hidden;
     overflow-y: auto;
     opacity: 0.9;
     overflow-x: hidden;
     overflow-y: auto;
     opacity: 0.9;

+    z-index: 99;

 }
 
 #toc ol, #themes ol {
 }
 
 #toc ol, #themes ol {


@@ -154,11 +171,18 @@ p {
     color: #777;
     padding: 0 0.5em;
     width: 7.5em;
     color: #777;
     padding: 0 0.5em;
     width: 7.5em;

+

     font-style: normal;
     font-weight: normal;
     font-style: normal;
     font-weight: normal;

+    font-variant: normal;
+    letter-spacing: 0;
+    text-transform: none;
+    text-decoration: none;
+

     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;


@@ -169,6 +193,9 @@ p {
     font-style: normal;
     font-weight: normal;
     font-size: 12px;
     font-style: normal;
     font-weight: normal;
     font-size: 12px;

+    padding-left: 2px;
+    position: relative;
+    top: -4px;

 }
 
 #footnotes .annotation {
 }
 
 #footnotes .annotation {


@@ -194,10 +221,13 @@ blockquote {
 /* ============= */
 /* = Numbering = */
 /* ============= */
 /* ============= */
 /* = Numbering = */
 /* ============= */

+.verse, .paragraph {
+       position:relative;
+}

 .anchor {
     position: absolute;
     margin: -0.25em -0.5em;
 .anchor {
     position: absolute;
     margin: -0.25em -0.5em;

-    left: 1em;
+    left: -3em;

     color: #777;
     font-size: 12px;
     width: 2em;
     color: #777;
     font-size: 12px;
     width: 2em;


@@ -317,3 +347,11 @@ em.person {
     font-variant: small-caps;
 }
 
     font-variant: small-caps;
 }
 

+
+/* =================================== */
+/* = Hide some elements for printing = */
+/* =================================== */
+
+@media print {
+    #menu {display: none;}
+}