1 /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */
3 counter-reset: main aktywnosc;
5 font-family: "Georgia", "Times New Roman", serif;
13 .htmlview[data-tag-names-visible] {
18 .htmlview[data-tag-names-visible] *[x-editable]:not(*[x-common])::before {
22 content: attr(x-node);
31 vertical-align: super;
32 background-color:#add8e6;
37 -webkit-border-radius: 4px;
40 .htmlview *[x-node = 'RDF'][x-ns = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#'] {
58 text-decoration: none;
62 text-decoration: none;
97 .htmlview #footnotes div {
101 .htmlview #footnotes p {
106 .htmlview blockquote {
111 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
112 white-space: pre-wrap; /* css-3 */
113 white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
114 white-space: -pre-wrap; /* Opera 4-6 */
115 white-space: -o-pre-wrap; /* Opera 7 */ /*
117 word-wrap: break-word; /* Internet Explorer 5.5+ */
131 padding: 0.25em 0.7em;
135 .htmlview .anchor:hover, .htmlview .anchor:active {
137 background-color: #CCC;
140 /* =================== */
141 /* = Custom elements = */
142 /* =================== */
143 .htmlview .autor_utwor {
147 margin-bottom: 0.25em;
150 .htmlview .dzielo_nadrzedne {
154 .htmlview .podtytul {
158 .htmlview .didaskalia {
160 margin: 0.5em 0 0 1.5em;
168 margin: 1.5em 0 0.5em auto;
172 .htmlview *[x-verse]:after {
176 .htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] {
180 .htmlview .strofa .wers_wciety[data-wlf-typ='2'], .htmlview .strofa .wers_cd {
184 .htmlview .strofa .wers_wciety[data-wlf-typ='3'] {
188 .htmlview .strofa .wers_wciety[data-wlf-typ='4'] {
192 .htmlview .strofa .wers_wciety[data-wlf-typ='5'] {
196 .htmlview .strofa .wers_wciety[data-wlf-typ='6'] {
201 .htmlview *:not(.strofa) > *[x-verse]::after {
202 content: "Ten wers znajduje się poza strofą.";
206 border: 1px solid black;
207 -moz-border-radius: 10px;
208 -webkit-border-radius: 10px;
211 vertical-align: super;
214 .htmlview .kwestia .strofa {
218 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
223 .htmlview .motto_container {
224 display: inline-block;
234 .htmlview p.motto_podpis {
240 .htmlview div.fragment {
241 border-bottom: 0.1em solid #999;
242 padding-bottom: 1.5em;
245 .htmlview div.nota p, .htmlview div.dedykacja p {
250 .htmlview .nota_red {
251 background-color: #eee;
252 border: 1px solid #888;
253 -moz-border-radius: 10px;
254 -webkit-border-radius: 10px;
256 padding: 0 1em 1em 1em;
259 .htmlview hr.sekcja_swiatlo {
264 .htmlview hr.separator_linia {
267 border-bottom: 0.1em solid #000;
270 .htmlview p.sekcja_asterysk {
276 .htmlview p.sekcja_asterysk:after {
280 .htmlview div.lista_osob ol {
282 padding: 0 0 0 1.5em;
285 .htmlview p.miejsce_czas {
289 .htmlview .mat, .htmlview .slowo_obce, .htmlview .tytul_dziela, .htmlview .didaskalia {
293 .htmlview .wyroznienie {
294 letter-spacing: 0.1em;
299 font-variant: small-caps;
302 .htmlview .parse-warning {
309 .parse-warning .message {
316 background-color: #96e0e4;
317 border: 1px solid black;
318 -moz-border-radius: 10px;
319 -webkit-border-radius: 10px;
332 div[x-node] > .uwaga {
340 .htmlview .uwaga:hover {
344 .htmlview .annotation-inline-box .uwaga {
349 /* ======================== */
350 /* = Footnotes and themes = */
351 /* ======================== */
352 .htmlview .begin, .htmlview .end {
357 /* position: absolute; */
365 font-variant: normal;
367 text-transform: none;
368 text-decoration: none;
372 background-color: #fff;
373 /* border: 1px solid gray;
378 -moz-user-select: -moz-none;
379 -webkit-user-select: none;
390 .htmlview .noncanon {
394 .htmlview .motyw[x-editable] {
395 border-left: 4px solid #DDD;
396 padding: 0.2em 0.2em 0.2em 0.5em;
403 /* Znaczniki w tekście */
408 .htmlview .annotation:before {
409 content: "[" counter(main) "]";
410 counter-increment: main;
411 vertical-align: super;
412 text-decoration: none;
416 .htmlview .annotation:hover {
417 background-color: #ffcccc;
419 .htmlview .pe .annotation:hover {
420 background-color: #96e0e4;
422 *.htmlview *.annotation-inline-box {
430 .htmlview .annotation-inline-box:hover > span[x-annotation-box]{
434 .htmlview .annotation-inline-box > span[x-annotation-box] {
446 -moz-border-radius: 10px;
447 -webkit-border-radius: 10px;
449 text-decoration: none;
454 * Przypisy na końcu utworu (aktualnie nieuzywane)
456 .htmlview .annotations-block {
457 counter-reset: secondary;
460 .htmlview .annotations-block .annotation-body {
466 .htmlview .annotations-block .annotation-backref {
474 .htmlview .annotations-block .annotation-backref:before {
475 content: "[" counter(secondary) "]";
476 counter-increment: secondary;
482 .htmlview *[x-editable] {
486 border: 1px solid transparent;
489 /* focused editable element */
490 .htmlview *[x-editable]:hover {
494 .htmlview *[x-editable][x-open] {
498 .edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
505 /* margin: 4px 0 2px 0;*/
506 padding: 5px 5px 2px 5px;
508 background-color: #FAFAFA;
513 border: 1px solid #DDD;
526 .wyroznienie-button {
539 .edit-button:hover, .edit-button:active,
540 .delete-button:hover, .delete-button:active,
541 .accept-button:hover, .accept-button:active,
542 .tytul-button:hover, .tytul-button:active,
543 .wyroznienie-button:hover, .wyroznienie-button:active,
544 .slowo-button:hover, .slowo-button:active,
545 .znak-button:hover, .znak-button:active {
547 background-color: #999;
559 .default-menu:hover {
564 .htmlview *[x-annotation-box] > .default-menu {
568 .htmlview *[x-editable][x-open] > .default-menu {
572 .htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
576 .htmlview *[x-editable] > .edit-menu {
580 .htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
584 .htmlview *[x-editable][x-open] > .edit-menu {
588 .htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
594 background-color: gray;
600 .html-editarea textarea {
606 min-width: 600px; /* for editing narrow elements */
610 /* background-color: ivory;*/
613 .htmlview .out-of-flow-text {
615 font-face: monospace;
616 border: 2px solid red !important;
617 white-space: pre-line;
620 .htmlview .out-of-flow-text::before {
621 content: "Tekst w tej ramce nie jest otagowany!";
622 background-color: #ff6c6c;
626 border: 1px solid black;
627 -moz-border-radius: 10px;
628 -webkit-border-radius: 10px;
639 background-color: yellow;
642 border: 1px solid orange;
650 #specialCharsContainer {
655 background-color: gray;
662 #specialCharsContainer a {
667 #tableSpecialChars td input {
668 background-color: transparent;
673 #tableSpecialChars td input.recentSymbol {
674 background-color: white;
680 .htmlview .lista[data-wlf-typ="alfa"]
682 list-style-type: lower-alpha;
685 .htmlview .lista[data-wlf-typ="slowniczek"]
687 list-style-type: none;
690 .htmlview span.punkt {
692 list-style-position: inside;
695 .htmlview span.aktywnosc span.opis {
698 .htmlview span.aktywnosc span.opis p:before {
699 content: counter(aktywnosc) ". ";
700 counter-increment: aktywnosc;
704 .htmlview span.aktywnosc span.wskazowki {
709 .htmlview .pomoce, .htmlview .czas, .htmlview .forma {
712 .htmlview .pomoce:before { content: "Pomoce: "; }
713 .htmlview .czas:before { content: "Czas: "; }
714 .htmlview .czas:after { content: " min"; }
715 .htmlview .forma:before { content: "Forma: "; }
717 .htmlview .aktywnosc {
721 .htmlview .definiendum {
726 .htmlview .definiens {
748 .htmlview .kol span {
752 .htmlview img.obraz {
756 .htmlview span.luka {
758 text-decoration: underline;