From 33fa91fccdf81bcaa0ad42e897d7d6d95c44985f Mon Sep 17 00:00:00 2001
From: Aaron LI <aaronly.me@outlook.com>
Date: Wed, 9 Nov 2016 22:29:16 +0800
Subject: webui: Append server-pushed logging messages to the logging box

* Colorize the logging messages of different level with different colors
* Also add a different icon for each message
---
 fg21sim/webui/static/css/main.css | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)

(limited to 'fg21sim/webui/static/css/main.css')

diff --git a/fg21sim/webui/static/css/main.css b/fg21sim/webui/static/css/main.css
index a574990..de40123 100644
--- a/fg21sim/webui/static/css/main.css
+++ b/fg21sim/webui/static/css/main.css
@@ -374,11 +374,39 @@ button,
     font-size: 1.6rem;
     font-weight: bold;
 }
+.panel-control {
+    float: right;
+}
 .panel-body {
     padding: 1.5rem;
 }
 
 
+/**
+ * Logging messages styles
+ */
+p.log {
+    font-size: 1.3rem;
+    margin-bottom: 0;
+}
+p.log span {
+    margin-right: 0.8rem;
+}
+p.log.log-debug {
+    color: inherit;
+}
+p.log.log-info {
+    color: #398439;
+}
+p.log.log-warning {
+    color: #d58512;
+}
+p.log.log-error,
+p.log.log-critical {
+    color: #ac2925;
+}
+
+
 /**
  * Horizontal rules
  */
-- 
cgit v1.2.2