test/monitoring/monitor-base.css

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