1 /*******************************************************************/
5 background: url(content-background-car-wide.png) center/cover;
7 font-family: "Lucida Console", Monaco, monospace;
10 /*******************************************************************/
14 background: url(iot-bzh-logo-small.png) center/contain no-repeat;
34 #connected.ok { color: #8f8; }
35 #connected.error { color: #f44; }
37 /*******************************************************************/
42 border: dashed 4px red;
45 border-radius: 0px 50px;
53 /*******************************************************************/
64 text-decoration: underline;
72 /*******************************************************************/
73 /* setting for apis */
82 #controls .api .opclo { background-color: #ff5; }
84 #controls #apis .api { color: #fa5; }
85 #controls #apis .api .opclo { background-color: #fa5; }
87 #controls .api .name {
91 text-decoration: underline;
94 #controls .api .desc {
98 #controls .api .verb {
102 /*******************************************************************/
103 /* setting of verbs */
106 text-decoration: underline;
119 /*******************************************************************/
120 /* setting for traces */
124 padding: 1px 1px 1px 10px;
126 border-radius: 10px 0px;
137 /*******************************************************************/
144 border: dashed 2px #888;
145 border-radius: 0px 10px;
150 border: solid 2px #aaa;
154 border: solid 4px cyan;
158 /*******************************************************************/
159 /* display of logmsg */
167 border: solid 1px #f44; /* red by default */
170 .logmsg.call { border-color: #ee3; }
171 .logmsg.retok { border-color: #8e8; }
172 .logmsg.event { border-color: #d6f; }
173 .logmsg.error { border-color: #f66; }
174 .logmsg.trace { border-color: #aaa; }
176 .logmsg .tag { text-align: center; color: black; font-weight: bolder; margin: -2px -2px 1px -2px; }
177 .logmsg.call .tag { background: #ee3; }
178 .logmsg.retok .tag { background: #8e8; }
179 .logmsg.event .tag { background: #d6f; }
180 .logmsg.error .tag { background: #f66; }
181 .logmsg.trace .tag { background: #aaa; }
183 /*******************************************************************/
188 background-image: url(cross.png);
189 background-size: contain;
192 /*******************************************************************/
195 .opclo { width: 10; height: 10; background-size: contain; background-color: cyan; border-radius: 3px; padding: 2px; }
197 .closed > .opclo { background-image: url(down.png); }
198 .opened > .opclo { background-image: url(up.png); }
200 /*******************************************************************/
201 /* setting for traceevents */
208 border-radius: 0px 5px 5px 5px;
212 .traceevent.request, .trace-box.request { background: #ffd: }
213 .traceevent.daemon, .trace-box.daemon { background: #fdf; }
214 .traceevent.service, .trace-box.service { background: #ddf; }
215 .traceevent.event, .trace-box.event { background: #dfd; }
217 .traceevent.request, .trace-box.request { color: #ff0; }
218 .traceevent.daemon, .trace-box.daemon { color: #66f; }
219 .traceevent.service, .trace-box.service { color: #0f0; }
220 .traceevent.event, .trace-box.event { color: #f0d; }
228 margin: -2px 8px 2px -2px;
239 .traceevent.closed:hover .content {
243 border-radius: 0px 5px 5px 5px;
244 box-shadow: 10px 10px #dd8;
245 background-color: rgba(0,0,0,0.8);
248 .traceevent table.object tr td:nth-child(1) {
251 text-decoration: underline;
254 .traceevent table.object tr td:nth-child(2) {
256 border: solid 1px black;
258 background-color: rgba(0,0,0,0.4);
266 /*******************************************************************/
272 /*******************************************************************/
275 .json.string { color: #fff; }
276 .json.number { color: #ec0; }
277 .json.boolean { color: #0f0; }
278 .json.null { color: #0f0; }
279 .json.key { color: #99f; }