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 +}