Ještě lepší vyřešení rozlišení webů

mamweb/static/css/rozliseni.css

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