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