Lepší vyřešení rozlišení webů

mamweb/static/css/rozliseni.css

@@ -1,29 +1,32 @@
 /* Rozlišení mezi lokálním, test a produkčním webem */
 
-.localweb {
-    border-left: 20px solid greenyellow;
-    border-right: 20px solid greenyellow;
+.localweb:before, .localweb:after {
+	content: "";
+	position: fixed;
+	width: 20px;
+	height: 100%;
+	left: 0;
+	right: 0;
+	background: greenyellow;
 }
 
-.localweb .login-bar {
-    margin-left: -20px;
-}
-
-.testweb {
-    border-left: 20px solid darkorange;
-    border-right: 20px solid darkorange;
-}
-
-.testweb .login-bar {
-    margin-left: -20px;
+.testweb:before, .testweb:after {
+	content: "";
+	position: fixed;
+	width: 20px;
+	height: 100%;
+	left: 0;
+	right: 0;
+	background: darkorange;
 }
 
 /* Produkční web z pohledu superuživatele */
-.suprodweb {
-    border-left: 20px solid red;
-    border-right: 20px solid red;
-}
-
-.suprodweb .login-bar {
-    margin-left: -20px;
+.suprodweb:before, .suprodweb:after {
+	content: "";
+	position: fixed;
+	width: 20px;
+	height: 100%;
+	left: 0;
+	right: 0;
+	background: red;
 }