X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/af71d33bb9efc38b271206c40b11e5ed8d6b62f9..8f0bfbd922b46c4d9e484343694aaa141de5b4fc:/redakcja/static/css/html.css diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index 501d5230..d156aabe 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 = */ /* ============= */ @@ -354,6 +364,11 @@ div[x-node] > .uwaga { user-select: none; margin-right: -12em; text-align: left; + color: #999; +} + +.htmlview .canon { + color: black; } .htmlview .noncanon { @@ -395,9 +410,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; @@ -415,12 +434,6 @@ div[x-node] > .uwaga { z-index: 600; } -/* annotation editing shouldn't interfere with gallery */ -#html-view span.annotation-inline-box { - position:absolute; - left:0px; -} - /* * Przypisy na końcu utworu (aktualnie nieuzywane) */ @@ -466,12 +479,12 @@ 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; width: 72px; - height: 21px; + height: 28px; display: block; /* margin: 4px 0 2px 0;*/ padding: 5px 5px 2px 5px; @@ -489,9 +502,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;