X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/df9d185f88fa914f619261ea5564003bb93a6041..7ca18fc87049aa799d9d6c23ff216473c535b497:/redakcja/static/css/html.css?ds=inline diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index e2d70e37..1818467a 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; @@ -496,7 +496,8 @@ div[x-node] > .uwaga { visibility: hidden; } -.edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button { +/*.edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button, .luka-button */ +.edit-button, .delete-button, .accept-button, .akap-edit-button { position: absolute; top: -21px; left: -1px; @@ -537,13 +538,31 @@ div[x-node] > .uwaga { width:100px; } -.edit-button:hover, .edit-button:active, +.luka-button { + left:550px; + width:100px; +} + +.zastap-button { + top: -50px; + left:550px; + width:100px; +} + + +/*.edit-button:hover, .edit-button:active, .delete-button:hover, .delete-button:active, .accept-button:hover, .accept-button:active, .tytul-button:hover, .tytul-button:active, .wyroznienie-button:hover, .wyroznienie-button:active, .slowo-button:hover, .slowo-button:active, -.znak-button:hover, .znak-button:active { +.znak-button:hover, .znak-button:active, +.luka-button:hover, .luka-button:active */ + +.edit-button:hover, .edit-button:active, +.delete-button:hover, .delete-button:active, +.accept-button:hover, .accept-button:active, +.akap-edit-button:hover, .akap-edit-button:active { /* color: #FFF;*/ background-color: #999; color: #FFF; @@ -604,6 +623,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; @@ -695,6 +715,12 @@ div[x-node] > .uwaga { .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; @@ -706,11 +732,10 @@ div[x-node] > .uwaga { .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 { @@ -725,3 +750,57 @@ div[x-node] > .uwaga { .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; + display: inline-block; + padding: 0px 8px; + border-bottom: 1px solid grey; +} + +.htmlview span.zastap { + color: darkred; +} + +.htmlview span.zastap:after { + content: "→" attr(data-wlf-rozw); + color: darkgoldenrod; +} + +.htmlview .punkt[data-wlf-nazwa]:before { + content: "[" attr(data-wlf-nazwa) "] "; + color: darkgoldenrod; +} + +.htmlview .punkt[data-wlf-name]:before { + content: "!name![" attr(data-wlf-name) "] "; + color: red; +} + + +.htmlview .punkt[data-wlf-rozw]:before { + content: "[" attr(data-wlf-rozw) "] "; + color: darkblue; +}