Remove overspecification from xsl.

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

diff --git a/src/redakcja/static/css/html.css b/src/redakcja/static/css/html.css
index 3b99681..214e92a 100644 (file)
--- a/src/redakcja/static/css/html.css
+++ b/src/redakcja/static/css/html.css
@@ -13,29 +13,6 @@
     padding-left: 90px;
 }
 
-/*
- .htmlview[data-tag-names-visible] *[x-editable]:not(*[x-common])::before {
- display: block;
- float: left;
- clear: left;
- content: attr(x-node);
- font-weight: bold;
- font-style: normal;
- font-variant:normal;
- font-size: 8px;
- line-height: 8px;
- margin-bottom: 4px;
-
- padding: 3px 4px;
- vertical-align: super;
- background-color:#add8e6;
- margin-left: -80px;
- width: 70px;
- text-align: center;
-
- -webkit-border-radius: 4px;
- }
- */
 .htmlview *[x-node = 'RDF'][x-ns = 'http://www.w3.org/1999/02/22-rdf-syntax-ns#'] {
     display: none;
 }
@@ -61,7 +38,7 @@
     text-decoration: none;
 }
 
-.htmlview h1 {
+.htmlview .nazwa_utworu {
     font-size: 3em;
     margin: 1.5em 0;
     text-align: center;
@@ -69,24 +46,34 @@
     font-weight: bold;
 }
 
-.htmlview h2 {
+.htmlview .autor_utworu,
+.htmlview .dzielo_nadrzedne,
+.htmlview .naglowek_czesc,
+.htmlview .srodtytul,
+.htmlview .naglowek_akt
+{
     font-size: 2em;
     margin: 1.5em 0 0;
     font-weight: bold;
     line-height: 1.5em;
 }
 
-.htmlview h3 {
+.htmlview .podtytul,
+.htmlview .naglowek_scena,
+.htmlview .naglowek_rozdzial
     font-size: 1.5em;
     margin: 1.5em 0 0;
     font-weight: normal;
     line-height: 1.5em;
 }
 
-.htmlview h4 {
+.htmlview .naglowek_podrozdzial,
+.htmlview .naglowek_osoba
+{
     font-size: 1em;
     margin: 1.5em 0 0;
     line-height: 1.5em;
+    font-weight: bold;
 }
 
 .htmlview p {
@@ -274,13 +261,14 @@
     border-bottom: 0.1em solid #000;
 }
 
-.htmlview p.sekcja_asterysk {
+.htmlview hr.sekcja_asterysk {
+    border: none;
     padding: 0;
     margin: 1.5em 0;
     text-align: center;
 }
 
-.htmlview p.sekcja_asterysk:after {
+.htmlview hr.sekcja_asterysk:after {
     content: "*";
 }
 
@@ -297,6 +285,13 @@
     font-style: italic;
 }
 
+
+.htmlview .indeks_dolny {
+    font-style: normal;
+    vertical-align: sub;
+    font-size: .9em;
+}
+
 .htmlview .wyroznienie {
     letter-spacing: 0.1em;
 }
@@ -311,6 +306,10 @@
     word-spacing: 1em;
 }
 
+.htmlview .ilustr img {
+    max-width: 100%;
+}
+
 .htmlview .parse-warning {
     display: block;
     font-size: 10pt;
@@ -337,8 +336,7 @@
     max-width: 20%;
     max-height: 24pt;
     margin-left: 0.5em;
-    overflow: hidden;
-       z-index: 500;
+    z-index: 500;
 }
 
 div[x-node] > .uwaga {
@@ -347,6 +345,7 @@ div[x-node] > .uwaga {
     margin: 1em;
     max-width: 100%;
     max-height: 100%;
+    border: 1px solid black;
 }
 
 .htmlview .uwaga:hover {
@@ -506,8 +505,11 @@ div[x-node] > .uwaga {
 }
 
 .edit-button, .delete-button, .accept-button, .tytul-button, .wyroznienie-button, .slowo-button, .znak-button {
+    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+    font-size: 16px;
+    line-height: 1.5;
     position: absolute;
-    top: -21px;
+    top: -28px;
     left: -1px;
     width: 72px;
     height: 28px;
@@ -604,6 +606,7 @@ div[x-node] > .uwaga {
     padding: 1px;
     z-index: 2000;
     position: absolute;
+    text-align: left;
 }
 
 .html-editarea textarea {
@@ -615,6 +618,8 @@ div[x-node] > .uwaga {
     height: 100%;
     z-index: 0;
     font-size: 10pt;
+    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+    line-height: 1.25;
     /*    background-color: ivory;*/
 }
 
@@ -656,14 +661,14 @@ div[x-node] > .uwaga {
 /* specialChars */
 #specialCharsContainer {
     text-align: center; 
-    width: 600px; 
+    width: 640px; 
     height: 400px;
     padding:20px; 
     background-color: gray; 
     position: absolute; 
     top: 20px; 
-    left: 20px; 
-    z-index:1000;
+    right: 20px; 
+    z-index:10000;
     overflow:auto;
 }
 #specialCharsContainer a {