X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/825884d5336fece8448c24c002ddae8a93dca50d..cf85c8a0c77196eb2c66a722444ac69903c1b12a:/platforma/static/css/master.css?ds=sidebyside diff --git a/platforma/static/css/master.css b/platforma/static/css/master.css index 62396843..07487d3d 100755 --- a/platforma/static/css/master.css +++ b/platforma/static/css/master.css @@ -3,23 +3,33 @@ body { overflow: hidden; padding: 0; min-width: 960px; + width: 100%; + height: 100%; } .vsplitbar { - width: 14px; - background: #EEE url(/static/img/gallery.png) no-repeat scroll center center; + position: absolute; + top: 25px; + bottom: 0; + right: 0;; + 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; } -.active { - background-color: #DDD; +.vsplitbar.active { + cursor: e-resize; } -#simple-editor { - height: 100%; +#source-editor, #simple-editor { + position: absolute; + top: 25px; + bottom: 0; + left: 0; + right: 15px; overflow: hidden; - position: relative; } #html-view { @@ -32,7 +42,14 @@ body { } #sidebar { - overflow: auto; + position: absolute; + overflow: hidden; + top: 25px; + right: 0; + bottom: 0; + width: 0; + display: none; + background-color: #FFF; } #header { @@ -44,7 +61,7 @@ body { font-weight: bold; } -#header h1 { +#header h1, #header h1 a { margin: 0; padding: 0; font: 17px Helvetica, Verdana, sans-serif; @@ -55,6 +72,11 @@ body { line-height: 20px; } +#header h1 a { + text-decoration: none; + color: #222; +} + #tabs { margin: 0; padding: 0; @@ -90,28 +112,37 @@ body { } .toolbar { + width: 100%; border-bottom: 1px solid #777; background-color: #C1C1C1; margin: 0; padding: 2px; - height: 22px; + z-index: 10; +/* height: 22px;*/ +} + +.toolbar button { + display: block; + float: left; + margin: 4px 0 2px 0; + padding: 0 5px 2px 5px; + border: none; + background: none; } .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: 2px 5px 0 5px; } .toolbar-end { @@ -132,4 +163,87 @@ button::-moz-focus-inner { padding: 0; } -p { margin: 0;} \ No newline at end of file +p { margin: 0;} + +.htmlview *[x-editable] { + background-color: white; +} + +.htmlview .active[x-editable] { + background-color: #FAFAFA; + border: 1px solid #DDD; +/* -webkit-transition: all 1s linear;*/ +} + + +/* =========== */ +/* = 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: 27px; + 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; +} \ No newline at end of file