X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/0c16061e3b790f05db393963620832629ddd225a..f7135da39f77154495d308d05c46e7b30e964d2d:/redakcja/static/css/html.css?ds=sidebyside diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index edf7988b..754a7f02 100644 --- a/redakcja/static/css/html.css +++ b/redakcja/static/css/html.css @@ -1,6 +1,6 @@ /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */ .htmlview { - counter-reset: main; + counter-reset: main aktywnosc; font-size: 16px; font-family: "Georgia", "Times New Roman", serif; line-height: 1.5em; @@ -198,8 +198,7 @@ } /* błędne wersy */ -.htmlview *: -not(.strofa) > *[x-verse]::after { +.htmlview *:not(.strofa) > *[x-verse]::after { content: "Ten wers znajduje się poza strofą."; display: inline; background: red; @@ -248,6 +247,10 @@ not(.strofa) > *[x-verse]::after { font-style: italic; } +.htmlview div.ramka { + border: 1px darkgray solid; +} + .htmlview .nota_red { background-color: #eee; border: 1px solid #888; @@ -418,7 +421,7 @@ div[x-node] > .uwaga { background-color: #ffcccc; } .htmlview .pe .annotation:hover { - background-color: #96e0e4;*/ + background-color: #96e0e4; } *.htmlview *.annotation-inline-box { position: static; @@ -604,6 +607,7 @@ div[x-node] > .uwaga { margin: 0px; padding: 0px; width: 100%; + min-width: 600px; /* for editing narrow elements */ height: 100%; z-index: 0; font-size: 10pt; @@ -676,28 +680,13 @@ div[x-node] > .uwaga { color: black; } -/* XXX */ -body { - counter-reset: listanum; -} -.htmlview span.lista[data-wlf-typ="num"] +.htmlview .lista[data-wlf-typ="alfa"] { - counter-reset: listanum; - list-style-type: none; - list-style-position: inside; -} -.htmlview span.lista[data-wlf-typ="num"] .punkt:before { - counter-increment:listanum; - content: counter(listanum) ". "; + list-style-type: lower-alpha; } -.htmlview span.lista[data-wlf-typ="punk"] -{ - list-style-type: disc; -} - -.htmlview span.lista[data-wlf-typ="slowniczek"] +.htmlview .lista[data-wlf-typ="slowniczek"] { list-style-type: none; } @@ -710,6 +699,12 @@ body { .htmlview span.aktywnosc span.opis { font-style: italic; } +.htmlview span.aktywnosc span.opis p:before { + content: counter(aktywnosc) ". "; + counter-increment: aktywnosc; + font-weight: bold; +} + .htmlview span.aktywnosc span.wskazowki { font-style: italic; color: #202020; @@ -721,11 +716,10 @@ body { .htmlview .pomoce:before { content: "Pomoce: "; } .htmlview .czas:before { content: "Czas: "; } .htmlview .czas:after { content: " min"; } -.htmlview .forma:before { content: "Forma:"; } +.htmlview .forma:before { content: "Forma: "; } .htmlview .aktywnosc { display: block; - border: 1px dotted #996600; } .htmlview .definiendum { @@ -740,3 +734,30 @@ body { .htmlview .link { color: #990066; } + +.htmlview .tabela { + display: table; +} + +.htmlview .wiersz { + display: table-row; +} + +.htmlview .kol { + min-width: 200px; + display: table-cell; + padding: 5px; +} + +.htmlview .kol span { + position: relative; +} + +.htmlview img.obraz { + max-width: 640px; +} + +.htmlview span.luka { + color: #808080; + text-decoration: underline; +} \ No newline at end of file