X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/087829d6b0ab58254c1d702f131978b48ddba372..ab47432c3b01145efcad2c2de1c945e9a3a1822b:/redakcja/static/css/master.css?ds=sidebyside diff --git a/redakcja/static/css/master.css b/redakcja/static/css/master.css index f6266dfe..03945987 100644 --- a/redakcja/static/css/master.css +++ b/redakcja/static/css/master.css @@ -28,14 +28,17 @@ body { border-right: 2px solid #999; cursor: pointer; background: #C1C1C1; + z-index:100; + cursor: col-resize; } .vsplitbar:hover { background-color: #E6E6E6; } - .vsplitbar p { + font: 12px Helvetica,Verdana,sans-serif; + -moz-transform: rotate(270deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(270deg); @@ -46,6 +49,17 @@ body { margin: 250px auto; } +#drag-layer { + position:absolute; + top:0; + bottom:0; + left:0; + right:0; + z-index:1000; + display: none; + cursor: col-resize; +} + .editor { position: absolute; top: 0px; @@ -55,6 +69,29 @@ body { overflow: hidden; } +.sideless .editor { + right: 0; +} +.image-object { + padding-left: 1em; + font: 12px Sans, Helvetica, Verdana, sans-serif; +} +.image-object:hover { + cursor: pointer; +} +#objects-list .delete { + padding-left: 3px; + font: 10px Sans, Helvetica, Verdana, sans-serif; +} +#objects-list .delete:hover { + cursor: pointer; +} + +#objects-list .active { + color: #800; +} + + #editor.readonly .editor { right: 0px; } @@ -97,8 +134,11 @@ body { font: 11px Helvetica, Verdana, sans-serif; font-weight: bold; + + z-index: 100; } + #header.saving { background-color: #E1C1C1; } @@ -111,17 +151,35 @@ body { } .saving #save-attempt-info { display: inline; + font-weight: normal; +} + + +#header.out-of-date { + background-color: #E1C1C1; +} +#header.out-of-date #save-button { + display: none; +} +#out-of-date-info { + color: #801000; + display: none; +} +.out-of-date #out-of-date-info { + display: inline; } + + #header h1, #header h1 a { margin: 0; padding: 0; - font: 17px Helvetica, Verdana, sans-serif; + font: 9px Helvetica, Verdana, sans-serif; font-weight: bold; float: left; - padding: 3px 6px 2px 6px; + padding: 3px 3px 2px 3px; color: #222; - line-height: 20px; + #line-height: 20px; } #header h1 a { @@ -129,6 +187,10 @@ body { color: #222; } +#header img { + border: 0; +} + .tabs { overflow: hidden; margin: 0; @@ -139,13 +201,16 @@ body { float: left; } +.tabs a { + color: black; +} + #tabs-right { float: right; padding-right: 1em; } .tabs li { - height: 18px; margin-top: 6px; margin-bottom: 0px; @@ -154,10 +219,6 @@ body { display: block; float: left; - padding-left: 12px; - padding-right: 12px; - padding-top: 5px; - font-weight: bold; color: #222; margin-left: 4px; @@ -175,10 +236,27 @@ body { -webkit-border-bottom-right-radius: 0px; } +#tabs li { + height: 18px; + padding-left: 12px; + padding-right: 12px; + padding-top: 5px; +} + .tabs li.active { background-color: #C1C1C1; } + +#tabs-right li { + height: 20px; + padding-left: 12px; + padding-right: 12px; + padding-top: 3px; +} + + + #tools { float: right; clear: right; @@ -277,10 +355,6 @@ img.tabclose { overflow: hidden; } -.htmlview *[x-editable] { - background-color: white; - -} .htmlview .active[x-editable] { background-color: #FAFAFA; border: 1px solid #DDD; @@ -300,3 +374,34 @@ img.tabclose { .wers_akap { padding-left: 1em; } + +.saveNotify { + position:absolute; + bottom:22px; + right:7px; + z-index:800; + background-color: #FFFF69; + padding:10px; + border: 1px solid black; + border-radius: 5px; + -moz-border-radius: 15px; +} + +.notifyTip { + font-size:12px; float:right; +} + +.saveNotify span { + font-weight: bold; +} + + + +.scrolled { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: auto; +}