X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/594998281db97c722685e9e8ed5759d4e5b2ded0..5ef8e304790026b27417d8ff3c76c18858ba708f:/redakcja/static/css/html.css diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index 971e4b85..cc53e223 100644 --- a/redakcja/static/css/html.css +++ b/redakcja/static/css/html.css @@ -107,6 +107,16 @@ font-size: 0.875em; } +.htmlview pre { + overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */ + white-space: pre-wrap; /* css-3 */ + white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ + white-space: -pre-wrap; /* Opera 4-6 */ + white-space: -o-pre-wrap; /* Opera 7 */ /* + width: 99%; */ + word-wrap: break-word; /* Internet Explorer 5.5+ */ +} + /* ============= */ /* = Numbering = */ /* ============= */ @@ -234,6 +244,15 @@ not(.strofa) > *[x-verse]::after { font-style: italic; } +.htmlview .nota_red { + background-color: #eee; + border: 1px solid #888; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + display: block; + padding: 0 1em 1em 1em; +} + .htmlview br.sekcja_swiatlo { height: 3em; /* visibility: hidden; */ @@ -400,9 +419,13 @@ div[x-node] > .uwaga { /* * Przypisy w tekście */ + +.htmlview .annotation-inline-box:hover > span[x-annotation-box]{ + display: block; +} + .htmlview .annotation-inline-box > span[x-annotation-box] { display: none; - position: absolute; width: 300px; font-size: 10pt; line-height: 12pt; @@ -453,7 +476,7 @@ div[x-node] > .uwaga { position: relative; padding: 2px; margin-left: 0; - border: 1px solid #FFF; + border: 1px solid transparent; } /* focused editable element */ @@ -465,7 +488,7 @@ div[x-node] > .uwaga { visibility: hidden; } -.edit-button, .delete-button, .accept-button { +.edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button { position: absolute; top: -21px; left: -1px; @@ -488,9 +511,26 @@ div[x-node] > .uwaga { left: 70px; } +.tytul-button { + left:200px; + width:100px; +} + +.wyroznienie-button { + left:300px; + width:100px; +} +.slowo-button { + left: 400px; + width:100px; +} + .edit-button:hover, .edit-button:active, .delete-button:hover, .delete-button:active, -.accept-button:hover, .accept-button:active { +.accept-button:hover, .accept-button:active, +.tytul-button:hover, .tytul-button:active, +.wyroznienie-button:hover, .wyroznienie-button:active, +.slowo-button:hover, .slowo-button:active { /* color: #FFF;*/ background-color: #999; color: #FFF;