test/monitoring/monitor-base.css

   1 /*
   2  * Copyright (C) 2017 "IoT.bzh"
   3  * Author: José Bollo <jose.bollo@iot.bzh>
   4  *
   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
   8  *
   9  *   http://www.apache.org/licenses/LICENSE-2.0
  10  *
  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.
  16  */
  17 /*******************************************************************/
  18 /* top */
  19 body {
  20         position: fixed;
  21         top: 0px;
  22         bottom: 0px;
  23         left: 0px;
  24         right: 0px;
  25 }
  26
  27 body.on #params, body.off #main { display: none; }
  28
  29 /*******************************************************************/
  30 /* head */
  31 #head {
  32         position: relative;
  33 }
  34
  35 #logo {
  36         float: left;
  37 }
  38
  39 #connected {
  40         float: right;
  41 }
  42
  43 /*******************************************************************/
  44 /* connection area */
  45
  46 /*******************************************************************/
  47 /* main area */
  48
  49 #work {
  50         position: relative;
  51         top: 0px;
  52         bottom: 0px;
  53         left: 0px;
  54         right: 0px;
  55 }
  56
  57 #main {
  58         position: relative;
  59         top: 0px;
  60         bottom: 0px;
  61         left: 0px;
  62         right: 0px;
  63 }
  64
  65 .fillfix {
  66         width: 100%;
  67         height: 100%;
  68 }
  69
  70 #controls {
  71         position: absolute;
  72         width: 250px;
  73         left: 0px;
  74         top: 0px;
  75         bottom: 0px;
  76         overflow: auto;
  77         margin-bottom: 75px;
  78 }
  79
  80 #logmsg-box {
  81         position: absolute;
  82         width: 250px;
  83         right: 0px;
  84         top: 0px;
  85         bottom: 0px;
  86 /*
  87         font-size: smaller;
  88         overflow: auto;
  89         margin-bottom: 75px;
  90 */
  91 }
  92
  93 #logmsgs-inner-box {
  94         position: relative;
  95         left: 0px;
  96         right: 0px;
  97         top: 0px;
  98         bottom: 0px;
  99 }
 100
 101 #logmsgs {
 102         position: absolute;
 103         left: 0px;
 104         right: 0px;
 105         top: 0px;
 106         bottom: 0px;
 107         font-size: smaller;
 108         overflow: auto;
 109         margin-bottom: 380px;
 110 }
 111
 112
 113 #trace-events {
 114         overflow: auto;
 115         position: absolute;
 116         right: 250px;
 117         left: 250px;
 118         top: 0px;
 119         bottom: 0px;
 120         margin-bottom: 75px;
 121 }
 122
 123 /*******************************************************************/
 124 /* setting for apis */
 125
 126 /*******************************************************************/
 127 /* setting of verbs */
 128
 129 /*******************************************************************/
 130 /* setting for traces */
 131
 132 #apis .trace-evt {
 133         visibility: hidden;
 134         display: none;
 135 }
 136
 137 /*******************************************************************/
 138 /* tiny button */
 139
 140 /*******************************************************************/
 141 /* display of logmsg */
 142
 143 /*******************************************************************/
 144 /* close box */
 145 .close {
 146         float: right;
 147 }
 148
 149 /*******************************************************************/
 150 /* open / close */
 151 .opclo { float: right; }
 152 .api > .opclo { float: left; }
 153
 154 .closed > .closedoff { visibility: hidden; display: none; }
 155
 156 .opened > .closedon { visibility: hidden; display: none; }
 157
 158 /*******************************************************************/
 159 /* setting for traceevents */
 160
 161 .traceevent {
 162         position: relative;
 163 }
 164
 165 .traceevent.closed {
 166         overflow: hidden;
 167 }
 168
 169 .traceevent .time {
 170         float: left;
 171 }
 172
 173 .traceevent.closed:hover {
 174         overflow: visible;
 175         z-index: 100;
 176         position: relative;
 177 }
 178
 179 .traceevent.closed:not(:hover) .content {
 180         display: none;
 181 }
 182
 183 .traceevent.closed:hover .content {
 184         display: block;
 185         background: inherit;
 186         left: 40%;
 187         max-width: 55%;
 188         position: absolute;
 189 }
 190
 191 .traceevent .content {
 192         clear: both;
 193 }
 194
 195 .traceevent, .x-button {
 196         -webkit-user-select: none;
 197         -moz-user-select: none;
 198         -ms-user-select: none;
 199         user-select: none;
 200 }
 201
 202 .traceevent table.object tr td:nth-child(2) {
 203         -webkit-user-select: text;
 204         -moz-user-select: text;
 205         -ms-user-select: text;
 206         user-select: text;
 207 }
 208
 209 /*******************************************************************/
 210 /* json format */
 211
 212 /*******************************************************************/
 213 /* clear fix */
 214
 215 .clearfix::after {
 216     content: "";
 217     clear: both;
 218     display: table;
 219 }