* Better "motto" display.

[redakcja.git] / platforma / static / css / html.css

diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css
index ba0f853..bd710a8 100644 (file)
--- a/platforma/static/css/html.css
+++ b/platforma/static/css/html.css
@@ -159,33 +159,27 @@
 }
 
 /* wersy */
-.htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ =
-'1'] {
+.htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] {
     margin-left: 1em;
 }
 
-.htmlview .strofa .wers_wciety[data-wlf-typ =
-'2'] {
+.htmlview .strofa .wers_wciety[data-wlf-typ='2'], .htmlview .strofa .wers_cd {
     margin-left: 2em;
 }
 
-.htmlview .strofa .wers_wciety[data-wlf-typ =
-'3'] {
+.htmlview .strofa .wers_wciety[data-wlf-typ='3'] {
     margin-left: 3em;
 }
 
-.htmlview .strofa .wers_wciety[data-wlf-typ =
-'4'] {
+.htmlview .strofa .wers_wciety[data-wlf-typ='4'] {
     margin-left: 4em;
 }
 
-.htmlview .strofa .wers_wciety[data-wlf-typ =
-'5'] {
+.htmlview .strofa .wers_wciety[data-wlf-typ='5'] {
     margin-left: 5em;
 }
 
-.htmlview .strofa .wers_wciety[data-wlf-typ =
-'6'] {
+.htmlview .strofa .wers_wciety[data-wlf-typ='6'] {
     margin-left: 6em;
 }
 
@@ -213,15 +207,21 @@ not(.strofa) > *[x-verse]::after {
     margin: 1.5em 0 0;
 }
 
+.htmlview .motto_container {
+       display: inline-block;
+       margin: 1.5em 0 0;
+       clear: right;   
+}
+
 .htmlview .motto {
     text-align: justify;
-    font-style: italic;
-    margin: 1.5em 0 0;
+    font-style: italic;    
 }
 
 .htmlview p.motto_podpis {
-    font-size: 0.875em;
-    text-align: right;
+       position: relative;
+       right: -3em;
+       text-align: right;      
 }
 
 .htmlview div.fragment {
@@ -300,9 +300,10 @@ not(.strofa) > *[x-verse]::after {
     max-height: 24pt;
     margin-left: 0.5em;
     overflow: hidden;
+       z-index: 500;
 }
 
-.utwor > .uwaga {
+div[x-node] > .uwaga {
     float: none;
     padding: 0.5em 1em;
     margin: 1em;
@@ -314,6 +315,10 @@ not(.strofa) > *[x-verse]::after {
     max-height: 100%;
 }
 
+.htmlview .annotation-inline-box .uwaga {
+    max-height: 100%;
+}
+
 /* Motywy */
 /* ======================== */
 /* = Footnotes and themes = */
@@ -356,15 +361,12 @@ not(.strofa) > *[x-verse]::after {
  * Przypisy
  */
 /* Znaczniki w tekście */
-.htmlview .annotation {
-    vertical-align: super;
-    text-decoration: none;
-    /*    font-size: 10px;    */
-}
-
 .htmlview .annotation:before {
     content: "[" counter(main) "]";
     counter-increment: main;
+       vertical-align: super;
+    text-decoration: none;
+       font-size: 66%;
 }
 
 .htmlview .annotation:hover {
@@ -394,7 +396,7 @@ not(.strofa) > *[x-verse]::after {
     -webkit-border-radius: 10px;
     padding: 3px 5px;
     text-decoration: none;
-    z-index: 1000;
+    z-index: 600;
 }
 
 /*
@@ -465,7 +467,9 @@ not(.strofa) > *[x-verse]::after {
     left: 70px;
 }
 
-.edit-button:hover, .edit-button:active, .delete-button:hover, .delete-button:active, .accept-button:hover, .accept-button:active {
+.edit-button:hover, .edit-button:active, 
+.delete-button:hover, .delete-button:active, 
+.accept-button:hover, .accept-button:active {
     /*    color: #FFF;*/
     background-color: #999;
     color: #FFF;
@@ -562,4 +566,4 @@ not(.strofa) > *[x-verse]::after {
     margin: -0.25em;
     padding: 0.25em;
     border: 1px solid orange;
-}
+}
\ No newline at end of file