X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/bbc3c64053f2e93c49f133bf8fc1243e470ef5e8..f8dfb5772407898329418480670950566f2c3281:/redakcja/static/css/html.css diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css index d7f2a7a1..b5737f87 100644 --- a/redakcja/static/css/html.css +++ b/redakcja/static/css/html.css @@ -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; @@ -599,7 +618,7 @@ div[x-node] > .uwaga { } .html-editarea textarea { - position: absolute; +/* position: absolute; -- might be unnecessary, and we need attributes to be pushed down*/ top: 0; margin: 0px; padding: 0px; @@ -611,6 +630,20 @@ div[x-node] > .uwaga { /* background-color: ivory;*/ } +.html-editarea .html-editarea-attributes span { + border: 1px dotted black; + padding: 2px; + margin: 2px; +} + +.html-editarea .html-editarea-attributes span label { + background-color: white; + padding: 5px; + min-width: 150px; + display: inline-block; + font-family: mono; +} + .htmlview .out-of-flow-text { display: block; font-face: monospace; @@ -756,5 +789,32 @@ div[x-node] > .uwaga { .htmlview span.luka { color: #808080; - text-decoration: underline; -} \ No newline at end of file + 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; +}