2 * Copyright (C) 2017, 2018 "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: darkslategray url(background-iot.bzh.jpeg) center/cover;
22 color: lightsteelblue;
23 font-family: "Lucida Console", Monaco, monospace;
27 /*******************************************************************/
31 background: url(iot-bzh-logo-small.png) center/50% no-repeat;
51 #connected.ok { color: #8f8; }
52 #connected.error { color: #f44; }
54 /*******************************************************************/
59 border: dashed 4px #8f8;
62 border-radius: 0px 50px;
65 /*******************************************************************/
76 text-decoration: underline;
84 /*******************************************************************/
85 /* setting for apis */
94 #controls .api .opclo { background-color: #ff5; }
96 #controls #apis .api { color: #fa5; }
97 #controls #apis .api .opclo { background-color: #fa5; }
99 #controls .api .name {
103 text-decoration: underline;
106 #controls .api .desc {
110 #controls .api .verb {
114 /*******************************************************************/
115 /* setting of verbs */
118 text-decoration: underline;
131 /*******************************************************************/
132 /* setting for traces */
136 padding: 1px 1px 1px 10px;
138 border-radius: 10px 0px;
149 /*******************************************************************/
156 border: dashed 2px #888;
157 border-radius: 0px 10px;
162 border: solid 2px #aaa;
166 border: solid 4px cyan;
170 /*******************************************************************/
171 /* display of logmsg */
179 border: solid 1px #f44; /* red by default */
182 .logmsg.call { border-color: #ee3; }
183 .logmsg.retok { border-color: #8e8; }
184 .logmsg.event { border-color: #d6f; }
185 .logmsg.error { border-color: #f66; }
186 .logmsg.trace { border-color: #aaa; }
188 .logmsg .tag { text-align: center; color: black; font-weight: bolder; margin: -2px -2px 1px -2px; }
189 .logmsg.call .tag { background: #ee3; }
190 .logmsg.retok .tag { background: #8e8; }
191 .logmsg.event .tag { background: #d6f; }
192 .logmsg.error .tag { background: #f66; }
193 .logmsg.trace .tag { background: #aaa; }
195 /*******************************************************************/
200 background-image: url(cross.png);
201 background-size: contain;
202 background-repeat: no-repeat;
203 background-position: center;
206 /*******************************************************************/
212 background-size: contain;
213 background-color: lightsteelblue;
218 .closed > .opclo { background-image: url(down.png); }
219 .opened > .opclo { background-image: url(up.png); }
221 /*******************************************************************/
222 /* setting for traceevents */
229 border-radius: 0px 5px 5px 5px;
236 background-color: #ee3;
240 background-color: rgba(0,0,0,0.6);
243 .traceevent.request, .trace-box.request { color: lightsteelblue; }
244 .traceevent.daemon, .trace-box.daemon { color: #5af; }
245 .traceevent.service, .trace-box.service { color: #0f0; }
246 .traceevent.event, .trace-box.event { color: #f52; }
247 .traceevent.global, .trace-box.global { color: white; }
255 margin: -1px 0px 0px 0px;
257 background-color: grey;
262 margin: -1px 0px 0px 8px;
264 background-color: grey;
273 .traceevent.closed:hover {
277 .traceevent.closed:hover .content {
281 border-radius: 0px 20px 20px 20px;
282 box-shadow: 10px 10px #dd8;
283 background-color: rgba(0,0,0,0.6);
286 .traceevent table.object tr td:nth-child(1) {
289 text-decoration: underline;
292 .traceevent table.object tr td:nth-child(2) {
293 background-color: rgba(0,0,0,0.4);
302 /*******************************************************************/
308 a:link { color: cyan; }
309 a:link:hover, a:active { color: white; }
310 a:visited { color: lightgrey; }
312 /*******************************************************************/
315 .json.string { color: #fff; }
316 .json.number { color: #ec0; }
317 .json.boolean { color: #0f0; }
318 .json.null { color: #0f0; }
319 .json.key { color: #99f; }