X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/16c1f6ba31642aa189c514d21dcdc1b27e1dcd4e..8fc3d8505b109795a205f4d48bceb3806f638291:/project/static/css/master.css?ds=sidebyside diff --git a/project/static/css/master.css b/project/static/css/master.css index 66997a93..c9835892 100644 --- a/project/static/css/master.css +++ b/project/static/css/master.css @@ -5,7 +5,7 @@ body { } #breadcrumbs { - padding: 5px 10px; + padding: 2px 10px; background-color: #CDCDCD; border-bottom: 1px solid #858585; } @@ -74,82 +74,50 @@ label { overflow-y: scroll; } -#images-wrap { - width: 0px; - height: 480px; - border-right: 1px solid #999; - overflow-y: scroll; - overflow-x: hidden; - background-color: #fff; - float: left; -} - -#sidebar { - float: left; - width: 8px; +/* ========== */ +/* = Panels = */ +/* ========== */ +.panel-wrap { + position: relative; 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 { - color: red; - margin: 0 20px 0 0; - padding: 0; +#left-panel-wrap { float: left; + width: 8px; } -.errorlist:before { - content: ''; - clear: both; -} - -p { - margin: 0; -} -.image-box { - border-top: 1px solid #DDD; -} - -#toolbar, #toolbar ol { - display: block; - margin: 0; - padding: 0; - background-color: #CCC; +/* Toolbars with select box to change panel contents*/ +.panel-toolbar { + height: 20px; + padding: 0 0 2px 0; + border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; + font-size: 12px; + line-height: 20px; + background-color: #DDD; + white-space: nowrap; + overflow: hidden; } -#toolbar li { +.panel-toolbar label { display: block; float: left; - margin: 0; - padding: 0; - border-left: 1px solid #EEE; - border-right: 1px solid #AAA; + margin: 0 10px 0 2px; } -#toolbar li p, #toolbar ol li { - padding: 2px 10px; +/* Slider between panels */ +#slider { + border-left: 1px solid #999; + border-right: 1px solid #999; + background-color: #DDD; + width: 8px; + height: 100%; + float: left; } -#toolbar li p:hover { - cursor:pointer; - background-color: #EEE; -} \ No newline at end of file +#slider:hover { + background-color: #999; + cursor: col-resize; +}