X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/eee32b1483a26a3faa9ad19beb32cfd57aca6c4b..36ea564aabce5f15b890fabaa06faf34d7bd1044:/project/static/css/master.css diff --git a/project/static/css/master.css b/project/static/css/master.css index bbd98155..88e6583e 100644 --- a/project/static/css/master.css +++ b/project/static/css/master.css @@ -4,10 +4,21 @@ body { overflow: hidden; } -#breadcrumbs { - padding: 2px 10px; +#header { + position: relative; + padding: 2px 0.5em; background-color: #CDCDCD; - border-bottom: 1px solid #858585; + border-bottom: 1px solid black; + clear: both; +} + +#header #breadcrumbs { + +} + +#header #login_info { + position: absolute; + right: 1em; } ul { @@ -83,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 */ @@ -109,12 +113,26 @@ label { } /* contents */ -.panel-contents { +.panel-content { + position: absolute; + top: 22px; left: 0px; bottom:0px; right: 0px; +} + +.panel-overlay { position: absolute; - top: 22px; left: 0px; right: 8px; bottom:0px; + 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; } @@ -141,12 +159,17 @@ label { /* Slider between panels */ .panel-wrap .panel-slider { - position: absolute; + position: absolute; + background-color: #DDD; - top: 0px; bottom: 0px; right: 0px; width: 6px; + top: 0px; bottom: 0px; right: 0px; width: 6px; border-left: 1px solid #999; border-right: 1px solid #999; + border-top: none; + border-bottom: none; + + z-index: 5; } .panel-wrap .panel-slider:hover { @@ -154,6 +177,10 @@ label { cursor: col-resize; } +.panel-content-overlay.panel-wrap .panel-slider { + background-color: #DDD; +} + /* ================= */ /* = Gallery panel = */ /* ================= */ @@ -238,3 +265,18 @@ label { color: #FFF; cursor: default; } + + +div.isection { + margin: 1em auto; + border: 1px solid black; + padding: 0.5em 2em; + background: #9f9ffa; + + width: 60%; +} + +div.isection p { + margin: 0.5em 1em; +} +