X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/6da03c3c5f257a0123cd283469459668fd653fe4..3ffb4cfcbc5dbbbe4926b48bd44ab73c037fe504:/platforma/static/css/master.css diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css old mode 100755 new mode 100644 index e3d0b9c8..d2768be9 --- a/platforma/static/css/master.css +++ b/platforma/static/css/master.css @@ -3,6 +3,8 @@ body { overflow: hidden; padding: 0; min-width: 960px; + width: 100%; + height: 100%; } .vsplitbar { @@ -10,13 +12,18 @@ body { top: 25px; bottom: 0; right: 0;; - width: 14px; - background: #EEE url(/static/img/gallery.png) no-repeat scroll center center; + width: 13px; + background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center; border-left: 1px solid #999; - cursor: col-resize; + border-right: 1px solid #999; + cursor: w-resize; +} + +.vsplitbar.active { + cursor: e-resize; } -#source-editor, #simple-editor { +#source-editor, #simple-editor, #history-viewer { position: absolute; top: 25px; bottom: 0; @@ -25,7 +32,7 @@ body { overflow: hidden; } -#html-view { +#html-view, #history-view { overflow: auto; position: absolute; top: 27px; @@ -36,7 +43,7 @@ body { #sidebar { position: absolute; - overflow: auto; + overflow: hidden; top: 25px; right: 0; bottom: 0; @@ -54,7 +61,7 @@ body { font-weight: bold; } -#header h1 { +#header h1, #header h1 a { margin: 0; padding: 0; font: 17px Helvetica, Verdana, sans-serif; @@ -65,6 +72,11 @@ body { line-height: 20px; } +#header h1 a { + text-decoration: none; + color: #222; +} + #tabs { margin: 0; padding: 0; @@ -100,28 +112,45 @@ body { } .toolbar { + width: 100%; border-bottom: 1px solid #777; background-color: #C1C1C1; margin: 0; padding: 2px; + z-index: 10; /* height: 22px;*/ } +.toolbar button { + display: block; + float: left; + margin: 4px 0 2px 0; + padding: 2px 5px; + border: none; + background: none; +} + +.toolbar button img { + margin: 0; + padding: 0; + margin-bottom: -3px; +} + + .toolbar select { float: left; - margin: 2px 5px 2px 0; + margin: 1px 5px 1px 0; background: none; border: 1px solid #999; padding: 1px; } -.toolbar button { - display: block; +.toolbar input { float: left; - margin: 4px 0 2px 0; - padding: 0 5px 2px 5px; - border: none; - background: none; + font-size: 11px; + padding: 0; + margin: 4px 5px 0px 5px; + vertical-align:baseline; } .toolbar-end { @@ -152,4 +181,136 @@ p { margin: 0;} background-color: #FAFAFA; border: 1px solid #DDD; /* -webkit-transition: all 1s linear;*/ -} \ No newline at end of file +} + + +/* =========== */ +/* = Gallery = */ +/* =========== */ +.change-gallery-panel { + width: 100%; + border-bottom: 1px solid #777; + background-color: #C1C1C1; + margin: 0; + padding: 2px; + z-index: 10; +} + +.gallery-image { + position: absolute; + top: 30px; + right: 0; + bottom: 0; + left: 0; + margin: 0; + border: none; + background-color: #000; + overflow: hidden; +} + +.gallery-image img { + position: absolute; + -moz-drag: none; + user-select: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + cursor: pointer; +} + + +#body-wrap { + height: 100%; + width: 100%; +} +#content { + height: 100%; + width: 100%; +} + +#loading-overlay { + background-color: #FFF; + position: absolute; + z-index: 1000; + padding: 0; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#loading-message { + position: absolute; + height: 20px; + width: 120px; + left: 50%; + margin-left: -60px; + top: 50%; + margin-top: -10px; +/* text-align: center;*/ +} + +#loading-message img { + float: left; + margin-right: 10px; + margin-top: -6px; +} + + +.xml-iframe { + margin-left: 40px; +} + +/* + * CodeMirror + */ +.CodeMirror-line-numbers { + background: #e6ddd5; + padding-top: 0.35em; +} + +.CodeMirror-line-numbers div { + padding: 0; + padding-right: 4px; + + font-size: 8pt; + line-height: 17px; + text-align: right; + + width: 40px; +} + +/* DIFFS */ + #history-view table { + width: 75%; + margin: 1em auto; + max-height: 400px; + overflow-y: auto; + } + + #diff-view { + border: 2px solid black; + background: #fafafa; + margin: 1em auto; + width: 90%; + } + + td.diff_header { + display: none; + } + + td.diff_next { + display: none; + } + + .diff_sub { + background-color: #ef4040; + } + + .diff_chg { + background-color: #efef40; + } + + .diff_add { + background-color: #40ef40; + }