# HG changeset patch
# User bsw
# Date 1427210779 -3600
# Node ID 6e03f93afa885725b8850222be80483534005d7d
# Parent  264af28677206601323818367a464b5f7acf42bb
Updated trace style of demo app

diff -r 264af2867720 -r 6e03f93afa88 demo-app/static/trace.css
--- a/demo-app/static/trace.css	Tue Mar 24 16:24:42 2015 +0100
+++ b/demo-app/static/trace.css	Tue Mar 24 16:26:19 2015 +0100
@@ -1,153 +1,116 @@
-.layout_trace {
-  position: absolute;
-  right: 0;
-  margin-top: 20px;
-  border: 1px solid #404040;
-  font-size: 70%;
-  padding: 5px;
-  background: #ffe0c0;
-}
-
-#trace_show {
-  cursor: pointer;
-}
-
-.trace_list {
-  margin: 0px;
-  margin-bottom: 10px;
-  padding: 0px;
+#trace_content ul {
   list-style-type: none;
-}
-
-.trace_list .trace_list {
-  border-top: 1px solid;
-  margin-bottom: 0px;
-}
-
-.trace_list li {
-  margin: 3px;
-  padding: 0px;
-}
-
-.trace_head {
-  font-weight: bold;
-  margin: 1px;
-}
-
-.trace_error {
-  border: 3px solid red;
-  background-color: black;
-  color: #c00000;
-  text-align: center;
-  text-decoration: blink;
-}
-
-.trace_error_position {
-  color: red;
-  text-decoration: blink;
-  font-weight: bold;
-}
-
-.trace_config {
-  border: 1px solid #608000;
-  background-color: #ffffff;
-  color: #608000;
-}
-
-.trace_config .trace_list {
-  border-color: #608000;
-}
-
-.trace_request {
-  border: 1px solid #6000ff;
-  background-color: #c080ff;
-  color: #6000ff;
-}
-
-.trace_request .trace_list {
-  border-color: #6000ff;
-}
-
-.trace_filter {
-  border: 1px solid #606060;
-  background-color: #c0c0c0;
-  color: #606060;
+  margin: 0;
+  padding: 0;
 }
 
-.trace_filter .trace_list {
-  border-color: #606060;
+#trace_content {
+  margin: 12pt;
+  padding: 9px;
+  border-radius: 2px;
+  background-color: #ffffff;
+}
+#trace_content #system_error {
+  font-family: monospace;
+}
+#trace_content ul li {
+  margin-top: 10px;
+}
+#trace_content ul li .trace_head {
+  padding: 3px 5px;
+  border-radius: 2px 2px 0 0;
+}
+#trace_content ul li .trace_head:last-child {
+  border-radius: 2px;
 }
-
-.trace_view {
-  border: 1px solid #0000ff;
-  background-color: #40c0ff;
-  color: #0000ff;
+#trace_content ul li ul {
+  border-radius: 0 0 2px 2px;
+}
+#trace_content ul li:first-child {
+  margin-top: 0;
+}
+#trace_content ul ul {
+  padding: 10px;
 }
-
-.trace_view .trace_list {
-  border-color: #0000ff;
+#trace_content .trace_config > ul {
+  background-color: #eee;
+  border: 1px solid #ccc;
+}
+#trace_content .trace_config > .trace_head {
+  background-color: #ccc;
+  color: #000;
+}
+#trace_content .trace_request > ul {
+  background-color: #afa;
+}
+#trace_content .trace_request > .trace_head {
+  background-color: #0c0;
 }
-
-.trace_action_success {
-  border: 1px solid #006000;
-  background-color: #80ff80;
-  color: #006000;
+#trace_content .trace_filter > ul {
+  background-color: #ccf;
+  border: 1px solid #00c;
+  border-top: none;
+}
+#trace_content .trace_filter > .trace_head {
+  background-color: #00c;
+  color: #fff;
 }
-
-.trace_action_success .trace_list {
-  border-color: #006000;
+#trace_content .trace_view > ul {
+  background-color: #cfc;
+  border: 1px solid #0c0;
+  border-top: none;
+}
+#trace_content .trace_view > .trace_head {
+  background-color: #0c0;
+  color: #000;
+}
+#trace_content .trace_action_neutral > ul {
+  background-color: #ffa;
+  border: 1px solid #fe0;
 }
-
-.trace_action_softfail {
-  border: 1px solid #600000;
-  background-color: #ff6020;
-  color: #600000;
+#trace_content .trace_action_neutral > .trace_head {
+  background-color: #fe0;
+  color: #000;
+}
+#trace_content .trace_action_success > ul {
+  background-color: #afa;
+  border: 1px solid #fe0;
+}
+#trace_content .trace_action_success > .trace_head {
+  background-color: #fe0;
+  color: #000;
 }
-
-.trace_action_softfail .trace_list {
-  border-color: #600000;
+#trace_content .trace_action_softfail > ul {
+  background-color: #faa;
+  border: 1px solid #fe0;
+}
+#trace_content .trace_action_softfail > .trace_head {
+  background-color: #fe0;
+  color: #000;
 }
-
-.trace_action_status {
+#trace_content .trace_sql {
+  background-color: #fff;
+  padding: 2px 4px;
+  margin-top: 8px;
+}
+#trace_content .trace_sql_time {
+  float: right;
   font-weight: bold;
 }
-
-.trace_action_neutral {
-  border: 1px solid #600000;
-  background-color: #ffc040;
-  color: #600000;
-}
-
-.trace_action_neutral .trace_list {
-  border-color: #600000;
-}
-
-.trace_redirect, .trace_forward {
-  border: 1px solid #404000;
-  background-color: #c08040;
-  color: #404000;
-}
-
-.trace_redirect .trace_list, .trace_forward .trace_list {
-  border-color: #404000;
+#trace_content .trace_error {
+  background-color: #faa;
+  color: #000;
+  font-weight: bold;
+  border: 1px solid #c00;
 }
-
-.trace_exectime {
-  border: 1px solid black;
-  background-color: #404040;
-  color: white;
-}
-
-.trace_exectime .trace_list {
-  border-color: white;
+#trace_content .trace_exectime {
+  background-color: #ccc;
+  font-weight: bold;
+  border-radius: 2px;
 }
-
-.trace_close {
-  border: 1px solid black;
-  background-color: #605040;
-  margin: 3px;
-  padding: 3px;
-  color: white;
-  text-align: center;
-  cursor: pointer;
+#trace_content .time {
+  float: right;
 }
+#trace_content .total_duration {
+  font-weight: bold;
+}