1 /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */
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'] {
58 text-decoration: none;
62 text-decoration: none;
97 .htmlview #footnotes div {
101 .htmlview #footnotes p {
106 .htmlview blockquote {
121 padding: 0.25em 0.7em;
125 .htmlview .anchor:hover, .htmlview .anchor:active {
127 background-color: #CCC;
130 /* =================== */
131 /* = Custom elements = */
132 /* =================== */
133 .htmlview .autor_utwor {
137 margin-bottom: 0.25em;
140 .htmlview .dzielo_nadrzedne {
144 .htmlview .podtytul {
148 .htmlview .didaskalia {
150 margin: 0.5em 0 0 1.5em;
158 margin: 1.5em 0 0.5em auto;
162 .htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] {
166 .htmlview .strofa .wers_wciety[data-wlf-typ='2'], .htmlview .strofa .wers_cd {
170 .htmlview .strofa .wers_wciety[data-wlf-typ='3'] {
174 .htmlview .strofa .wers_wciety[data-wlf-typ='4'] {
178 .htmlview .strofa .wers_wciety[data-wlf-typ='5'] {
182 .htmlview .strofa .wers_wciety[data-wlf-typ='6'] {
188 not(.strofa) > *[x-verse]::after {
189 content: "Ten wers znajduje się poza strofą.";
193 border: 1px solid black;
194 -moz-border-radius: 10px;
195 -webkit-border-radius: 10px;
198 vertical-align: super;
201 .htmlview .kwestia .strofa {
205 .htmlview .akap, .htmlview .akap_cd, .htmlview .akap_dialog {
210 .htmlview .motto_container {
211 display: inline-block;
221 .htmlview p.motto_podpis {
227 .htmlview div.fragment {
228 border-bottom: 0.1em solid #999;
229 padding-bottom: 1.5em;
232 .htmlview div.nota p, .htmlview div.dedykacja p {
237 .htmlview br.sekcja_swiatlo {
239 /* visibility: hidden; */
242 .htmlview hr.separator_linia {
245 border-bottom: 0.1em solid #000;
248 .htmlview p.sekcja_asterysk {
254 .htmlview div.lista_osob ol {
256 padding: 0 0 0 1.5em;
259 .htmlview p.miejsce_czas {
263 .htmlview .mat, .htmlview .slowo_obce, .htmlview .tytul_dziela, .htmlview .didaskalia {
267 .htmlview .wyroznienie {
268 letter-spacing: 0.1em;
273 font-variant: small-caps;
276 .htmlview .parse-warning {
283 .parse-warning .message {
290 background-color: #96e0e4;
291 border: 1px solid black;
292 -moz-border-radius: 10px;
293 -webkit-border-radius: 10px;
306 div[x-node] > .uwaga {
314 .htmlview .uwaga:hover {
318 .htmlview .annotation-inline-box .uwaga {
323 /* ======================== */
324 /* = Footnotes and themes = */
325 /* ======================== */
326 .htmlview .begin, .htmlview .end {
331 /* position: absolute; */
339 font-variant: normal;
341 text-transform: none;
342 text-decoration: none;
346 background-color: #fff;
347 /* border: 1px solid gray;
352 -moz-user-select: -moz-none;
353 -webkit-user-select: none;
359 .htmlview .noncanon {
363 .htmlview .motyw[x-editable] {
364 border-left: 4px solid #DDD;
365 padding: 0.2em 0.2em 0.2em 0.5em;
372 /* Znaczniki w tekście */
373 .htmlview .annotation:before {
374 content: "[" counter(main) "]";
375 counter-increment: main;
376 vertical-align: super;
377 text-decoration: none;
381 .htmlview .annotation:hover {
382 background-color: #ffcccc;
384 .htmlview .pe .annotation:hover {
385 background-color: #96e0e4;*/
387 *.htmlview *.annotation-inline-box {
394 .htmlview .annotation-inline-box > span[x-annotation-box] {
407 -moz-border-radius: 10px;
408 -webkit-border-radius: 10px;
410 text-decoration: none;
415 * Przypisy na końcu utworu (aktualnie nieuzywane)
417 .htmlview .annotations-block {
418 counter-reset: secondary;
421 .htmlview .annotations-block .annotation-body {
427 .htmlview .annotations-block .annotation-backref {
435 .htmlview .annotations-block .annotation-backref:before {
436 content: "[" counter(secondary) "]";
437 counter-increment: secondary;
443 .htmlview *[x-editable] {
447 border: 1px solid #FFF;
450 /* focused editable element */
451 .htmlview *[x-editable]:hover {
455 .htmlview *[x-editable][x-open] {
459 .edit-button, .delete-button, .accept-button {
466 /* margin: 4px 0 2px 0;*/
467 padding: 5px 5px 2px 5px;
469 background-color: #FAFAFA;
474 border: 1px solid #DDD;
482 .edit-button:hover, .edit-button:active,
483 .delete-button:hover, .delete-button:active,
484 .accept-button:hover, .accept-button:active {
486 background-color: #999;
498 .default-menu:hover {
503 .htmlview *[x-annotation-box] > .default-menu {
507 .htmlview *[x-editable][x-open] > .default-menu {
511 .htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu {
515 .htmlview *[x-editable] > .edit-menu {
519 .htmlview *[x-editable] *[x-annotation-box] > .edit-menu {
523 .htmlview *[x-editable][x-open] > .edit-menu {
527 .htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu {
533 background-color: gray;
539 .html-editarea textarea {
548 /* background-color: ivory;*/
551 .htmlview .out-of-flow-text {
553 font-face: monospace;
554 border: 2px solid red !important;
555 white-space: pre-line;
558 .htmlview .out-of-flow-text::before {
559 content: "Tekst w tej ramce nie jest otagowany!";
560 background-color: #ff6c6c;
564 border: 1px solid black;
565 -moz-border-radius: 10px;
566 -webkit-border-radius: 10px;
577 background-color: yellow;
580 border: 1px solid orange;