X-Git-Url: https://git.mdrn.pl/fnpeditor.git/blobdiff_plain/a5871ab5512d87a33e7e95451d26ee7d3e789742..6c3435b786691478af2fd07f4e9bc91fb008bcce:/editor.css diff --git a/editor.css b/editor.css index b426734..1063cff 100644 --- a/editor.css +++ b/editor.css @@ -9,4 +9,177 @@ body { .rng-tab-content { display: none; +} + +#rng-skelton-menu { + float: right; +} + +#rng-skelton-menu ul { + list-style-type: none; +} + +#rng-visualEditor-contentWrapper { + border-color: #ddd; + border-style: solid; + border-width: 1px; + float:left; + width: 600px; + height: 500px; + overflow-y: scroll; + padding: 5px 10px; +} + +#rng-visualEditor-contentWrapper::-webkit-scrollbar { + width: 9px; +} + +#rng-visualEditor-contentWrapper::-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 { + -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 { + background: rgba(73,175,205,0.4); +} + + +#rng-visualEditor-content { + + outline: 0px solid transparent; +} + +#rng-visualEditor-sidebar { + float:right; + width: 266px; + height:500px; + position:relative; + border-width: 1px 1px 1px 1px; + border-style: solid; + border-color: #ddd; + padding: 5px 15px; + +} + +#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 { + width: 50px; + display: inline-block; +} + +.rng-visualEditor-editPaneNodeForm select { + width: 100px; +} + +#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-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; +} + +[wlxml-tag=header] { + font-size: 19px; + font-style: bold; + margin-bottom: 10px; +} + +[wlxml-tag=section] { + margin-top: 10px; + margin-bottom: 10px; +} + +.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