use attr instead of data

[redakcja.git] / redakcja / static / css / html.css

diff --git a/redakcja/static/css/html.css b/redakcja/static/css/html.css
index 9199ede..b5737f8 100644 (file)
--- a/redakcja/static/css/html.css
+++ b/redakcja/static/css/html.css
@@ -618,7 +618,7 @@ div[x-node] > .uwaga {
 }
 
 .html-editarea textarea {
 }
 
 .html-editarea textarea {

-    position: absolute;
+/*    position: absolute; -- might be unnecessary, and we need attributes to be pushed down*/

     top: 0;
     margin: 0px;
     padding: 0px;
     top: 0;
     margin: 0px;
     padding: 0px;


@@ -630,6 +630,20 @@ div[x-node] > .uwaga {
     /*    background-color: ivory;*/
 }
 
     /*    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;
 .htmlview .out-of-flow-text {
     display: block;
     font-face: monospace;


@@ -789,3 +803,18 @@ div[x-node] > .uwaga {
     color: darkgoldenrod;
 }
 
     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;
+}