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 {
+.localweb:before, .localweb:after {
-    border-left: 20px solid greenyellow;
+	content: "";
-    border-right: 20px solid greenyellow;
+	position: fixed;
+	width: 20px;
+	height: 100%;
+	left: 0;
+	right: 0;
+	background: greenyellow;
 }
 
-.localweb .login-bar {
+.testweb:before, .testweb:after {
-    margin-left: -20px;
+	content: "";
-}
+	position: fixed;
-
+	width: 20px;
-.testweb {
+	height: 100%;
-    border-left: 20px solid darkorange;
+	left: 0;
-    border-right: 20px solid darkorange;
+	right: 0;
-}
+	background: darkorange;
-
-.testweb .login-bar {
-    margin-left: -20px;
 }
 
 /* Produkční web z pohledu superuživatele */
-.suprodweb {
+.suprodweb:before, .suprodweb:after {
-    border-left: 20px solid red;
+	content: "";
-    border-right: 20px solid red;
+	position: fixed;
-}
+	width: 20px;
-
+	height: 100%;
-.suprodweb .login-bar {
+	left: 0;
-    margin-left: -20px;
+	right: 0;
+	background: red;
 }