X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/16c1f6ba31642aa189c514d21dcdc1b27e1dcd4e..be97b26f386471a32186791be8f72f8ad9f6b3e1:/project/static/css/master.css?ds=inline diff --git a/project/static/css/master.css b/project/static/css/master.css index 66997a93..a9c0a41b 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,58 @@ 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 { overflow: hidden; } -#toggle-sidebar { - background-color: #DDD; - width: 7px; - height: 100%; +#left-panel-wrap { float: left; + width: 8px; } -#toggle-sidebar:hover { - background-color: #999; - cursor: pointer; -} -#status-bar { - border-top: 1px solid #999; - background-color: #EEE; - padding: 2px 10px; +/* 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; } -.errorlist { - color: red; - margin: 0 20px 0 0; - padding: 0; +.panel-toolbar label { + display: block; float: left; + margin: 0 10px 0 2px; } -.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; - border-bottom: 1px solid #AAA; +/* 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 { - display: block; - float: left; - margin: 0; - padding: 0; - border-left: 1px solid #EEE; - border-right: 1px solid #AAA; +#slider:hover { + background-color: #999; + cursor: col-resize; } -#toolbar li p, #toolbar ol li { - padding: 2px 10px; +/* ================= */ +/* = Gallery panel = */ +/* ================= */ +.images-wrap { + overflow-x: hidden; + overflow-y: scroll; } -#toolbar li p:hover { - cursor:pointer; - background-color: #EEE; -} \ No newline at end of file