diff --git a/mamweb/static/css/layout.css b/mamweb/static/css/layout.css index d488c3b0..36a7fd32 100644 --- a/mamweb/static/css/layout.css +++ b/mamweb/static/css/layout.css @@ -86,6 +86,92 @@ div.content { /******************/ +/**** Footer ****/ +#footer { + position: absolute; + bottom: 0; + width: 100%; + background: url("../images/mozaika-footer.svg") no-repeat top center; + height: var(--footer-height); + background-size: 100%; + filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); + padding-top: 3.5%; +} + +#footer p.license { + text-align: center; + font-weight: 400; + bottom: 0px; +} + +#footer p.license a { + color: #333; +} + +p.license-mobile { + display: none; + margin-bottom: 0px; +} + +@media (max-width: 650px) { + #footer { + display: none; + } + + p.license-mobile { + position: relative; + display: block; + font-size: 90%; + background-color: var(--hlavni-oranzova); + padding: 5%; + text-align: justify; + } +} +/****************/ + + +/**** LOGIN BAR ****/ +div.login-bar { + background: var(--orgovska-fialova); + color: var(--svetla-oranzova); + width: 100%; + + position: fixed; + margin-top: calc(-1 * var(--login-bar-height)); + min-height: var(--login-bar-height); + z-index: 4086; + + padding-left: 5px; + padding-right: 5px; +} + +div.login-bar div { + display: inline; +} + +a.login-ref-admin { + display: inline; + color: var(--barva-pozadi); +} + +.napis-webarum { + display: inline; + color: var(--barva-pozadi); + float: right; +} + +.napis-webarum a { + color: var(--svetla-oranzova); + text-decoration: underline; +} +/*******************/ + + + + + + + /**** MENU ****/ ul.menu_mobile { display: none; @@ -174,86 +260,8 @@ ul.submenu li.active>a, .parentactive ul li:first-child>a { /**************/ -/**** Footer ****/ -#footer { - position: absolute; - bottom: 0; - width: 100%; - background: url("../images/mozaika-footer.svg") no-repeat top center; - height: var(--footer-height); - background-size: 100%; - filter: drop-shadow(5px 0px 5px rgba(0, 0, 0, 0.4)); - padding-top: 3.5%; -} - -#footer p.license { - text-align: center; - font-weight: 400; - bottom: 0px; -} - -#footer p.license a { - color: #333; -} - -p.license-mobile { - display: none; - margin-bottom: 0px; -} - -@media (max-width: 650px) { - #footer { - display: none; - } - - p.license-mobile { - position: relative; - display: block; - font-size: 90%; - background-color: var(--hlavni-oranzova); - padding: 5%; - text-align: justify; - } -} -/****************/ - - -/**** LOGIN BAR ****/ -div.login-bar { - background: var(--orgovska-fialova); - color: var(--svetla-oranzova); - width: 100%; - - position: fixed; - margin-top: calc(-1 * var(--login-bar-height)); - min-height: var(--login-bar-height); - z-index: 4086; - - padding-left: 5px; - padding-right: 5px; -} -div.login-bar div { - display: inline; -} - -a.login-ref-admin { - display: inline; - color: var(--barva-pozadi); -} - -.napis-webarum { - display: inline; - color: var(--barva-pozadi); - float: right; -} - -.napis-webarum a { - color: var(--svetla-oranzova); - text-decoration: underline; -} -/*******************/ /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/