aboutsummaryrefslogtreecommitdiffstats
path: root/test/monitoring/monitor-base.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-base.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-base.css')
-rw-r--r--test/monitoring/monitor-base.css179
1 files changed, 179 insertions, 0 deletions
diff --git a/test/monitoring/monitor-base.css b/test/monitoring/monitor-base.css
new file mode 100644
index 00000000..a394a44c
--- /dev/null
+++ b/test/monitoring/monitor-base.css
@@ -0,0 +1,179 @@
+/*******************************************************************/
+/* top */
+body {
+ 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;
+}
+
+#connected {
+ float: right;
+}
+
+/*******************************************************************/
+/* connection area */
+
+/*******************************************************************/
+/* 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;
+}
+
+#trace-events {
+ overflow: auto;
+ position: absolute;
+ right: 250px;
+ left: 250px;
+ top: 0px;
+ bottom: 0px;
+ margin-bottom: 75px;
+}
+
+/*******************************************************************/
+/* setting for apis */
+
+/*******************************************************************/
+/* setting of verbs */
+
+/*******************************************************************/
+/* setting for traces */
+
+#apis .trace-evt {
+ visibility: hidden;
+ display: none;
+}
+
+/*******************************************************************/
+/* tiny button */
+
+/*******************************************************************/
+/* display of logmsg */
+
+/*******************************************************************/
+/* close box */
+.close {
+ float: right;
+}
+
+/*******************************************************************/
+/* open / close */
+.opclo { float: right; }
+.api > .opclo { float: left; }
+
+.closed > .closedoff { visibility: hidden; display: none; }
+
+.opened > .closedon { visibility: hidden; display: none; }
+
+/*******************************************************************/
+/* setting for traceevents */
+
+.traceevent {
+ position: relative;
+}
+
+.traceevent.closed {
+ overflow: hidden;
+}
+
+.traceevent .time {
+ float: left;
+}
+
+.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;
+ left: 40%;
+ max-width: 55%;
+ position: absolute;
+}
+
+.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;
+}
+
+/*******************************************************************/
+/* json format */
+
+/*******************************************************************/
+/* clear fix */
+
+.clearfix::after {
+ content: "";
+ clear: both;
+ display: table;
+}