X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/8f5de4086a5456b580c4fd4de972da986d3cbb63..a8045c91f2dc8ae51ca5140b54f4419a6f0c0087:/redakcja/static/css/master.css?ds=inline diff --git a/redakcja/static/css/master.css b/redakcja/static/css/master.css index 11f48dcf..075f59d8 100644 --- a/redakcja/static/css/master.css +++ b/redakcja/static/css/master.css @@ -23,15 +23,29 @@ body { bottom: 0; right: 0; width: 26px; - background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center; + /*background: #C1C1C1 url(../img/gallery.png) no-repeat scroll center center;*/ border-left: 2px solid #999; border-right: 2px solid #999; - cursor: pointer; + cursor: pointer; + background: #C1C1C1; } .vsplitbar:hover { - background-color: yellow; - border-color: orange; + background-color: #E6E6E6; +} + + +.vsplitbar p { + font: 12px Helvetica,Verdana,sans-serif; + + -moz-transform: rotate(270deg); + -moz-transform-origin: 50% 50%; + -webkit-transform: rotate(270deg); + -webkit-transform-origin: 50% 50%; + -o-transform: rotate(-270deg); + -o-transform-origin: bottom left; + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + margin: 250px auto; } .editor { @@ -87,6 +101,7 @@ body { font-weight: bold; } + #header.saving { background-color: #E1C1C1; } @@ -99,17 +114,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 { @@ -117,6 +150,10 @@ body { color: #222; } +#header img { + border: 0; +} + .tabs { overflow: hidden; margin: 0; @@ -133,7 +170,6 @@ body { } .tabs li { - height: 18px; margin-top: 6px; margin-bottom: 0px; @@ -142,10 +178,6 @@ body { display: block; float: left; - padding-left: 12px; - padding-right: 12px; - padding-top: 5px; - font-weight: bold; color: #222; margin-left: 4px; @@ -163,10 +195,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; @@ -289,23 +338,14 @@ img.tabclose { padding-left: 1em; } -/* specialChars */ -#specialCharsContainer { - text-align: center; - width: 600px; - padding:20px; - background-color: gray; - position: absolute; - top: 20px; - left: 20px; - z-index:1000; +.saveNotify { + position:absolute; bottom:7px; left:30px; z-index:800; background-color: #E6E6E6; padding:20px; border: 1px solid black; } -#specialCharsContainer a { - color: white; + +.notifyTip { + font-size:12px; float:right; +} + +.saveNotify span { font-weight: bold; -} -#tableSpecialChars td input { - background-color: transparent; - border:0; - color: white; -} +}