readded message styles (error, notice and success)

k4ever/main/templates/registration/loginForm.html

@@ -2,8 +2,8 @@
 <div class="error">
 	<h2>Deine Logindaten sind fehlerhaft</h2>
 	<p>Versuch es nochmal, aber achte auf CAPSLOCK und tippe nicht so schnell.</p>
-	<p>Falls du dein Passwort vergessen haben solltest (oder es nicht geht..), 
-	dann melde dich bei deiner <a href="http://www.antifa.de/cms/">Local Antifa</a> 
+	<p>Falls du dein Passwort vergessen haben solltest (oder es nicht geht..),
+	dann melde dich bei deiner <a href="http://www.antifa.de/cms/">Local Antifa</a>
 	oder einem Admin <a href="http://superfluousandsparse.blogspot.com/">
 	unserer Wahl</a>.</p>
 </div>
@@ -22,6 +22,6 @@
 
 
 <div class="notice">
-        <h2>Das Kassensystem ist 'Aktiv' - nutzt euren Frunden-Account</h2>
+	<h2>Das Kassensystem ist 'Aktiv' - nutzt euren Frunden-Account</h2>
 </div>
 

k4ever/media/css/style.css

@@ -158,8 +158,6 @@ a:hover {
   background-color: #3398cc;
 }
 .content {
-  max-width: 1280px;
-  min-width: 800px;
   padding: 5px;
 }
 input, select {
@@ -622,3 +620,37 @@ table.itemListContainer > tbody > tr:first-child ~ tr > td {
 .transaction input[type="text"], .transaction select {
   font-size: 16px;
 }
+.notice, .error, .success {
+  position: fixed;
+  bottom: 0;
+  left: -5px;
+  width: 100%;
+  border-style: solid;
+  border-width: 1px 0 0 0;
+  padding: 7px 15px;
+  margin-top: 10px;
+  font-weight: bold;
+}
+.notice h2, .error h2, .success h2 {
+  font-size: 14px;
+  color: inherit;
+  border-bottom: 0;
+}
+.error + .notice {
+  bottom: 40px;
+}
+.notice {
+  background-color: #FFF6BF;
+  border-color: #FFD324;
+  color: #514721;
+}
+.error {
+  background: #FBE3E4;
+  color: #8A1F11;
+  border-color: #FBC2C4;
+}
+.success {
+  background: #E6EFC2;
+  color: #264409;
+  border-color: #C6D880;
+}

k4ever/media/css/style.less

@@ -164,8 +164,6 @@ a {
 }
 
 .content {
-	max-width: 1280px;
-	min-width: 800px;
 	padding: 5px;
 }
 
@@ -644,4 +642,41 @@ table.itemListContainer {
 	input[type="text"], select {
 		font-size: 16px;
 	}
+}
+
+.notice, .error, .success {
+	position: fixed;
+	bottom: 0;
+	left: -5px;
+	width: 100%;
+	border-style: solid;
+	border-width: 1px 0 0 0;
+	padding: 7px 15px;
+	margin-top: 10px;
+	font-weight: bold;
+
+	h2 {
+		font-size: 14px;
+		color: inherit;
+
+		border-bottom: 0;
+	}
+}
+
+.notice {
+	background-color: #FFF6BF;
+	border-color: #FFD324;
+	color: #514721;
+}
+
+.error {
+	background: #FBE3E4;
+	color: #8A1F11;
+	border-color: #FBC2C4;
+}
+
+.success {
+	background: #E6EFC2;
+	color: #264409;
+	border-color: #C6D880;
 }