X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/eba3cb48e4c226b4229e2e38fa390672c3bcc829..ae9eecda5561b99cd51b1f3709e3cdc803ba47eb:/platforma/static/css/html.css?ds=inline diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css index 88560687..57eed6d5 100755 --- a/platforma/static/css/html.css +++ b/platforma/static/css/html.css @@ -9,6 +9,10 @@ padding-left: 55px; } +.htmlview *[x-node='rdf:RDF'] { + display: none; +} + .htmlview * { position: relative; } @@ -225,32 +229,44 @@ /* = Footnotes and themes = */ /* ======================== */ -.htmlview .theme-begin, .htmlview .theme-end { +.htmlview .begin, .htmlview .end { background: green; } -.htmlview .theme-ref { - position: absolute; - right: -8em; +.htmlview .motyw { + /* position: absolute; */ + + float: right; + left: auto; + clear: right; + + width: 10em; - min-width: 5em; - max-width: 8em; - font-weight: normal; font-size: 10pt; font-variant: normal; text-decoration: none; - padding: 0.2em 0.2em 0.2em 0.5em; + + background-color: #fff; - border: 1px solid gray; - border-left: 2px dotted gray; +/* border: 1px solid gray; + border-right: none; - +*/ z-index: 1; -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; + margin-right: -12em; + text-align: left; +} + +.htmlview .motyw[x-editable] { + border-left: 4px solid #DDD; + padding: 0.2em 0.2em 0.2em 0.5em; + margin-top: 0.2em; + } /* @@ -261,7 +277,7 @@ .htmlview .annotation { vertical-align: super; text-decoration: none; - font-size: 0.66em; +/* font-size: 10px; */ } .htmlview .annotation:before { @@ -299,7 +315,7 @@ padding: 3px 5px; text-decoration: none; - z-index: 10; + z-index: 1000; } @@ -335,106 +351,90 @@ */ .htmlview *[x-editable] { - padding-left: 3px; + position: relative; + padding: 2px; + margin-left: 0; + border: 1px solid #FFF; } /* focused editable element */ -/* .htmlview *[x-editable]:hover -{ - -} */ +.htmlview *[x-editable]:hover +{ + z-index: 900; +} .htmlview *[x-editable][x-open] { visibility: hidden; } -.htmlview *[x-editable] > .context-menu { +.edit-button { position: absolute; - top: 0px; - left: -50px; + top: -21px; + left: -1px; width: 50px; + height: 21px; - text-align: center; - font-size: 11px; - line-height: 15px; - - font-weight: normal; - font-style: normal; - - background-color: #dfdfdf; - - margin: 0px; - padding: 0px; - visibility: inherit; display: block; - - border-top: 1px solid black; - border-left: 1px solid black; - border-bottom: 1px solid black; - - overflow: hidden; +/* margin: 4px 0 2px 0;*/ + padding: 5px 5px 2px 5px; + border: none; + background-color: #FAFAFA; - -moz-border-radius-topleft: 2px; - -moz-border-radius-bottomleft: 2px; - - -webkit-border-top-left-radius: 2px; - -webkit-border-bottom-left-radius: 2px; - - z-index: 3000; -} - -.htmlview *[x-editable] > .context-menu * { - margin: 0px; - display: block; - - -moz-user-select: -moz-none; - -webkit-user-select: none; - - padding: 2px; - cursor: pointer; - border-bottom: 1px solid black; -} - -.htmlview *[x-editable] > .context-menu *:last-child { - cursor: pointer; +/* z-index: 3000;*/ +/* color: #FFF; + z-index: 1500; +*/ border: 1px solid #DDD; border-bottom: none; } -.htmlview *[x-editable] > .context-menu *:hover { - background-color: orange; + +.edit-button:hover, .edit-button:active { +/* color: #FFF;*/ + background-color: #999; + color: #FFF; } /* * VISIBILITY RULES */ -.htmlview *[x-editable] > .default-menu { +.default-menu { visibility: inherit; - opacity: 0.4; + opacity: 0.2; } -.htmlview *[x-editable] > .default-menu:hover { +.default-menu:hover { opacity: 1; + z-index: 5000; } -.htmlview *[x-annotation-box][x-editable] > .default-menu { +.htmlview *[x-annotation-box] > .default-menu { opacity: 1; } .htmlview *[x-editable][x-open] > .default-menu { visibility: hidden; } +.htmlview *[x-editable][x-open] *[x-annotation-box] > .default-menu { + visibility: hidden; +} .htmlview *[x-editable] > .edit-menu { visibility: hidden; } +.htmlview *[x-editable] *[x-annotation-box] > .edit-menu { + visibility: hidden; +} .htmlview *[x-editable][x-open] > .edit-menu { visibility: visible; } +.htmlview *[x-editable][x-open] *[x-annotation-box] > .edit-menu { + visibility: visible; +} .html-editarea { - border: 2px solid black; + border: 0px; background-color: gray; padding: 1px; @@ -443,7 +443,8 @@ .html-editarea textarea { - border: 0px; + border: 2px solid black; + margin: 0px; padding: 0px; @@ -455,22 +456,78 @@ background-color: ivory; } -.html-editarea p.html-editarea-toolbar { - position: absolute; - background: gray; +/*/ +/* +/* Theme edit dialog +/* +/*/ +/*#theme-edit-dialog { + left: 5%; + right: 5%; + top: 5%; + bottom: 5%; + padding: 0em; +} - bottom: -26px; - height: 24px; +#theme-edit-dialog *.data-area { + position: absolute; + top: 0px; left: 0px; right: 0px; + bottom: 32px; - border: 2px solid black; + padding: 0px; + background-color: #fafafa; + + overflow-y: scroll; +} + +#theme-edit-dialog *.action-area { + position: absolute; + height: 30px; + line-height: 20px; + + left: 5px; + right: 5px; + bottom: 0px; - margin: 0px; padding: 0px; + margin: 0px; + + border-top: 1px solid black; + background-color: #fafafa; +} - z-index: 100; +#theme-edit-dialog *.action-area * { + vertical-align: baseline; } +#theme-edit-dialog .theme-multi-list { + padding: 0.5em 1em; +} + +#theme-edit-dialog .theme-multi-list .unknown-themes { + display: none; +} +#theme-edit-dialog .theme-multi-list .letter-heading { + font-size: 150%; + text-align: left; + border-bottom: 1px solid black; + padding-top: 1em; +} + +#theme-edit-dialog .theme-mutli-list input:checked + label { + font-weight: bold; +}*/ + +.out-of-flow-text { + border: 1px solid #C8B849; + background-color: #D4CB9C; + white-space: pre; + overflow: auto; + margin: 1.5em 0 0; + font-family: monospace; + font-size: 10pt; +} \ No newline at end of file