X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/c7eba7256c19035609dddbd141dc92a9640f71d9..8132fc186eb0c5fd02c86828c3a4735754296d02:/redakcja/static/css/html.css diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index ffed30e0..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; } @@ -122,7 +121,7 @@ /* ============= */ .htmlview .anchor { position: relative; - margin: 0em; + margin: 0; left: -2.2em; color: #777; font-size: 12px; @@ -169,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; } @@ -193,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; @@ -244,6 +250,10 @@ not(.strofa) > *[x-verse]::after { font-style: italic; } +.htmlview div.ramka { + border: 1px darkgray solid; +} + .htmlview .nota_red { background-color: #eee; border: 1px solid #888; @@ -253,9 +263,9 @@ not(.strofa) > *[x-verse]::after { padding: 0 1em 1em 1em; } -.htmlview br.sekcja_swiatlo { - height: 3em; - /* visibility: hidden; */ +.htmlview hr.sekcja_swiatlo { + margin: 2em 0; + visibility: hidden; } .htmlview hr.separator_linia { @@ -270,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; @@ -292,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; @@ -410,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; @@ -432,9 +451,7 @@ div[x-node] > .uwaga { 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; @@ -497,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; @@ -583,7 +599,7 @@ div[x-node] > .uwaga { } .html-editarea { - border: 0px; + border: 0; background-color: gray; padding: 1px; z-index: 2000; @@ -593,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; @@ -604,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; } @@ -619,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; @@ -634,6 +649,10 @@ div[x-node] > .uwaga { border: 1px solid orange; } +.alien { + color: red; +} + /* specialChars */ #specialCharsContainer { text-align: center; @@ -651,8 +670,15 @@ div[x-node] > .uwaga { 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; +}