X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/35ca9353f12d0c6b65da2ac05675791d38793ab1..f8d11c06c7084e9016cad67d70307c62f1265e51:/platforma/static/css/html.css diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css old mode 100755 new mode 100644 index d64cd6ea..e3d9a4a1 --- a/platforma/static/css/html.css +++ b/platforma/static/css/html.css @@ -9,12 +9,13 @@ padding-left: 55px; } -.htmlview *[x-node='rdf:RDF'] { +.htmlview *[x-node='RDF'] { display: none; } .htmlview * { position: relative; + overflow: visibl; } .htmlview div { @@ -40,8 +41,6 @@ text-align: center; line-height: 1.5em; font-weight: bold; - - text-transform: capitalize; } .htmlview h2 { @@ -138,6 +137,46 @@ margin: 1.5em 0 0 auto; } +/* wersy */ +.htmlview .strofa .wers_wciety, .htmlview .strofa .wers_wciety[data-wlf-typ='1'] { + margin-left: 1em; +} + +.htmlview .strofa .wers_wciety[data-wlf-typ='2'] { + margin-left: 2em; +} + +.htmlview .strofa .wers_wciety[data-wlf-typ='3'] { + margin-left: 3em; +} + +.htmlview .strofa .wers_wciety[data-wlf-typ='4'] { + margin-left: 4em; +} + +.htmlview .strofa .wers_wciety[data-wlf-typ='5'] { + margin-left: 5em; +} + +.htmlview .strofa .wers_wciety[data-wlf-typ='6'] { + margin-left: 6em; +} + +/* błędne wersy */ +.htmlview *:not(.strofa) > *[x-verse]::after { + content: "Ten wers znajduje się poza strofą."; + display: inline; + background: red; + font-size: 8pt; + border: 1px solid black; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + padding: 1px 1em; + margin-left: 1em; + vertical-align: super; +} + + .htmlview .kwestia .strofa { margin: 0; } @@ -147,7 +186,7 @@ margin: 1.5em 0 0; } -.htmlview p.motto { +.htmlview .motto { text-align: justify; font-style: italic; margin: 1.5em 0 0; @@ -223,6 +262,36 @@ font-weight: bold; } +/* Uwaga/Extra */ + +.htmlview .uwaga { + background-color: #96e0e4; + border: 1px solid black; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + display: block; + font-size: 10pt; + line-height: 12pt; + padding: 2px 1em; + float: right; + max-width: 20%; + max-height: 24pt; + margin-left: 0.5em; + overflow: hidden; +} + +.utwor > .uwaga { + float: none; + padding: 0.5em 1em; + margin: 1em; + max-width: 100%; + max-height: 100%; +} + +.htmlview .uwaga:hover { + max-height: 100%; +} + /* Motywy */ /* ======================== */ @@ -243,7 +312,8 @@ width: 10em; font-weight: normal; - font-size: 10pt; + font-size: 13px; + line-height: 18px; font-variant: normal; text-decoration: none; @@ -266,7 +336,6 @@ border-left: 4px solid #DDD; padding: 0.2em 0.2em 0.2em 0.5em; margin-top: 0.2em; - } /* @@ -286,7 +355,7 @@ } .htmlview .annotation:hover { - background-color: #dfdfdf; + background-color: #96e0e4; } *.htmlview *.annotation-inline-box { @@ -301,20 +370,25 @@ display: none; position: absolute; - max-width: 36em; + width: 300px; - font-size: 8pt; + font-size: 10pt; line-height: 12pt; font-weight: normal; font-style: normal; - background: white; - border-color: gray; - border-width: 2px; - border-style: outset; + background: #fffe93; + border-color: black; + border-width: 1px; + border-style: solid; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + padding: 3px 5px; text-decoration: none; + z-index: 1000; } @@ -368,11 +442,11 @@ visibility: hidden; } -.edit-button { +.edit-button, .delete-button, .accept-button { position: absolute; top: -21px; left: -1px; - width: 50px; + width: 72px; height: 21px; display: block; @@ -388,8 +462,11 @@ border-bottom: none; } +.delete-button { + left: 70px; +} -.edit-button:hover, .edit-button:active { +.edit-button:hover, .edit-button:active, .delete-button:hover, .delete-button:active, .accept-button:hover, .accept-button:active { /* color: #FFF;*/ background-color: #999; color: #FFF; @@ -439,11 +516,13 @@ padding: 1px; z-index: 2000; + position: absolute; } .html-editarea textarea { -/* border: 2px solid black;*/ + position: absolute; + top: 0; margin: 0px; padding: 0px; @@ -456,78 +535,37 @@ /* background-color: ivory;*/ } -/*/ -/* -/* Theme edit dialog -/* -/*/ -/*#theme-edit-dialog { - left: 5%; - right: 5%; - top: 5%; - bottom: 5%; - padding: 0em; -} - -#theme-edit-dialog *.data-area { - position: absolute; - - top: 0px; - left: 0px; - right: 0px; - bottom: 32px; - - 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; - - 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 .out-of-flow-text { + display: block; + font-face: monospace; + border: 2px solid red !important; + white-space: pre-line; +} + +.htmlview .out-of-flow-text::before { + content: "Tekst w tej ramce nie jest otagowany!"; + background-color: #ff6c6c; + color: black; + + font-size: 10pt; + line-height: 12pt; + border: 1px solid black; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + padding: 5px 1em; + margin: 0em; + margin-left: 1em; + + text-align: justify; + + display: inline; + float: right; + max-width: 25%; +} + +.unknown-tag { + background-color: yellow; + margin: -0.25em; + padding: 0.25em; + border: 1px solid orange; } - -#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