X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/b718b3f69d43ba7f32f4ad6a5c31429fa3dc2c4e..af0452ad29bec28c7095f144e11337e0972b7670:/platforma/static/css/html.css?ds=sidebyside diff --git a/platforma/static/css/html.css b/platforma/static/css/html.css old mode 100755 new mode 100644 index c00b5f1d..22be1ebb --- a/platforma/static/css/html.css +++ b/platforma/static/css/html.css @@ -40,8 +40,6 @@ text-align: center; line-height: 1.5em; font-weight: bold; - - text-transform: capitalize; } .htmlview h2 { @@ -243,22 +241,30 @@ width: 10em; font-weight: normal; - font-size: 10pt; + font-size: 13px; + line-height: 18px; font-variant: normal; text-decoration: none; - padding: 0.2em; - background-color: #efefef; + 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; } /* @@ -269,7 +275,7 @@ .htmlview .annotation { vertical-align: super; text-decoration: none; - font-size: 0.66em; +/* font-size: 10px; */ } .htmlview .annotation:before { @@ -343,7 +349,10 @@ */ .htmlview *[x-editable] { - padding-left: 3px; + position: relative; + padding: 2px; + margin-left: 0; + border: 1px solid #FFF; } /* focused editable element */ @@ -357,61 +366,34 @@ visibility: hidden; } -.context-menu { +.edit-button, .delete-button, .accept-button { position: absolute; - top: 0px; - left: -50px; - width: 50px; - - text-align: center; - font-size: 11px; - line-height: 15px; + top: -21px; + left: -1px; + width: 72px; + height: 21px; - 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; -} - -.context-menu * { - margin: 0px; - display: block; - - -moz-user-select: -moz-none; - -webkit-user-select: none; - - padding: 2px; - cursor: pointer; - border-bottom: 1px solid black; - +/* z-index: 3000;*/ +/* color: #FFF; + z-index: 1500; +*/ border: 1px solid #DDD; + border-bottom: none; } -.context-menu *:last-child { - cursor: pointer; - border-bottom: none; +.delete-button { + left: 70px; } -.context-menu *:hover { - background-color: orange; +.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; } /* @@ -458,11 +440,13 @@ padding: 1px; z-index: 2000; + position: absolute; } .html-editarea textarea { - border: 2px solid black; + position: absolute; + top: 0; margin: 0px; padding: 0px; @@ -472,71 +456,23 @@ z-index: 0; font-size: 10pt; - 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; +/* background-color: ivory;*/ } -#theme-edit-dialog .theme-multi-list { - padding: 0.5em 1em; +.out-of-flow-text { + border: 1px solid #BEBEBE; + background-color: #E2E2E1; + white-space: pre-line; + font-family: monospace; } -#theme-edit-dialog .theme-multi-list .unknown-themes { - display: none; +.out-of-flow-text[x-editable] { + background-color: #E2E2E1; } -#theme-edit-dialog .theme-multi-list .letter-heading { - font-size: 150%; - text-align: left; - border-bottom: 1px solid black; - padding-top: 1em; +.unknown-tag { + background-color: yellow; + margin: -0.25em; + padding: 0.25em; + border: 1px solid orange; } - -#theme-edit-dialog .theme-mutli-list input:checked + label { - font-weight: bold; -} \ No newline at end of file