X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/254eb3eedcb10d4eafbaa502dfbc93287dbfe612..29ef20529bc67b9c1ecb09cd067c4481d252916f:/redakcja/static/css/html.css?ds=sidebyside diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index 83fab181..3b996814 100644 --- a/redakcja/static/css/html.css +++ b/redakcja/static/css/html.css @@ -4,8 +4,7 @@ font-size: 16px; font-family: "Georgia", "Times New Roman", serif; line-height: 1.5em; - padding: 3em; - padding-left: 45px; + padding: 3em 3em 3em 45px; overflow-y: scroll; overflow-x: auto; } @@ -37,7 +36,7 @@ -webkit-border-radius: 4px; } */ -.htmlview *[x-node = 'RDF'] { +.htmlview *[x-node = 'RDF'][x-ns = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#'] { display: none; } @@ -107,12 +106,22 @@ 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 = */ /* ============= */ .htmlview .anchor { position: relative; - margin: 0em; + margin: 0; left: -2.2em; color: #777; font-size: 12px; @@ -159,6 +168,10 @@ } /* wersy */ +.htmlview *[x-verse]:after { + content: "\feff"; +} + .htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] { margin-left: 1em; } @@ -183,9 +196,12 @@ margin-left: 6em; } +.htmlview .strofa .wers_do_prawej { + text-align: right; +} + /* błędne wersy */ -.htmlview *: -not(.strofa) > *[x-verse]::after { +.htmlview *:not(.strofa) > *[x-verse]::after { content: "Ten wers znajduje się poza strofą."; display: inline; background: red; @@ -234,9 +250,22 @@ not(.strofa) > *[x-verse]::after { font-style: italic; } -.htmlview br.sekcja_swiatlo { - height: 3em; - /* visibility: hidden; */ +.htmlview div.ramka { + border: 1px darkgray solid; +} + +.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 hr.sekcja_swiatlo { + margin: 2em 0; + visibility: hidden; } .htmlview hr.separator_linia { @@ -251,6 +280,10 @@ not(.strofa) > *[x-verse]::after { text-align: center; } +.htmlview p.sekcja_asterysk:after { + content: "*"; +} + .htmlview div.lista_osob ol { list-style: none; padding: 0 0 0 1.5em; @@ -273,6 +306,11 @@ not(.strofa) > *[x-verse]::after { font-variant: small-caps; } +.htmlview em.wieksze_odstepy { + font-style: normal; + word-spacing: 1em; +} + .htmlview .parse-warning { display: block; font-size: 10pt; @@ -391,7 +429,7 @@ div[x-node] > .uwaga { background-color: #ffcccc; } .htmlview .pe .annotation:hover { - background-color: #96e0e4;*/ + background-color: #96e0e4; } *.htmlview *.annotation-inline-box { position: static; @@ -407,16 +445,13 @@ div[x-node] > .uwaga { .htmlview .annotation-inline-box > span[x-annotation-box] { display: none; - position: absolute; width: 300px; font-size: 10pt; line-height: 12pt; font-weight: normal; font-style: normal; background: #fffe93; - border-color: black; - border-width: 1px; - border-style: solid; + border: 1px solid black; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; @@ -458,7 +493,7 @@ div[x-node] > .uwaga { position: relative; padding: 2px; margin-left: 0; - border: 1px solid #FFF; + border: 1px solid transparent; } /* focused editable element */ @@ -470,7 +505,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, .znak-button { position: absolute; top: -21px; left: -1px; @@ -479,7 +514,6 @@ div[x-node] > .uwaga { display: block; /* margin: 4px 0 2px 0;*/ padding: 5px 5px 2px 5px; - border: none; background-color: #FAFAFA; /* z-index: 3000;*/ /* color: #FFF; @@ -493,9 +527,31 @@ div[x-node] > .uwaga { left: 70px; } +.tytul-button { + left:150px; + width:100px; +} + +.wyroznienie-button { + left:250px; + width:100px; +} +.slowo-button { + left:350px; + width:100px; +} +.znak-button { + left:450px; + 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, +.znak-button:hover, .znak-button:active { /* color: #FFF;*/ background-color: #999; color: #FFF; @@ -543,7 +599,7 @@ div[x-node] > .uwaga { } .html-editarea { - border: 0px; + border: 0; background-color: gray; padding: 1px; z-index: 2000; @@ -553,8 +609,8 @@ div[x-node] > .uwaga { .html-editarea textarea { position: absolute; top: 0; - margin: 0px; - padding: 0px; + margin: 0; + padding: 0; width: 100%; height: 100%; z-index: 0; @@ -564,7 +620,7 @@ div[x-node] > .uwaga { .htmlview .out-of-flow-text { display: block; - font-face: monospace; + font-family: monospace; border: 2px solid red !important; white-space: pre-line; } @@ -579,8 +635,7 @@ div[x-node] > .uwaga { -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px 1em; - margin: 0em; - margin-left: 1em; + margin: 0 0 0 1em; text-align: justify; display: inline; float: right; @@ -594,23 +649,36 @@ div[x-node] > .uwaga { border: 1px solid orange; } +.alien { + color: red; +} + /* specialChars */ #specialCharsContainer { text-align: center; width: 600px; + height: 400px; padding:20px; background-color: gray; position: absolute; top: 20px; left: 20px; z-index:1000; + overflow:auto; } #specialCharsContainer a { color: white; font-weight: bold; } + #tableSpecialChars td input { background-color: transparent; border:0; color: white; } + +#tableSpecialChars td input.recentSymbol { + background-color: white; + border:0; + color: black; +}