X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/78644811ca0c6042212788dc67add42bc41fb74c..82b5933a517aaf239dbb577190e067f1d703bbc3:/platforma/static/css/html.css?ds=sidebyside diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css old mode 100644 new mode 100755 index 336a365e..9db90bed --- a/platforma/static/css/html.css +++ b/platforma/static/css/html.css @@ -1,11 +1,17 @@ /* Style widoku HTML. Nie należy tu ustawiać position ani marginesów */ + .htmlview { + counter-reset: main; font-size: 16px; - font: Georgia, "Times New Roman", serif; + font-family: "Georgia", "Times New Roman", serif; line-height: 1.5em; padding: 3em; } +.htmlview * { + position: relative; +} + .htmlview div { max-width: 36em; } @@ -70,19 +76,6 @@ text-align: left; } -.htmlview .annotation { - font-style: normal; - font-weight: normal; - font-size: 12px; -} - -.htmlview #footnotes .annotation { - display: block; - float: left; - width: 2.5em; - clear: both; -} - .htmlview #footnotes div { margin: 1.5em 0 0 0; } @@ -127,7 +120,7 @@ } .htmlview .dzielo_nadrzedne { - font-size: 0.375em; + font-size: 1.5em; display: block; line-height: 1.5em; margin-bottom: -0.25em; @@ -150,7 +143,7 @@ } .htmlview .strofa { - margin: 1.5em 0 0; + margin: 1.5em 0 0 auto; } .htmlview .kwestia .strofa { @@ -225,3 +218,162 @@ font-style: normal; font-variant: small-caps; } + +.htmlview .parse-warning { + display: block; + font-size: 10pt; + background: #C0C0C0; + margin: 1em; +} + +/* Przypisy */ +.htmlview .annotation { + vertical-align: super; + text-decoration: none; + font-size: 0.66em; +} + +.htmlview a:hover { + text-decoration: none; +} + +/* .htmlview .annotation:before { + content: "[\2217]"; +} */ + +.htmlview span.annotation:before { + content: "[" counter(main) "]"; + counter-increment: main; +} + +.htmlview .annotation:hover { + background-color: #dfdfdf; +} + +.parse-warning .message { + color: purple; + font-weight: bold; +} + + +/* + * EDITABLE ELEMENTS + */ + +.htmlview *[x-editable] { + border: 2px solid white; + padding: 5px; +} + +/* focused editable element */ +.htmlview *[x-editable]:hover +{ + background-color: #dfdfdf; + border: 2px solid black; + z-index: 100; +} + +.htmlview *[x-editable][x-open] +{ + visibility: hidden; +} + +.htmlview *[x-editable] .context-menu { + position: absolute; + top: -28px; + left: -2px; + height: 24px; + + text-align: center; + + font-size: 14px; + line-height: 24px; + font-weight: normal; + font-style: normal; + + background-color: #dfdfdf; + margin: 0px; + padding: 0px; + + border-top: 2px solid black; + border-left: 2px solid black; + border-right: 2px solid black; + + display: none; + visibility: visible; + overflow: hidden; + + -moz-border-radius-topright: 5px; + -moz-border-radius-topleft: 5px; + + -webkit-border-top-right-radius: 5px; + -webkit-border-top-left-radius: 5px; + + z-index: 3000; +} + +.htmlview *[x-editable] *.context-menu * { + padding: 5px; +} + +.htmlview *[x-editable] *.context-menu *:hover { + background-color: yellow; + z-index: 3100; +} + +/* + * VISIBILITY RULES + */ +.htmlview *[x-editable]:hover *.default-menu { + display: block; +} + +.htmlview *[x-editable][x-open] *.default-menu { + display: none; +} + +.htmlview *[x-editable][x-open] *.edit-menu { + display: block; +} + +.html-editarea { + border: 2px solid black; + background-color: gray; + padding: 1px; + + z-index: 2000; +} + +.html-editarea textarea +{ + border: 0px; + margin: 0px; + padding: 0px; + + width: 100%; + height: 100%; + + z-index: 0; + font-size: 10pt; + background-color: ivory; +} + +.html-editarea p.html-editarea-toolbar { + position: absolute; + background: gray; + + bottom: -26px; + height: 24px; + + left: 0px; + right: 0px; + + border: 2px solid black; + + margin: 0px; + padding: 0px; + + z-index: 100; +} + +