2 * Copyright (C) 2017 "IoT.bzh"
3 * Author: José Bollo <jose.bollo@iot.bzh>
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
17 /*******************************************************************/
21 background-color: darkslategray;
22 background-image: url(content-background-car-wide.png);
23 background-position: center;
24 background-size: cover;
25 color: lightsteelblue;
26 font-family: "Lucida Console", Monaco, monospace;
29 /*******************************************************************/
33 background: url(iot-bzh-logo-small.png) center/contain no-repeat;
53 #connected.ok { color: #8f8; }
54 #connected.error { color: #f44; }
56 /*******************************************************************/
61 border: dashed 4px #8f8;
64 border-radius: 0px 50px;
72 /*******************************************************************/
83 text-decoration: underline;
91 /*******************************************************************/
92 /* setting for apis */
101 #controls .api .opclo { background-color: #ff5; }
103 #controls #apis .api { color: #fa5; }
104 #controls #apis .api .opclo { background-color: #fa5; }
106 #controls .api .name {
110 text-decoration: underline;
113 #controls .api .desc {
117 #controls .api .verb {
121 /*******************************************************************/
122 /* setting of verbs */
125 text-decoration: underline;
138 /*******************************************************************/
139 /* setting for traces */
143 padding: 1px 1px 1px 10px;
145 border-radius: 10px 0px;
156 /*******************************************************************/
163 border: dashed 2px #888;
164 border-radius: 0px 10px;
169 border: solid 2px #aaa;
173 border: solid 4px cyan;
177 /*******************************************************************/
178 /* display of logmsg */
186 border: solid 1px #f44; /* red by default */
189 .logmsg.call { border-color: #ee3; }
190 .logmsg.retok { border-color: #8e8; }
191 .logmsg.event { border-color: #d6f; }
192 .logmsg.error { border-color: #f66; }
193 .logmsg.trace { border-color: #aaa; }
195 .logmsg .tag { text-align: center; color: black; font-weight: bolder; margin: -2px -2px 1px -2px; }
196 .logmsg.call .tag { background: #ee3; }
197 .logmsg.retok .tag { background: #8e8; }
198 .logmsg.event .tag { background: #d6f; }
199 .logmsg.error .tag { background: #f66; }
200 .logmsg.trace .tag { background: #aaa; }
202 /*******************************************************************/
207 background-image: url(cross.png);
208 background-size: contain;
211 /*******************************************************************/
217 background-size: contain;
218 background-color: lightsteelblue;
223 .closed > .opclo { background-image: url(down.png); }
224 .opened > .opclo { background-image: url(up.png); }
226 /*******************************************************************/
227 /* setting for traceevents */
234 border-radius: 0px 5px 5px 5px;
241 background-color: lightsteelblue;
245 background-color: rgba(0,0,0,0.6);
249 .traceevent.request, .trace-box.request { background: #ffd: }
250 .traceevent.daemon, .trace-box.daemon { background: #fdf; }
251 .traceevent.service, .trace-box.service { background: #ddf; }
252 .traceevent.event, .trace-box.event { background: #dfd; }
254 .traceevent.request, .trace-box.request { color: lightsteelblue; }
255 .traceevent.daemon, .trace-box.daemon { color: #66f; }
256 .traceevent.service, .trace-box.service { color: #0f0; }
257 .traceevent.event, .trace-box.event { color: #f0d; }
265 margin: -2px 8px 2px -2px;
276 .traceevent.closed:hover {
280 .traceevent.closed:hover .content {
284 border-radius: 0px 5px 5px 5px;
285 box-shadow: 10px 10px #dd8;
286 background-color: rgba(0,0,0,0.8);
289 .traceevent table.object tr td:nth-child(1) {
292 text-decoration: underline;
295 .traceevent table.object tr td:nth-child(2) {
297 border: solid 1px black;
299 background-color: rgba(0,0,0,0.4);
307 /*******************************************************************/
313 a:link { color: cyan; }
314 a:link:hover, a:active { color: white; }
315 a:visited { color: lightsteelblue; }
317 /*******************************************************************/
320 .json.string { color: #fff; }
321 .json.number { color: #ec0; }
322 .json.boolean { color: #0f0; }
323 .json.null { color: #0f0; }
324 .json.key { color: #99f; }