X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/80ba576b659d4ee4e19e9f422cef4e1644a03d8d..456187c9000834d77372cf03f7a63c7bb4d9da49:/project/static/css/master.css diff --git a/project/static/css/master.css b/project/static/css/master.css index f7450f52..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 { @@ -80,7 +91,7 @@ label { #panels { position: absolute; - bottom: 0px; left: 0px; right: 0px; top: 100px; + bottom: 0px; left: 0px; right: 0px; top: 50px; } .panel-wrap { @@ -102,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; } @@ -134,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 { @@ -147,6 +177,10 @@ label { cursor: col-resize; } +.panel-content-overlay.panel-wrap .panel-slider { + background-color: #DDD; +} + /* ================= */ /* = Gallery panel = */ /* ================= */ @@ -231,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; +} +