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 div.ramka {
251 border: 1px darkgray solid;
254 .htmlview .nota_red {
255 background-color: #eee;
256 border: 1px solid #888;
257 -moz-border-radius: 10px;
258 -webkit-border-radius: 10px;
260 padding: 0 1em 1em 1em;
263 .htmlview hr.sekcja_swiatlo {
268 .htmlview hr.separator_linia {
271 border-bottom: 0.1em solid #000;
274 .htmlview p.sekcja_asterysk {
280 .htmlview p.sekcja_asterysk:after {
284 .htmlview div.lista_osob ol {
286 padding: 0 0 0 1.5em;
289 .htmlview p.miejsce_czas {
293 .htmlview .mat, .htmlview .slowo_obce, .htmlview .tytul_dziela, .htmlview .didaskalia {
297 .htmlview .wyroznienie {
298 letter-spacing: 0.1em;
303 font-variant: small-caps;
306 .htmlview .parse-warning {
313 .parse-warning .message {
320 background-color: #96e0e4;
321 border: 1px solid black;
322 -moz-border-radius: 10px;
323 -webkit-border-radius: 10px;
336 div[x-node] > .uwaga {
344 .htmlview .uwaga:hover {
348 .htmlview .annotation-inline-box .uwaga {
353 /* ======================== */
354 /* = Footnotes and themes = */
355 /* ======================== */
356 .htmlview .begin, .htmlview .end {
361 /* position: absolute; */
369 font-variant: normal;
371 text-transform: none;
372 text-decoration: none;
376 background-color: #fff;
377 /* border: 1px solid gray;
382 -moz-user-select: -moz-none;
383 -webkit-user-select: none;
394 .htmlview .noncanon {
398 .htmlview .motyw[x-editable] {
399 border-left: 4px solid #DDD;
400 padding: 0.2em 0.2em 0.2em 0.5em;
407 /* Znaczniki w tekście */
412 .htmlview .annotation:before {
413 content: "[" counter(main) "]";
414 counter-increment: main;
415 vertical-align: super;
416 text-decoration: none;
420 .htmlview .annotation:hover {
421 background-color: #ffcccc;
423 .htmlview .pe .annotation:hover {
424 background-color: #96e0e4;
426 *.htmlview *.annotation-inline-box {
434 .htmlview .annotation-inline-box:hover > span[x-annotation-box]{
438 .htmlview .annotation-inline-box > span[x-annotation-box] {
450 -moz-border-radius: 10px;
451 -webkit-border-radius: 10px;
453 text-decoration: none;
458 * Przypisy na końcu utworu (aktualnie nieuzywane)
460 .htmlview .annotations-block {
461 counter-reset: secondary;
464 .htmlview .annotations-block .annotation-body {
470 .htmlview .annotations-block .annotation-backref {
478 .htmlview .annotations-block .annotation-backref:before {
479 content: "[" counter(secondary) "]";
480 counter-increment: secondary;
486 .htmlview *[x-editable] {
490 border: 1px solid transparent;
493 /* focused editable element */
494 .htmlview *[x-editable]:hover {
498 .htmlview *[x-editable][x-open] {
502 .edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
509 /* margin: 4px 0 2px 0;*/
510 padding: 5px 5px 2px 5px;
512 background-color: #FAFAFA;
517 border: 1px solid #DDD;
530 .wyroznienie-button {
543 .edit-button:hover, .edit-button:active,
544 .delete-button:hover, .delete-button:active,
545 .accept-button:hover, .accept-button:active,
546 .tytul-button:hover, .tytul-button:active,
547 .wyroznienie-button:hover, .wyroznienie-button:active,
548 .slowo-button:hover, .slowo-button:active,
549 .znak-button:hover, .znak-button:active {
551 background-color: #999;
563 .default-menu:hover {
568 .htmlview *[x-annotation-box] > .default-menu {
572 .htmlview *[x-editable][x-open] > .default-menu {
576 .htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
580 .htmlview *[x-editable] > .edit-menu {
584 .htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
588 .htmlview *[x-editable][x-open] > .edit-menu {
592 .htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
598 background-color: gray;
604 .html-editarea textarea {
610 min-width: 600px; /* for editing narrow elements */
614 /* background-color: ivory;*/
617 .htmlview .out-of-flow-text {
619 font-face: 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;
643 background-color: yellow;
646 border: 1px solid orange;
654 #specialCharsContainer {
659 background-color: gray;
666 #specialCharsContainer a {
671 #tableSpecialChars td input {
672 background-color: transparent;
677 #tableSpecialChars td input.recentSymbol {
678 background-color: white;
684 .htmlview .lista[data-wlf-typ="alfa"]
686 list-style-type: lower-alpha;
689 .htmlview .lista[data-wlf-typ="slowniczek"]
691 list-style-type: none;
694 .htmlview span.punkt {
696 list-style-position: inside;
699 .htmlview span.aktywnosc span.opis {
702 .htmlview span.aktywnosc span.opis p:before {
703 content: counter(aktywnosc) ". ";
704 counter-increment: aktywnosc;
708 .htmlview span.aktywnosc span.wskazowki {
713 .htmlview .pomoce, .htmlview .czas, .htmlview .forma {
716 .htmlview .pomoce:before { content: "Pomoce: "; }
717 .htmlview .czas:before { content: "Czas: "; }
718 .htmlview .czas:after { content: " min"; }
719 .htmlview .forma:before { content: "Forma: "; }
721 .htmlview .aktywnosc {
725 .htmlview .definiendum {
730 .htmlview .definiens {
752 .htmlview .kol span {
756 .htmlview img.obraz {
760 .htmlview span.luka {
762 text-decoration: underline;