X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/7a12b550f4a8366c8ace2f9c55706aba7c4b17f7..77e2cea63a828cf11972a44610530b8dd3d8c1bf:/platforma/static/css/html.css diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css index d49c7231..57eed6d5 100755 --- a/platforma/static/css/html.css +++ b/platforma/static/css/html.css @@ -5,7 +5,12 @@ font-size: 16px; font-family: "Georgia", "Times New Roman", serif; line-height: 1.5em; - padding: 3em; + padding: 3em; + padding-left: 55px; +} + +.htmlview *[x-node='rdf:RDF'] { + display: none; } .htmlview * { @@ -25,12 +30,18 @@ text-decoration: none; } +.htmlview a:hover { + text-decoration: none; +} + .htmlview h1 { font-size: 3em; margin: 1.5em 0; text-align: center; line-height: 1.5em; font-weight: bold; + + text-transform: capitalize; } .htmlview h2 { @@ -57,25 +68,6 @@ margin: 0; } -/* ======================== */ -/* = Footnotes and themes = */ -/* ======================== */ -.htmlview .theme-begin { - border-left: 0.1em solid #DDDDDD; - color: #777; - padding: 0 0.5em; - width: 7.5em; - font-style: normal; - font-weight: normal; - font-size: 16px; - float: right; - margin-right: -9.5em; - clear: both; - left: 40em; - line-height: 1.5em; - text-align: left; -} - .htmlview #footnotes div { margin: 1.5em 0 0 0; } @@ -226,91 +218,316 @@ margin: 1em; } -/* Przypisy */ -.htmlview .annotation { - vertical-align: super; - text-decoration: none; - font-size: 0.66em; + .parse-warning .message { + color: purple; + font-weight: bold; } -.htmlview a:hover { + +/* Motywy */ +/* ======================== */ +/* = Footnotes and themes = */ +/* ======================== */ + +.htmlview .begin, .htmlview .end { + background: green; +} + +.htmlview .motyw { + /* position: absolute; */ + + float: right; + left: auto; + clear: right; + + width: 10em; + + font-weight: normal; + font-size: 10pt; + font-variant: normal; text-decoration: none; + + + background-color: #fff; + +/* 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; + } -/* .htmlview .annotation:before { - content: "[\2217]"; -} */ +/* + * Przypisy + */ -.htmlview span.annotation:before { +/* Znaczniki w tekście */ +.htmlview .annotation { + vertical-align: super; + text-decoration: none; +/* font-size: 10px; */ +} + +.htmlview .annotation:before { content: "[" counter(main) "]"; counter-increment: main; } -.htmlview *[x-editable] { - border: 2px solid white; - padding: 5px; +.htmlview .annotation:hover { + background-color: #dfdfdf; +} + +*.htmlview *.annotation-inline-box { + position: static; +} + +/* + * Przypisy w tekście + */ + .htmlview .annotation-inline-box > span[x-annotation-box] + { + display: none; + position: absolute; + + max-width: 36em; + + font-size: 8pt; + line-height: 12pt; + font-weight: normal; + font-style: normal; + + background: white; + border-color: gray; + border-width: 2px; + border-style: outset; + padding: 3px 5px; + + text-decoration: none; + z-index: 1000; + } + + +/* + * Przypisy na końcu utworu (aktualnie nieuzywane) + */ +.htmlview .annotations-block { + counter-reset: secondary; +} + +.htmlview .annotations-block .annotation-body { + position: relative; + padding-left: 2.5em; + padding-top: 0.2em; +} + +.htmlview .annotations-block .annotation-backref { + position: absolute; + top: 0.4em; + left: -0.4em; + width: 2.5em; + text-align: right; + +} + +.htmlview .annotations-block .annotation-backref:before { + content: "[" counter(secondary) "]"; + counter-increment: secondary; +} + +/* + * EDITABLE ELEMENTS + */ + +.htmlview *[x-editable] { + 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] { - background-color: #dfdfdf; - border: 2px solid black; + visibility: hidden; } -.htmlview *[x-editable] *.context-menu { +.edit-button { position: absolute; - top: -24px; - left: -2px; - height: 24px; + top: -21px; + left: -1px; + width: 50px; + height: 21px; - text-align: center; + display: block; +/* margin: 4px 0 2px 0;*/ + padding: 5px 5px 2px 5px; + border: none; + background-color: #FAFAFA; + +/* z-index: 3000;*/ +/* color: #FFF; + z-index: 1500; +*/ border: 1px solid #DDD; + border-bottom: none; +} - font-size: 14px; - line-height: 24px; - font-weight: normal; - font-style: normal; - background-color: #dfdfdf; +.edit-button:hover, .edit-button:active { +/* color: #FFF;*/ + background-color: #999; + color: #FFF; +} + +/* + * VISIBILITY RULES + */ +.default-menu { + visibility: inherit; + opacity: 0.2; +} + +.default-menu:hover { + opacity: 1; + z-index: 5000; +} + +.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: 0px; + background-color: gray; + padding: 1px; + + z-index: 2000; +} + +.html-editarea textarea +{ + border: 2px solid black; + margin: 0px; padding: 0px; - border-top: 2px solid black; - border-left: 2px solid black; - border-right: 2px solid black; - - display: none; - overflow: hidden; - - -moz-border-radius-topright: 5px; - -moz-border-radius-topleft: 5px; + width: 100%; + height: 100%; - -webkit-border-top-right-radius: 5px; - -webkit-border-top-left-radius: 5px; + z-index: 0; + font-size: 10pt; + background-color: ivory; } -.htmlview *[x-editable] *.context-menu * { - padding: 5px; +/*/ +/* +/* Theme edit dialog +/* +/*/ +/*#theme-edit-dialog { + left: 5%; + right: 5%; + top: 5%; + bottom: 5%; + padding: 0em; } -.htmlview *[x-editable] *.context-menu *:hover { - background-color: yellow; +#theme-edit-dialog *.data-area { + position: absolute; + + top: 0px; + left: 0px; + right: 0px; + bottom: 32px; + + padding: 0px; + background-color: #fafafa; + + overflow-y: scroll; } -.htmlview *[x-editable]:hover *.context-menu { - display: block; +#theme-edit-dialog *.action-area { + position: absolute; + height: 30px; + line-height: 20px; + + left: 5px; + right: 5px; + bottom: 0px; + + padding: 0px; + margin: 0px; + + border-top: 1px solid black; + background-color: #fafafa; +} + +#theme-edit-dialog *.action-area * { + vertical-align: baseline; +} + +#theme-edit-dialog .theme-multi-list { + padding: 0.5em 1em; } -.htmlview *[x-editable][x-open] *.context-menu { +#theme-edit-dialog .theme-multi-list .unknown-themes { display: none; } -.htmlview .annotation:hover { - background-color: #dfdfdf; +#theme-edit-dialog .theme-multi-list .letter-heading { + font-size: 150%; + text-align: left; + border-bottom: 1px solid black; + padding-top: 1em; } -.parse-warning .message { - color: purple; +#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