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;
12 .htmlview[data-tag-names-visible] {
17 .htmlview[data-tag-names-visible] *[x-editable]:not(*[x-common])::before {
21 content: attr(x-node);
30 vertical-align: super;
31 background-color:#add8e6;
36 -webkit-border-radius: 4px;
39 .htmlview *[x-node = 'RDF'][x-ns = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#'] {
57 text-decoration: none;
61 text-decoration: none;
96 .htmlview #footnotes div {
100 .htmlview #footnotes p {
105 .htmlview blockquote {
110 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
111 white-space: pre-wrap; /* css-3 */
112 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
113 white-space: -pre-wrap; /* Opera 4-6 */
114 white-space: -o-pre-wrap; /* Opera 7 */ /*
116 word-wrap: break-word; /* Internet Explorer 5.5+ */
130 padding: 0.25em 0.7em;
134 .htmlview .anchor:hover, .htmlview .anchor:active {
136 background-color: #CCC;
139 /* =================== */
140 /* = Custom elements = */
141 /* =================== */
142 .htmlview .autor_utwor {
146 margin-bottom: 0.25em;
149 .htmlview .dzielo_nadrzedne {
153 .htmlview .podtytul {
157 .htmlview .didaskalia {
159 margin: 0.5em 0 0 1.5em;
167 margin: 1.5em 0 0.5em auto;
171 .htmlview *[x-verse]:after {
175 .htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] {
179 .htmlview .strofa .wers_wciety[data-wlf-typ='2'], .htmlview .strofa .wers_cd {
183 .htmlview .strofa .wers_wciety[data-wlf-typ='3'] {
187 .htmlview .strofa .wers_wciety[data-wlf-typ='4'] {
191 .htmlview .strofa .wers_wciety[data-wlf-typ='5'] {
195 .htmlview .strofa .wers_wciety[data-wlf-typ='6'] {
199 .htmlview .strofa .wers_do_prawej {
204 .htmlview *:not(.strofa) > *[x-verse]::after {
205 content: "Ten wers znajduje się poza strofą.";
209 border: 1px solid black;
210 -moz-border-radius: 10px;
211 -webkit-border-radius: 10px;
214 vertical-align: super;
217 .htmlview .kwestia .strofa {
221 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
226 .htmlview .motto_container {
227 display: inline-block;
237 .htmlview p.motto_podpis {
243 .htmlview div.fragment {
244 border-bottom: 0.1em solid #999;
245 padding-bottom: 1.5em;
248 .htmlview div.nota p, .htmlview div.dedykacja p {
253 .htmlview .nota_red {
254 background-color: #eee;
255 border: 1px solid #888;
256 -moz-border-radius: 10px;
257 -webkit-border-radius: 10px;
259 padding: 0 1em 1em 1em;
262 .htmlview hr.sekcja_swiatlo {
267 .htmlview hr.separator_linia {
270 border-bottom: 0.1em solid #000;
273 .htmlview p.sekcja_asterysk {
279 .htmlview p.sekcja_asterysk:after {
283 .htmlview div.lista_osob ol {
285 padding: 0 0 0 1.5em;
288 .htmlview p.miejsce_czas {
292 .htmlview .mat, .htmlview .slowo_obce, .htmlview .tytul_dziela, .htmlview .didaskalia {
296 .htmlview .wyroznienie {
297 letter-spacing: 0.1em;
302 font-variant: small-caps;
305 .htmlview em.wieksze_odstepy {
310 .htmlview .parse-warning {
317 .parse-warning .message {
324 background-color: #96e0e4;
325 border: 1px solid black;
326 -moz-border-radius: 10px;
327 -webkit-border-radius: 10px;
340 div[x-node] > .uwaga {
348 .htmlview .uwaga:hover {
352 .htmlview .annotation-inline-box .uwaga {
357 /* ======================== */
358 /* = Footnotes and themes = */
359 /* ======================== */
360 .htmlview .begin, .htmlview .end {
365 /* position: absolute; */
373 font-variant: normal;
375 text-transform: none;
376 text-decoration: none;
380 background-color: #fff;
381 /* border: 1px solid gray;
386 -moz-user-select: -moz-none;
387 -webkit-user-select: none;
398 .htmlview .noncanon {
402 .htmlview .motyw[x-editable] {
403 border-left: 4px solid #DDD;
404 padding: 0.2em 0.2em 0.2em 0.5em;
411 /* Znaczniki w tekście */
416 .htmlview .annotation:before {
417 content: "[" counter(main) "]";
418 counter-increment: main;
419 vertical-align: super;
420 text-decoration: none;
424 .htmlview .annotation:hover {
425 background-color: #ffcccc;
427 .htmlview .pe .annotation:hover {
428 background-color: #96e0e4;
430 *.htmlview *.annotation-inline-box {
438 .htmlview .annotation-inline-box:hover > span[x-annotation-box]{
442 .htmlview .annotation-inline-box > span[x-annotation-box] {
450 border: 1px solid black;
452 -moz-border-radius: 10px;
453 -webkit-border-radius: 10px;
455 text-decoration: none;
460 * Przypisy na końcu utworu (aktualnie nieuzywane)
462 .htmlview .annotations-block {
463 counter-reset: secondary;
466 .htmlview .annotations-block .annotation-body {
472 .htmlview .annotations-block .annotation-backref {
480 .htmlview .annotations-block .annotation-backref:before {
481 content: "[" counter(secondary) "]";
482 counter-increment: secondary;
488 .htmlview *[x-editable] {
492 border: 1px solid transparent;
495 /* focused editable element */
496 .htmlview *[x-editable]:hover {
500 .htmlview *[x-editable][x-open] {
504 .edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
511 /* margin: 4px 0 2px 0;*/
512 padding: 5px 5px 2px 5px;
513 background-color: #FAFAFA;
518 border: 1px solid #DDD;
531 .wyroznienie-button {
544 .edit-button:hover, .edit-button:active,
545 .delete-button:hover, .delete-button:active,
546 .accept-button:hover, .accept-button:active,
547 .tytul-button:hover, .tytul-button:active,
548 .wyroznienie-button:hover, .wyroznienie-button:active,
549 .slowo-button:hover, .slowo-button:active,
550 .znak-button:hover, .znak-button:active {
552 background-color: #999;
564 .default-menu:hover {
569 .htmlview *[x-annotation-box] > .default-menu {
573 .htmlview *[x-editable][x-open] > .default-menu {
577 .htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
581 .htmlview *[x-editable] > .edit-menu {
585 .htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
589 .htmlview *[x-editable][x-open] > .edit-menu {
593 .htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
599 background-color: gray;
605 .html-editarea textarea {
614 /* background-color: ivory;*/
617 .htmlview .out-of-flow-text {
619 font-family: monospace;
620 border: 2px solid red !important;
621 white-space: pre-line;
624 .htmlview .out-of-flow-text::before {
625 content: "Tekst w tej ramce nie jest otagowany!";
626 background-color: #ff6c6c;
630 border: 1px solid black;
631 -moz-border-radius: 10px;
632 -webkit-border-radius: 10px;
642 background-color: yellow;
645 border: 1px solid orange;
653 #specialCharsContainer {
658 background-color: gray;
665 #specialCharsContainer a {
670 #tableSpecialChars td input {
671 background-color: transparent;
676 #tableSpecialChars td input.recentSymbol {
677 background-color: white;