X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/6c3435b786691478af2fd07f4e9bc91fb008bcce..9f3a5ef91227a4ebd1b5c397bb11c067d03f7758:/editor.css diff --git a/editor.css b/editor.css index 1063cff..5c7f403 100644 --- a/editor.css +++ b/editor.css @@ -1,5 +1,5 @@ body { - padding-top: 30px; + padding-top: 5px; } #publication_content { @@ -11,42 +11,91 @@ body { display: none; } +#rng-skelton { + position: relative; +} + #rng-skelton-menu { float: right; } +#rng-skelton-menu li { + display: inline; +} + +#rng-skelton-messages { + position: absolute; + top: -22px; + width:100%; + text-align:center; +} + +#rng-skelton-messages span { + font-weight: bold; + background: #f9edbe; + padding: 2px 5px; + border: solid 1px #f6e39c; +} + #rng-skelton-menu ul { list-style-type: none; } +.rng-visualEditor-nodeHoverTag { + position:absolute; + height:20px; + top:-20px; + left:0; + background: #bd362f; + color: white; + font-size:9px; + font-weight: normal; + font-style: normal; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + padding: 0 5px; + text-indent: 0; +} + +#rng-visualEditor-mainArea { + margin-top:10px; +} + #rng-visualEditor-contentWrapper { border-color: #ddd; border-style: solid; border-width: 1px; float:left; width: 600px; - height: 500px; + height: 450px; overflow-y: scroll; padding: 5px 10px; } -#rng-visualEditor-contentWrapper::-webkit-scrollbar { +#rng-visualEditor-contentWrapper::-webkit-scrollbar, +#rng-visualEditor-editPaneNavigation::-webkit-scrollbar +{ width: 9px; } -#rng-visualEditor-contentWrapper::-webkit-scrollbar-track { +#rng-visualEditor-contentWrapper::-webkit-scrollbar-track, +#rng-visualEditor-editPaneNavigation::-webkit-scrollbar-track + { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; border-radius: 10px; } -#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb { +#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb, +#rng-visualEditor-editPaneNavigation::-webkit-scrollbar-thumb +{ -webkit-border-radius: 10px; border-radius: 10px; background: rgba(73,175,205,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); } -#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb:window-inactive { +#rng-visualEditor-contentWrapper::-webkit-scrollbar-thumb:window-inactive, +#rng-visualEditor-editPaneNavigation::-webkit-scrollbar-thumb:window-inactive + { background: rgba(73,175,205,0.4); } @@ -59,7 +108,7 @@ body { #rng-visualEditor-sidebar { float:right; width: 266px; - height:500px; + height:450px; position:relative; border-width: 1px 1px 1px 1px; border-style: solid; @@ -68,6 +117,7 @@ body { } +#rng-visualEditor-sidebar, #rng-visualEditor-sidebar p, #rng-visualEditor-sidebar td, #rng-visualEditor-sidebar label, @@ -109,15 +159,62 @@ body { margin-bottom: 0px; } -.rng-visualEditor-editPaneNodeForm label { +.rng-visualEditor-editPaneNodeForm label , +.rng-visualEditor-editPaneSelectionForm label +{ width: 50px; display: inline-block; } -.rng-visualEditor-editPaneNodeForm select { +.rng-visualEditor-editPaneNodeForm select, +.rng-visualEditor-editPaneSelectionForm select + { width: 100px; } + + +#rng-visualEditor-toolbar { + margin: -15px 0 10px 0; + white-space:nowrap; + word-spacing:0; +} + +#rng-visualEditor-toolbar select { + line-height: 14px; + font-size:9px; + height: auto; + width: 50px; + padding: 1px; +-webkit-appearance: button; +-moz-appearance: button; +appearance: button; + margin-bottom: 0; +} + +.rng-visualEditor-toolbarGroup { + border-width: 0 1px 0 0; + border-style: solid; + border-color: #ddd; + padding: 0 8px 0 0; + margin: 0 8px 0 0; + float:left; +} + +#rng-visualEditor-statusbar { + margin: 10px 5px; + font-size:0.9em; +} + +.rng-visualEditor-sidebarContentItem fieldset { + margin-bottom: 10px; +} + +.rng-visualEditor-sidebarContentItem legend { + font-size:11px; + height:30px; +} + #rng-visualEditor-meta table { margin-bottom:10px; } @@ -148,6 +245,27 @@ body { line-height:10px; } +#rng-visualEditor-editPaneNavigation { + overflow-y: scroll; + max-height: 150px; + width:100%; + margin-top:10px; +} +#rng-visualEditor-editPaneNavigation table { + width: 90%; + margin: 0; +} +#rng-visualEditor-editPaneNavigation table tr td:nth-child(1) { + width: 30%; +} +#rng-visualEditor-editPaneNavigation table tr td:nth-child(2) { + width: 70%; +} + +#rng-visualEditor-editPaneNavigation table tr td ul { + list-style-type: none; + margin: 0; +} #rng-sourceEditor-editor { width: 940px; height: 500px; @@ -158,12 +276,20 @@ body { border-color: white; border-style:solid; border-width:1px; + min-height:20px; + position:relative; + text-indent: 0; +} + +span[wlxml-tag] { + display:inline-block; + min-width: 10px; } [wlxml-tag=header] { - font-size: 19px; - font-style: bold; - margin-bottom: 10px; + font-size: 13px; + font-weight: bold; + margin: 10px 0; } [wlxml-tag=section] { @@ -171,6 +297,47 @@ body { margin-bottom: 10px; } +[wlxml-tag=section] [wlxml-tag=section] { + margin-left:10px; +} + +[wlxml-class|="cite"] { + font-style: italic; +} + +[wlxml-class|="cite-code"] { + font-family: monospace; +} + +[wlxml-class|="cite-code-xml"] { + color: blue; +} + +[wlxml-tag=header] > [wlxml-class=author] { + font-size: 14px; +} + +[wlxml-tag=header] > [wlxml-class=title] { + font-size:18px; +} + +[wlxml-class|="uri"] { + color: blue; + text-decoration: underline; +} + +[wlxml-class|="p"] { + text-indent: 1.5em; +} + +[wlxml-class|="emph-tech"] { + font-style: italic; +} + +[wlxml-tag] metadata { + display:none; +} + .rng-hover { border-color: red; border-style:solid;