X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/8dab5054c8fd93cbb2c3067fe48a5efff0c75867..3b370c78b8ac967a56be8321bbd88618a52aa017:/project/static/css/master.css diff --git a/project/static/css/master.css b/project/static/css/master.css index 1efa2d66..8b971142 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,26 +74,40 @@ label { overflow-y: scroll; } -#whatever { - float: left; +/* ========== */ +/* = Panels = */ +/* ========== */ +.panel-wrap { + overflow: hidden; } -#images-wrap { -/* width: 0px;*/ - height: 480px; - overflow-y: scroll; - overflow-x: hidden; - background-color: #fff; +#left-panel-wrap { float: left; + width: 8px; } -#sidebar { - float: left; - width: 8px; + +/* 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; } -#toggle-sidebar { +.panel-toolbar label { + display: block; + float: left; + margin: 0 10px 0 2px; +} + +/* Slider between panels */ +#slider { border-left: 1px solid #999; border-right: 1px solid #999; background-color: #DDD; @@ -102,38 +116,31 @@ label { float: left; } -#toggle-sidebar:hover { +#slider:hover { background-color: #999; cursor: col-resize; } -#status-bar { - border-top: 1px solid #999; - background-color: #EEE; - padding: 2px 10px; -} - -.errorlist { - color: red; - margin: 0 20px 0 0; - padding: 0; - float: left; +/* ================= */ +/* = Gallery panel = */ +/* ================= */ +.images-wrap, .htmleditor { + overflow-x: hidden; + overflow-y: scroll; } -.errorlist:before { - content: ''; - clear: both; -} -p { - margin: 0; -} +/* ==================== */ +/* = XML Editor panel = */ +/* ==================== */ -.image-box { - border-top: 1px solid #DDD; +#toolbar { + height: 48px; + overflow: hidden; } -#toolbar, #toolbar ol { +#toolbar, #toolbar ol, #sidebar-toolbar, #sidebar-toolbar ol { +/* overflow: hidden;*/ display: block; margin: 0; padding: 0; @@ -141,22 +148,12 @@ p { border-top: 1px solid #AAA; } -#toolbar { - overflow: hidden; - width: 400%; +#sidebar-toolbar { + width: 0; } #sidebar-toolbar, #sidebar-toolbar ol { overflow: hidden; - display: block; - margin: 0; - padding: 0; - background-color: #CCC; - border-bottom: 1px solid #AAA; -} - -#sidebar-toolbar { - width: 0; } #sidebar-tabs li, #toolbar-tabs li {