webmcp

changeset 334:ac44b171aa09

merge
author jbe
date Tue Mar 24 17:27:41 2015 +0100 (2015-03-24)
parents 51b17cee8432 6e03f93afa88
children 75be5e3f3581
files
line diff
     1.1 --- a/demo-app/static/trace.css	Tue Mar 24 17:27:28 2015 +0100
     1.2 +++ b/demo-app/static/trace.css	Tue Mar 24 17:27:41 2015 +0100
     1.3 @@ -1,153 +1,116 @@
     1.4 -.layout_trace {
     1.5 -  position: absolute;
     1.6 -  right: 0;
     1.7 -  margin-top: 20px;
     1.8 -  border: 1px solid #404040;
     1.9 -  font-size: 70%;
    1.10 -  padding: 5px;
    1.11 -  background: #ffe0c0;
    1.12 -}
    1.13 -
    1.14 -#trace_show {
    1.15 -  cursor: pointer;
    1.16 -}
    1.17 -
    1.18 -.trace_list {
    1.19 -  margin: 0px;
    1.20 -  margin-bottom: 10px;
    1.21 -  padding: 0px;
    1.22 +#trace_content ul {
    1.23    list-style-type: none;
    1.24 -}
    1.25 -
    1.26 -.trace_list .trace_list {
    1.27 -  border-top: 1px solid;
    1.28 -  margin-bottom: 0px;
    1.29 -}
    1.30 -
    1.31 -.trace_list li {
    1.32 -  margin: 3px;
    1.33 -  padding: 0px;
    1.34 -}
    1.35 -
    1.36 -.trace_head {
    1.37 -  font-weight: bold;
    1.38 -  margin: 1px;
    1.39 -}
    1.40 -
    1.41 -.trace_error {
    1.42 -  border: 3px solid red;
    1.43 -  background-color: black;
    1.44 -  color: #c00000;
    1.45 -  text-align: center;
    1.46 -  text-decoration: blink;
    1.47 -}
    1.48 -
    1.49 -.trace_error_position {
    1.50 -  color: red;
    1.51 -  text-decoration: blink;
    1.52 -  font-weight: bold;
    1.53 -}
    1.54 -
    1.55 -.trace_config {
    1.56 -  border: 1px solid #608000;
    1.57 -  background-color: #ffffff;
    1.58 -  color: #608000;
    1.59 -}
    1.60 -
    1.61 -.trace_config .trace_list {
    1.62 -  border-color: #608000;
    1.63 -}
    1.64 -
    1.65 -.trace_request {
    1.66 -  border: 1px solid #6000ff;
    1.67 -  background-color: #c080ff;
    1.68 -  color: #6000ff;
    1.69 -}
    1.70 -
    1.71 -.trace_request .trace_list {
    1.72 -  border-color: #6000ff;
    1.73 -}
    1.74 -
    1.75 -.trace_filter {
    1.76 -  border: 1px solid #606060;
    1.77 -  background-color: #c0c0c0;
    1.78 -  color: #606060;
    1.79 +  margin: 0;
    1.80 +  padding: 0;
    1.81  }
    1.82  
    1.83 -.trace_filter .trace_list {
    1.84 -  border-color: #606060;
    1.85 +#trace_content {
    1.86 +  margin: 12pt;
    1.87 +  padding: 9px;
    1.88 +  border-radius: 2px;
    1.89 +  background-color: #ffffff;
    1.90 +}
    1.91 +#trace_content #system_error {
    1.92 +  font-family: monospace;
    1.93 +}
    1.94 +#trace_content ul li {
    1.95 +  margin-top: 10px;
    1.96 +}
    1.97 +#trace_content ul li .trace_head {
    1.98 +  padding: 3px 5px;
    1.99 +  border-radius: 2px 2px 0 0;
   1.100 +}
   1.101 +#trace_content ul li .trace_head:last-child {
   1.102 +  border-radius: 2px;
   1.103  }
   1.104 -
   1.105 -.trace_view {
   1.106 -  border: 1px solid #0000ff;
   1.107 -  background-color: #40c0ff;
   1.108 -  color: #0000ff;
   1.109 +#trace_content ul li ul {
   1.110 +  border-radius: 0 0 2px 2px;
   1.111 +}
   1.112 +#trace_content ul li:first-child {
   1.113 +  margin-top: 0;
   1.114 +}
   1.115 +#trace_content ul ul {
   1.116 +  padding: 10px;
   1.117  }
   1.118 -
   1.119 -.trace_view .trace_list {
   1.120 -  border-color: #0000ff;
   1.121 +#trace_content .trace_config > ul {
   1.122 +  background-color: #eee;
   1.123 +  border: 1px solid #ccc;
   1.124 +}
   1.125 +#trace_content .trace_config > .trace_head {
   1.126 +  background-color: #ccc;
   1.127 +  color: #000;
   1.128 +}
   1.129 +#trace_content .trace_request > ul {
   1.130 +  background-color: #afa;
   1.131 +}
   1.132 +#trace_content .trace_request > .trace_head {
   1.133 +  background-color: #0c0;
   1.134  }
   1.135 -
   1.136 -.trace_action_success {
   1.137 -  border: 1px solid #006000;
   1.138 -  background-color: #80ff80;
   1.139 -  color: #006000;
   1.140 +#trace_content .trace_filter > ul {
   1.141 +  background-color: #ccf;
   1.142 +  border: 1px solid #00c;
   1.143 +  border-top: none;
   1.144 +}
   1.145 +#trace_content .trace_filter > .trace_head {
   1.146 +  background-color: #00c;
   1.147 +  color: #fff;
   1.148  }
   1.149 -
   1.150 -.trace_action_success .trace_list {
   1.151 -  border-color: #006000;
   1.152 +#trace_content .trace_view > ul {
   1.153 +  background-color: #cfc;
   1.154 +  border: 1px solid #0c0;
   1.155 +  border-top: none;
   1.156 +}
   1.157 +#trace_content .trace_view > .trace_head {
   1.158 +  background-color: #0c0;
   1.159 +  color: #000;
   1.160 +}
   1.161 +#trace_content .trace_action_neutral > ul {
   1.162 +  background-color: #ffa;
   1.163 +  border: 1px solid #fe0;
   1.164  }
   1.165 -
   1.166 -.trace_action_softfail {
   1.167 -  border: 1px solid #600000;
   1.168 -  background-color: #ff6020;
   1.169 -  color: #600000;
   1.170 +#trace_content .trace_action_neutral > .trace_head {
   1.171 +  background-color: #fe0;
   1.172 +  color: #000;
   1.173 +}
   1.174 +#trace_content .trace_action_success > ul {
   1.175 +  background-color: #afa;
   1.176 +  border: 1px solid #fe0;
   1.177 +}
   1.178 +#trace_content .trace_action_success > .trace_head {
   1.179 +  background-color: #fe0;
   1.180 +  color: #000;
   1.181  }
   1.182 -
   1.183 -.trace_action_softfail .trace_list {
   1.184 -  border-color: #600000;
   1.185 +#trace_content .trace_action_softfail > ul {
   1.186 +  background-color: #faa;
   1.187 +  border: 1px solid #fe0;
   1.188 +}
   1.189 +#trace_content .trace_action_softfail > .trace_head {
   1.190 +  background-color: #fe0;
   1.191 +  color: #000;
   1.192  }
   1.193 -
   1.194 -.trace_action_status {
   1.195 +#trace_content .trace_sql {
   1.196 +  background-color: #fff;
   1.197 +  padding: 2px 4px;
   1.198 +  margin-top: 8px;
   1.199 +}
   1.200 +#trace_content .trace_sql_time {
   1.201 +  float: right;
   1.202    font-weight: bold;
   1.203  }
   1.204 -
   1.205 -.trace_action_neutral {
   1.206 -  border: 1px solid #600000;
   1.207 -  background-color: #ffc040;
   1.208 -  color: #600000;
   1.209 -}
   1.210 -
   1.211 -.trace_action_neutral .trace_list {
   1.212 -  border-color: #600000;
   1.213 -}
   1.214 -
   1.215 -.trace_redirect, .trace_forward {
   1.216 -  border: 1px solid #404000;
   1.217 -  background-color: #c08040;
   1.218 -  color: #404000;
   1.219 -}
   1.220 -
   1.221 -.trace_redirect .trace_list, .trace_forward .trace_list {
   1.222 -  border-color: #404000;
   1.223 +#trace_content .trace_error {
   1.224 +  background-color: #faa;
   1.225 +  color: #000;
   1.226 +  font-weight: bold;
   1.227 +  border: 1px solid #c00;
   1.228  }
   1.229 -
   1.230 -.trace_exectime {
   1.231 -  border: 1px solid black;
   1.232 -  background-color: #404040;
   1.233 -  color: white;
   1.234 -}
   1.235 -
   1.236 -.trace_exectime .trace_list {
   1.237 -  border-color: white;
   1.238 +#trace_content .trace_exectime {
   1.239 +  background-color: #ccc;
   1.240 +  font-weight: bold;
   1.241 +  border-radius: 2px;
   1.242  }
   1.243 -
   1.244 -.trace_close {
   1.245 -  border: 1px solid black;
   1.246 -  background-color: #605040;
   1.247 -  margin: 3px;
   1.248 -  padding: 3px;
   1.249 -  color: white;
   1.250 -  text-align: center;
   1.251 -  cursor: pointer;
   1.252 +#trace_content .time {
   1.253 +  float: right;
   1.254  }
   1.255 +#trace_content .total_duration {
   1.256 +  font-weight: bold;
   1.257 +}

Impressum / About Us