mam/mamweb
11
0
Fork 0
Code Issues Pull requests 8 Projects Wiki Activity Actions

Přesun CSS menu mimo hlavní layout

Browse source
This commit is contained in:
Jonas Havelka 2024-02-20 19:16:47 +01:00
parent 10c252cd16
commit ee7771bdb3
1 changed files with 86 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

164
mamweb/static/css/layout.css
View file

@ -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 ****/