summaryrefslogtreecommitdiffstats
path: root/test/monitoring/monitor.css
diff options
context:
space:
mode:
authorJosé Bollo <jose.bollo@iot.bzh>2017-08-25 00:22:43 +0200
committerJosé Bollo <jose.bollo@iot.bzh>2017-08-25 00:22:43 +0200
commitb5a4f1433c69651c79f29353139a3aa54dd25c85 (patch)
tree3d76cf72743477e3b49611523930fc85fb8c83fd /test/monitoring/monitor.css
parent99f9504a15ff302c4aa6842ad2f5095263c23c3f (diff)
monitoring: updated demo with dark theme
Change-Id: Ibb77655cd614553bf0090bf5ffa64180d1279f8b Signed-off-by: José Bollo <jose.bollo@iot.bzh>
Diffstat (limited to 'test/monitoring/monitor.css')
-rw-r--r--test/monitoring/monitor.css366
1 files changed, 0 insertions, 366 deletions
diff --git a/test/monitoring/monitor.css b/test/monitoring/monitor.css
deleted file mode 100644
index ff7fd305..00000000
--- a/test/monitoring/monitor.css
+++ /dev/null
@@ -1,366 +0,0 @@
-/*******************************************************************/
-/* top */
-body {
- margin: 0px;
- position: fixed;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
-}
-
-body.on #params,
-body.off #controls,
-body.off #logmsg-box { display: none; }
-
-/*******************************************************************/
-/* head */
-#head {
- position: relative;
-}
-
-#logo {
- float: left;
-}
-
-#title {
- font-weight: bolder;
- font-size: larger;
- padding: 10px;
- margin: 5px;
-}
-
-#connected {
- float: right;
- margin: 5px;
- padding: 10px;
- border: solid 2px black;
- border-radius: 7px;
-}
-
-#connected.ok {
- background: #afa;
-}
-
-#connected.error {
- background: #f88;
-}
-
-/*******************************************************************/
-/* connection area */
-
-
-#params {
- border: dashed 4px red;
- background: #fde;
- padding: 10px;
- margin: 10px;
- border-radius: 0px 50px;
-}
-
-#connect {
- float: right;
- margin: 20px;
-}
-
-/*******************************************************************/
-/* main area */
-
-#work {
- position: relative;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
-}
-
-#main {
- position: relative;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
-}
-
-.fillfix {
- width: 100%;
- height: 100%;
-}
-
-#controls {
- position: absolute;
- width: 250px;
- left: 0px;
- top: 0px;
- bottom: 0px;
- overflow: auto;
- margin-bottom: 75px;
-}
-
-#logmsg-box {
- position: absolute;
- width: 250px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- font-size: smaller;
- overflow: auto;
- margin-bottom: 75px;
-}
-
-#global {
- background: #ff5;
-}
-
-#trace-events {
- overflow: auto;
- position: absolute;
- right: 250px;
- left: 250px;
- top: 0px;
- bottom: 0px;
- margin-bottom: 75px;
-}
-
-.expert {
- text-align: center;
- font-weight: bolder;
- font-size: larger;
- text-decoration: underline;
-}
-
-/*******************************************************************/
-/* setting for apis */
-
-#controls .api {
- margin: 2px;
- padding: 5px;
- border: solid 1px black;
- background: #ff5;
- border-radius: 7px;
- overflow: auto;
-}
-
-#controls #apis .api {
- background: #fa5;
-}
-
-#controls .api .name {
- text-align: center;
- font-weight: bolder;
- font-size: larger;
- text-decoration: underline;
-}
-
-#controls .api .desc {
- text-align: center;
-}
-
-#controls .api .verb {
- margin-left: 5px;
-}
-
-/*******************************************************************/
-/* setting of verbs */
-.verb .name {
- font-weight: bolder;
- text-decoration: underline;
-}
-
-.verb .desc {
- font-size: smaller;
-}
-
-.verb .perm {
- font-size: 8px;
- text-align: right;
- color: blue;
-}
-
-/*******************************************************************/
-/* setting for traces */
-
-.trace-box {
- margin: 1px;
- padding: 1px 1px 1px 10px;
- border: solid 1px black;
- border-radius: 10px 0px;
- font-size: smaller;
-}
-
-.trace-title {
- font-weight: bolder;
-}
-.trace-item {
- margin-left: 10px;
-}
-
-#apis .trace-evt {
- visibility: hidden;
- display: none;
-}
-
-/*******************************************************************/
-/* tiny button */
-.x-button {
- font-size: larger;
- text-align: center;
- margin: 5px;
- padding: 10px;
- border: solid 2px grey;
- border-radius: 7px;
- background: #ffc;
- font-weight: bolder;
-}
-
-.x-button:hover {
- background: #fcc;
- border: solid 2px black;
-}
-
-.x-button:active {
- background: #fcc;
- border: solid 3px black;
- margin: 4px;
-}
-
-/*******************************************************************/
-/* display of logmsg */
-.logmsg {
- background: #f44; /* red by default */
- margin: 1px;
- padding: 2px;
- font-size: smaller;
- border-radius: 3px;
- min-height: 20px;
-}
-
-.logmsg.call { background: #ee3; }
-.logmsg.retok { background: #8e8; }
-.logmsg.event { background: #d6f; }
-.logmsg.error { background: #f66; }
-.logmsg.trace { background: #aaa; }
-
-/*******************************************************************/
-/* close box */
-.close {
- float: right;
- width: 16;
- height: 16;
- background-image: url(cross.png);
- background-size: contain;
-}
-
-/*******************************************************************/
-/* open / close */
-.opclo { float: right; width: 16; height: 16; }
-.api > .opclo { float: left; width: 16; height: 16; background: #feb; border: solid 1px black; border-radius: 4px; }
-
-.closed > .opclo { background-image: url(down.png); background-size: contain; }
-.opened > .opclo { background-image: url(up.png); background-size: contain; }
-
-.closed > .closedoff { visibility: hidden; display: none; }
-
-.opened > .closedon { visibility: hidden; display: none; }
-
-/*******************************************************************/
-/* setting for traceevents */
-
-.traceevent {
- position: relative;
- margin: 1px;
- padding: 2px;
- min-height: 16px;
- border: solid 1px black;
- border-radius: 0px 5px 5px 5px;
-}
-
-.traceevent.request, .trace-box.request { background: #ffd; }
-.traceevent.daemon, .trace-box.daemon { background: #fdf; }
-.traceevent.service, .trace-box.service { background: #ddf; }
-.traceevent.event, .trace-box.event { background: #dfd; }
-
-.traceevent.closed {
- max-height: 16px;
- overflow: hidden;
-}
-
-.traceevent .time {
- height: 16px;
- margin: -2px 8px 2px -2px;
- padding: 1px 3px;
- float: left;
- background: black;
- color: white;
- font-weight: bolder;
-}
-
-.traceevent.closed:hover {
- overflow: visible;
- z-index: 100;
- position: relative;
-}
-
-.traceevent.closed:not(:hover) .content {
- display: none;
-}
-
-.traceevent.closed:hover .content {
- display: block;
- background: inherit;
- margin: 5px;
- padding: 5px;
- border: solid 1px black;
- border-radius: 0px 5px 5px 5px;
- left: 50%;
- position: absolute;
- box-shadow: 10px 10px grey;
-}
-
-.traceevent table.object tr td:nth-child(1) {
- text-align: right;
-}
-
-.traceevent table.object tr td:nth-child(2) {
- border: solid 1px black;
- font-weight: bolder;
- padding: 0px 4px;
-}
-
-.traceevent {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-.traceevent table.object tr td:nth-child(2) {
- -webkit-user-select: text;
- -moz-user-select: text;
- -ms-user-select: text;
- user-select: text;
-}
-
-/*******************************************************************/
-/* aesthetic clue */
-.select {
- padding: 0px;
-}
-
-/*******************************************************************/
-/* json format */
-
-.json.string { color: lightskyblue; }
-.json.number { color: darkorange; }
-.json.boolean { color: deepskyblue; }
-.json.null { color: magenta; }
-.json.key { color: red; }
-
-/*******************************************************************/
-/* clear fix */
-
-.clearfix::after {
- content: "";
- clear: both;
- display: table;
-}