Replace window.alert with custom message box

1 files changed, 22 insertions, 0 deletions

diff --git a/css/codeq.css b/css/codeq.css
index 28870c9..56a086b 100644
--- a/css/codeq.css
+++ b/css/codeq.css
@@ -106,6 +106,28 @@ button.navbar-toggle > span.glyphicon {
     margin: 0;
 }
 
+/* system message */
+div#message {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 0.25em 0.5em;
+    z-index: 999;
+}
+div#message.error {
+    background-color: #ffbfbf;
+    border-top: 1px solid #ff4040;
+}
+div#message > span.close {
+    font-weight: normal;
+    opacity: 0.5;
+    text-shadow: none;
+}
+div#message > span.close:hover {
+    opacity: 0.75;
+}
+
 /* misc */
 form {
     margin-bottom: 0;