1 /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */
5 font-family: "Georgia", "Times New Roman", serif;
7 padding: 3em 3em 3em 45px;
13 display: inline-block;
31 .htmlview[data-tag-names-visible] {
35 .htmlview *[x-node = 'RDF'][x-ns = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#'] {
53 // where is it used, if any?
56 text-decoration: none;
60 text-decoration: none;
69 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
70 white-space: pre-wrap; /* css-3 */
71 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
72 white-space: -pre-wrap; /* Opera 4-6 */
73 white-space: -o-pre-wrap; /* Opera 7 */ /*
75 word-wrap: break-word; /* Internet Explorer 5.5+ */
89 padding: 0.25em 0.7em;
93 .htmlview .anchor:hover, .htmlview .anchor:active {
95 background-color: #CCC;
98 /* =================== */
99 /* = Custom elements = */
100 /* =================== */
103 margin: 1.5em 0 0.5em auto;
107 .htmlview *[x-verse]:after {
111 .htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[x-a-wl-typ='1'] {
115 .htmlview .strofa .wers_wciety[x-a-wl-typ='2'], .htmlview .strofa .wers_cd {
119 .htmlview .strofa .wers_wciety[x-a-wl-typ='3'] {
123 .htmlview .strofa .wers_wciety[x-a-wl-typ='4'] {
127 .htmlview .strofa .wers_wciety[x-a-wl-typ='5'] {
131 .htmlview .strofa .wers_wciety[x-a-wl-typ='6'] {
136 .htmlview *:not([x-node='strofa']) > *[x-verse]::after {
137 content: "Ten wers znajduje się poza strofą.";
141 border: 1px solid black;
142 -moz-border-radius: 10px;
143 -webkit-border-radius: 10px;
146 vertical-align: super;
149 .htmlview .kwestia .strofa {
154 .htmlview div.ramka {
155 border: 1px darkgray solid;
159 .htmlview hr.sekcja_asterysk {
166 .htmlview div.lista_osob ol {
168 padding: 0 0 0 1.5em;
171 .htmlview .ilustr img {
175 .htmlview .parse-warning {
182 .parse-warning .message {
189 background-color: #96e0e4;
190 border: 1px solid black;
191 -moz-border-radius: 10px;
192 -webkit-border-radius: 10px;
204 div[x-node] > .uwaga {
210 border: 1px solid black;
213 .htmlview .uwaga:hover {
217 .htmlview .annotation-inline-box .uwaga {
222 /* ======================== */
223 /* = Footnotes and themes = */
224 /* ======================== */
225 .htmlview .begin, .htmlview .end {
229 .htmlview [x-node='motyw'] {
230 /* position: absolute; */
238 font-variant: normal;
240 text-transform: none;
241 text-decoration: none;
245 background-color: #fff;
246 /* border: 1px solid gray;
251 -moz-user-select: -moz-none;
252 -webkit-user-select: none;
263 .htmlview .noncanon {
267 .htmlview .motyw[x-editable] {
268 border-left: 4px solid #DDD;
269 padding: 0.2em 0.2em 0.2em 0.5em;
276 /* Znaczniki w tekście */
281 .htmlview .annotation:before {
282 content: "[" counter(main) "]";
283 counter-increment: main;
284 vertical-align: super;
285 text-decoration: none;
289 .htmlview .annotation:hover {
290 background-color: #ffcccc;
292 .htmlview .pe .annotation:hover {
293 background-color: #96e0e4;
295 *.htmlview *.annotation-inline-box {
303 .htmlview .annotation-inline-box {
304 &:hover > span[x-annotation-box] {
308 > span[x-annotation-box] {
316 border: 1px solid black;
318 -moz-border-radius: 10px;
319 -webkit-border-radius: 10px;
321 text-decoration: none;
339 .htmlview *[x-editable] {
343 border: 1px solid transparent;
346 /* focused editable element */
347 .htmlview *[x-editable]:hover {
351 .htmlview *[x-editable][x-open] {
355 .active-block-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
356 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
365 /* margin: 4px 0 2px 0;*/
366 padding: 5px 5px 2px 5px;
367 background-color: #FAFAFA;
372 border: 1px solid #DDD;
385 .wyroznienie-button {
402 .active-block-button:hover, .active-block-button:active,
403 .delete-button:hover, .delete-button:active,
404 .accept-button:hover, .accept-button:active,
405 .tytul-button:hover, .tytul-button:active,
406 .wyroznienie-button:hover, .wyroznienie-button:active,
407 .slowo-button:hover, .slowo-button:active,
408 .znak-button:hover, .znak-button:active {
410 background-color: #999;
422 .default-menu:hover {
427 .htmlview *[x-annotation-box] > .default-menu {
431 .htmlview *[x-editable][x-open] > .default-menu {
435 .htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
439 .htmlview *[x-editable] > .edit-menu {
443 .htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
447 .htmlview *[x-editable][x-open] > .edit-menu {
451 .htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
457 background-color: gray;
464 .html-editarea textarea {
473 font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
475 /* background-color: ivory;*/
478 .htmlview .out-of-flow-text {
480 font-family: monospace;
481 border: 2px solid red !important;
482 white-space: pre-line;
485 .htmlview .out-of-flow-text::before {
486 content: "Tekst w tej ramce nie jest otagowany!";
487 background-color: #ff6c6c;
491 border: 1px solid black;
492 -moz-border-radius: 10px;
493 -webkit-border-radius: 10px;
503 background-color: yellow;
506 border: 1px solid orange;
514 #specialCharsContainer {
519 background-color: gray;
526 #specialCharsContainer a {
531 #tableSpecialChars td input {
532 background-color: transparent;
537 #tableSpecialChars td input.recentSymbol {
538 background-color: white;
546 border: 3px solid transparent;