X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/a08a59835fa7872c69ec1a662aa7945473eeaf2b..514e98aeae05045d0086aae39960124a572e646f:/platforma/static/css/master.css?ds=sidebyside diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css old mode 100755 new mode 100644 index d7b6dc0b..5884d8aa --- 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,10 +12,15 @@ 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 { @@ -28,7 +35,7 @@ body { #html-view { overflow: auto; position: absolute; - top: 26px; + top: 27px; bottom: 0; left: 0; right: 0; @@ -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,10 +112,12 @@ body { } .toolbar { + width: 100%; border-bottom: 1px solid #777; background-color: #C1C1C1; margin: 0; padding: 2px; + z-index: 10; /* height: 22px;*/ } @@ -111,11 +125,18 @@ body { display: block; float: left; margin: 4px 0 2px 0; - padding: 0 5px 2px 5px; + padding: 2px 5px; border: none; background: none; } +.toolbar button img { + margin: 0; + padding: 0; + margin-bottom: -3px; +} + + .toolbar select { float: left; margin: 1px 5px 1px 0; @@ -125,9 +146,11 @@ body { } .toolbar input { + float: left; font-size: 11px; padding: 0; - margin: 2px 5px 0 5px; + margin: 4px 5px 0px 5px; + vertical-align:baseline; } .toolbar-end { @@ -158,4 +181,102 @@ 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; +} + \ No newline at end of file