X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/0c64954c4295bea6529f13fa027341ce50dfd4fa..75669838ac1f6c847aa2c343fee17ea642d52462:/project/static/css/master.css?ds=inline diff --git a/project/static/css/master.css b/project/static/css/master.css index a80c82b9..03bcd210 100644 --- a/project/static/css/master.css +++ b/project/static/css/master.css @@ -1,6 +1,7 @@ body { margin: 0; - font: 100%/1.5 Georgia, Verdana, sans-serif; + font: 14px Helvetica, Verdana, sans-serif; + overflow: hidden; } #breadcrumbs { @@ -62,29 +63,49 @@ label { display: block; } -textarea { +#text_id { width: 480px; height: 480px; - padding: 5px 10px; } #file-text { padding: 5px 10px; overflow-x: hidden; overflow-y: scroll; - width: 480px; - height: 480px; - border: 1px solid #999; } -#images { - float: left; - width: 480px; +#images-wrap { + width: 0px; height: 480px; - border: 1px solid #999; - padding: 5px 10px; + border-right: 1px solid #999; overflow-y: scroll; overflow-x: hidden; + background-color: #fff; + float: left; +} + +#sidebar { + float: left; + width: 8px; + overflow: hidden; +} + +#toggle-sidebar { + background-color: #DDD; + width: 7px; + height: 100%; + float: left; +} + +#toggle-sidebar:hover { + background-color: #999; + cursor: pointer; +} + +#status-bar { + border-top: 1px solid #999; + background-color: #EEE; + padding: 2px 10px; } .errorlist { @@ -98,6 +119,69 @@ textarea { content: ''; clear: both; } + p { margin: 0; -} \ No newline at end of file +} + +.image-box { + border-top: 1px solid #DDD; +} + +#toolbar, #toolbar ol { + display: block; + margin: 0; + padding: 0; + background-color: #CCC; + border-bottom: 1px solid #AAA; +} + +#toolbar { + overflow: hidden; + width: 400%; +} + +#toolbar-tabs li { + font-size: 14px; + display: block; + float: left; + margin: 4px 4px 0 0; + padding: 2px 10px 0 10px; + border-left: 1px solid #EEE; + border-right: 1px solid #AAA; + margin-bottom: -1px; + border: 1px solid #AAA; + border-radius-topleft: 8px; + border-radius-topright: 8px; + -moz-border-radius-topleft: 8px; + -moz-border-radius-topright: 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; +} + +#toolbar-tabs li:hover, #toolbar-tabs li.active { + cursor: default; + background-color: #EEE; + border-bottom: 1px solid #EEE; +} + +#toolbar-buttons { + background-color: #EEE; +} + +#toolbar-buttons li { + display: block; + font-size: 12px; + padding: 1px 8px; + margin: 4px; + border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 8px; + float: left; +} + +#toolbar-buttons li:hover { + background-color: #777; + color: #FFF; + cursor: default; +}