Implement flash messages

1 files changed, 32 insertions, 0 deletions

diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index a9d3a71..efbf978 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -81,6 +81,38 @@ p {
     }
 }
 
+/***** FLASH MESSAGES *****/
+
+.flash-message > * {
+    padding: 15px;
+    margin-bottom: 20px;
+    border: 1px solid transparent;
+}
+
+.flash-message > .success {
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6;
+}
+
+.flash-message > .info {
+    color: #31708f;
+    background-color: #d9edf7;
+    border-color: #bce8f1;
+}
+
+.flash-message > .warning {
+    color: #8a6d3b;
+    background-color: #fcf8e3;
+    border-color: #faebcc;
+}
+
+.flash-message > .error {
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1;
+}
+
 /***** FOOTER *****/
 
 footer {