X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/bc45c0b826b50a6d5f472d0ebcbe92bb1b5a68c4..76a7781f806775f0b29c50ab8937e4dd64807830:/project/static/css/master.css diff --git a/project/static/css/master.css b/project/static/css/master.css index 84a91294..5912e1e7 100644 --- a/project/static/css/master.css +++ b/project/static/css/master.css @@ -94,13 +94,6 @@ label { bottom: 0px; left: 0px; right: 0px; top: 50px; } -.panels-mouse-overlay { - position: absolute; - top: 0px; bottom: 0px; left: 0px; right: 0px; - z-index: 0; - background: transparent; -} - .panel-wrap { overflow: hidden; position: absolute; /* absolute to relation with #panels */ @@ -120,12 +113,26 @@ label { } /* contents */ -.panel-contents { +.panel-content { position: absolute; - top: 22px; left: 0px; right: 8px; bottom:0px; + top: 22px; left: 0px; bottom:0px; right: 0px; +} + +.panel-overlay { + position: absolute; + top: 0px; bottom: 0px; left: 0px; right: 0px; + z-index: 10; + background: gray; + opacity: 0.8; + text-align: center; + overflow: hidden; + display: none; +} + +.panel-content-overlay { } -.panel-wrap.no-slider .panel-contents { +.panel-wrap.last-panel .panel-content { right: 0px; } @@ -153,6 +160,7 @@ label { /* Slider between panels */ .panel-wrap .panel-slider { position: absolute; + background-color: #DDD; top: 0px; bottom: 0px; right: 0px; width: 6px; @@ -160,6 +168,8 @@ label { border-right: 1px solid #999; border-top: none; border-bottom: none; + + z-index: 5; } .panel-wrap .panel-slider:hover { @@ -167,6 +177,10 @@ label { cursor: col-resize; } +.panel-content-overlay.panel-wrap .panel-slider { + background-color: #DDD; +} + /* ================= */ /* = Gallery panel = */ /* ================= */ @@ -180,12 +194,12 @@ label { /* = XML Editor panel = */ /* ==================== */ -#toolbar { +.toolbar { height: 48px; overflow: hidden; } -#toolbar, #toolbar ol, #sidebar-toolbar, #sidebar-toolbar ol { +.toolbar, .toolbar ol { /* overflow: hidden;*/ display: block; margin: 0; @@ -194,15 +208,7 @@ label { border-top: 1px solid #AAA; } -#sidebar-toolbar { - width: 0; -} - -#sidebar-toolbar, #sidebar-toolbar ol { - overflow: hidden; -} - -#sidebar-tabs li, #toolbar-tabs li { +.toolbar-tabs li { font-size: 14px; display: block; float: left; @@ -218,24 +224,24 @@ label { -webkit-border-top-right-radius: 8px; } -#sidebar-tabs, #toolbar-tabs { +.toolbar-tabs { height: 21px; z-index: 1000; /* overflow: hidden;*/ } -#sidebar-tabs li:hover, #sidebar-tabs li.active, #toolbar-tabs li:hover, #toolbar-tabs li.active { +.toolbar-tabs li:hover, .toolbar-tabs li.active { cursor: default; background-color: #EEE; border-bottom: 1px solid #EEE; } -#toolbar-buttons { +.toolbar-buttons { background-color: #EEE; border-bottom: 1px solid #AAA; } -#toolbar-buttons li { +.toolbar-buttons li { display: block; font-size: 12px; padding: 1px 8px; @@ -246,7 +252,7 @@ label { float: left; } -#toolbar-buttons li:hover { +.toolbar-buttons li:hover { background-color: #777; color: #FFF; cursor: default;