Přesun CSS menu mimo hlavní layout

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