X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/1aba836313d1513bbe0ca947e01176806c900233..cf92775489840f1dc7b2c65fae6b968beadbad7e:/editor.css diff --git a/editor.css b/editor.css index ba6ec7b..5944312 100644 --- a/editor.css +++ b/editor.css @@ -1,5 +1,5 @@ body { - padding-top: 30px; + padding-top: 5px; } #publication_content { @@ -11,10 +11,312 @@ body { display: none; } -#rng-skelton-menu { - float: right; +.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-skelton-menu ul { +#rng-visualEditor-mainArea { + margin-top:10px; +} + +#rng-visualEditor-contentWrapper { + border-color: #ddd; + border-style: solid; + border-width: 1px; + float:left; + width: 600px; + height: 450px; + overflow-y: scroll; + padding: 5px 10px; +} + +#rng-visualEditor-contentWrapper::-webkit-scrollbar, +#rng-visualEditor-editPaneNavigation::-webkit-scrollbar +{ + width: 9px; +} + +#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-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-editPaneNavigation::-webkit-scrollbar-thumb:window-inactive + { + background: rgba(73,175,205,0.4); +} + + +#rng-visualEditor-content { + + outline: 0px solid transparent; +} + +#rng-visualEditor-sidebar { + float:right; + width: 266px; + height:450px; + position:relative; + border-width: 1px 1px 1px 1px; + border-style: solid; + border-color: #ddd; + padding: 5px 15px; + +} + +#rng-visualEditor-sidebar, +#rng-visualEditor-sidebar p, +#rng-visualEditor-sidebar td, +#rng-visualEditor-sidebar label, +#rng-visualEditor-sidebar input, +#rng-visualEditor-sidebar select { + font-size: 11px; + line-height:13px; +} + +#rng-visualEditor-sidebar select { + -webkit-appearance: button; + -moz-appearance: button; + appearance: button; + height: auto; + line-height: 14px; +} + +#rng-visualEditor-sidebar label + select { + position:relative; + top: 5px; +} + +#rng-visualEditor-sidebarButtons { + /*-webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); */ + + position:absolute; + top:-1px; + right:-50px; + border-width: 1px 1px 1px 0px; + border-style: solid; + border-color: #ddd; + padding: 5px; + background: #ededed; +} + +#rng-visualEditor-sidebarButtons ul { + margin-bottom: 0px; +} + +.rng-visualEditor-editPaneNodeForm label , +.rng-visualEditor-editPaneSelectionForm label +{ + width: 50px; + display: inline-block; +} + +.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; +} + +#rng-visualEditor-meta table [contenteditable] { + cursor: pointer; +} + +#rng-visualEditor-meta table li:last-child { + border-bottom: none !important; +} + +#rng-visualEditor-meta table tr td:nth-child(1){ + width: 20%; +} + +#rng-visualEditor-meta table tr td:nth-child(2) { + width:80%; +} + +#rng-visualEditor-meta .rng-visualEditor-metaAddBtn { + float:right; + margin-right:6px; +} + +#rng-visualEditor-meta .btn{ + padding:3px; + 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; +} + +[wlxml-tag] { + float: none !important; /* temporaty workaround for Bootstrap's influence via [class*="span"] { float: left; } */ + 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: 13px; + font-weight: bold; + margin: 10px 0; +} + +[wlxml-tag=section] { + margin-top: 10px; + 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; + border-width:1px; +} + +.rng-current { + background: #fffacd; + border-color: grey; + border-style:dashed; + border-width:1px; } \ No newline at end of file