1 /*******************************************************************/
5 background-image: url(content-background-car-wide.png);
6 background-position: center;
7 background-size: cover;
9 font-family: "Lucida Console", Monaco, monospace;
12 /*******************************************************************/
16 background: url(iot-bzh-logo-small.png) center/contain no-repeat;
36 #connected.ok { color: #8f8; }
37 #connected.error { color: #f44; }
39 /*******************************************************************/
44 border: dashed 4px #8f8;
47 border-radius: 0px 50px;
55 /*******************************************************************/
66 text-decoration: underline;
74 /*******************************************************************/
75 /* setting for apis */
84 #controls .api .opclo { background-color: #ff5; }
86 #controls #apis .api { color: #fa5; }
87 #controls #apis .api .opclo { background-color: #fa5; }
89 #controls .api .name {
93 text-decoration: underline;
96 #controls .api .desc {
100 #controls .api .verb {
104 /*******************************************************************/
105 /* setting of verbs */
108 text-decoration: underline;
121 /*******************************************************************/
122 /* setting for traces */
126 padding: 1px 1px 1px 10px;
128 border-radius: 10px 0px;
139 /*******************************************************************/
146 border: dashed 2px #888;
147 border-radius: 0px 10px;
152 border: solid 2px #aaa;
156 border: solid 4px cyan;
160 /*******************************************************************/
161 /* display of logmsg */
169 border: solid 1px #f44; /* red by default */
172 .logmsg.call { border-color: #ee3; }
173 .logmsg.retok { border-color: #8e8; }
174 .logmsg.event { border-color: #d6f; }
175 .logmsg.error { border-color: #f66; }
176 .logmsg.trace { border-color: #aaa; }
178 .logmsg .tag { text-align: center; color: black; font-weight: bolder; margin: -2px -2px 1px -2px; }
179 .logmsg.call .tag { background: #ee3; }
180 .logmsg.retok .tag { background: #8e8; }
181 .logmsg.event .tag { background: #d6f; }
182 .logmsg.error .tag { background: #f66; }
183 .logmsg.trace .tag { background: #aaa; }
185 /*******************************************************************/
190 background-image: url(cross.png);
191 background-size: contain;
194 /*******************************************************************/
200 background-size: contain;
201 background-color: cyan;
206 .closed > .opclo { background-image: url(down.png); }
207 .opened > .opclo { background-image: url(up.png); }
209 /*******************************************************************/
210 /* setting for traceevents */
217 border-radius: 0px 5px 5px 5px;
224 background-color: cyan;
228 background-color: rgba(0,0,0,0.6);
232 .traceevent.request, .trace-box.request { background: #ffd: }
233 .traceevent.daemon, .trace-box.daemon { background: #fdf; }
234 .traceevent.service, .trace-box.service { background: #ddf; }
235 .traceevent.event, .trace-box.event { background: #dfd; }
237 .traceevent.request, .trace-box.request { color: #ff0; }
238 .traceevent.daemon, .trace-box.daemon { color: #66f; }
239 .traceevent.service, .trace-box.service { color: #0f0; }
240 .traceevent.event, .trace-box.event { color: #f0d; }
248 margin: -2px 8px 2px -2px;
259 .traceevent.closed:hover {
263 .traceevent.closed:hover .content {
267 border-radius: 0px 5px 5px 5px;
268 box-shadow: 10px 10px #dd8;
269 background-color: rgba(0,0,0,0.8);
272 .traceevent table.object tr td:nth-child(1) {
275 text-decoration: underline;
278 .traceevent table.object tr td:nth-child(2) {
280 border: solid 1px black;
282 background-color: rgba(0,0,0,0.4);
290 /*******************************************************************/
296 a:link { color: cyan; }
297 a:link:hover, a:active { color: white; }
298 a:visited { color: #4d4; }
300 /*******************************************************************/
303 .json.string { color: #fff; }
304 .json.number { color: #ec0; }
305 .json.boolean { color: #0f0; }
306 .json.null { color: #0f0; }
307 .json.key { color: #99f; }