test/monitoring/monitor-pastel.css

   1 /*******************************************************************/
   2 /* top */
   3 body {
   4         margin: 0px;
   5 }
   6
   7 /*******************************************************************/
   8 /* head */
   9
  10 #title {
  11         font-weight: bolder;
  12         font-size: larger;
  13         padding: 10px;
  14         margin: 5px;
  15 }
  16
  17 #connected {
  18         margin: 5px;
  19         padding: 10px;
  20         border: solid 2px black;
  21         border-radius: 7px;
  22 }
  23
  24 #connected.ok {
  25         background: #afa;
  26 }
  27
  28 #connected.error {
  29         background: #f88;
  30 }
  31
  32 /*******************************************************************/
  33 /* connection area */
  34
  35
  36 #params {
  37         border: dashed 4px red;
  38         background: #fde;
  39         padding: 10px;
  40         margin: 10px;
  41         border-radius: 0px 50px;
  42 }
  43
  44 #connect {
  45         float: right;
  46         margin: 20px;
  47 }
  48
  49 /*******************************************************************/
  50 /* main area */
  51
  52 #global {
  53         background: #ff5;
  54 }
  55
  56 .expert {
  57         text-align: center;
  58         font-weight: bolder;
  59         font-size: larger;
  60         text-decoration: underline;
  61 }
  62
  63 /*******************************************************************/
  64 /* setting for apis */
  65
  66 #controls .api {
  67         margin: 2px;
  68         padding: 5px;
  69         border: solid 1px black;
  70         background: #ff5;
  71         border-radius: 7px;
  72 }
  73
  74 #controls #apis .api {
  75         background: #fa5;
  76 }
  77
  78 #controls .api .name {
  79         text-align: center;
  80         font-weight: bolder;
  81         font-size: larger;
  82         text-decoration: underline;
  83 }
  84
  85 #controls .api .desc {
  86         text-align: center;
  87 }
  88
  89 #controls .api .verb {
  90         margin-left: 5px;
  91 }
  92
  93 /*******************************************************************/
  94 /* setting of verbs */
  95 .verb .name {
  96         font-weight: bolder;
  97         text-decoration: underline;
  98 }
  99
 100 .verb .desc {
 101         font-size: smaller;
 102 }
 103
 104 .verb .perm {
 105         font-size: 8px;
 106         text-align: right;
 107         color: blue;
 108 }
 109
 110 /*******************************************************************/
 111 /* setting for traces */
 112
 113 .trace-box {
 114         margin: 1px;
 115         padding: 1px 1px 1px 10px;
 116         border: solid 1px black;
 117         border-radius: 10px 0px;
 118         font-size: smaller;
 119 }
 120
 121 .trace-title {
 122         font-weight: bolder;
 123 }
 124 .trace-item {
 125         margin-left: 10px;
 126 }
 127
 128 /*******************************************************************/
 129 /* tiny button */
 130 .x-button {
 131         font-size: larger;
 132         text-align: center;
 133         margin: 5px;
 134         padding: 10px;
 135         border: solid 2px grey;
 136         border-radius: 7px;
 137         background: #ffc;
 138         font-weight: bolder;
 139 }
 140
 141 .x-button:hover {
 142         background: #fcc;
 143         border: solid 2px black;
 144 }
 145
 146 .x-button:active {
 147         background: #fcc;
 148         border: solid 3px black;
 149         margin: 4px;
 150 }
 151
 152 /*******************************************************************/
 153 /* display of logmsg */
 154 .logmsg {
 155         background: #f44; /* red by default */
 156         margin: 1px;
 157         padding: 2px;
 158         font-size: smaller;
 159         border-radius: 3px;
 160         min-height: 20px;
 161 }
 162
 163 .logmsg.call { background: #ee3; }
 164 .logmsg.retok { background: #8e8; }
 165 .logmsg.event { background: #d6f; }
 166 .logmsg.error { background: #f66; }
 167 .logmsg.trace { background: #aaa; }
 168
 169 /*******************************************************************/
 170 /* close box */
 171 .close {
 172         width: 16;
 173         height: 16;
 174         background-image: url(cross.png);
 175         background-size: contain;
 176 }
 177
 178 /*******************************************************************/
 179 /* open / close */
 180
 181 .opclo {
 182         width: 16px;
 183         height: 16px;
 184         background-size: contain;
 185         background-color: #eec;
 186         border-radius: 3px;
 187         padding: 1px;
 188         border: solid 1px black;
 189 }
 190
 191 .closed > .opclo { background-image: url(down.png); }
 192 .opened > .opclo { background-image: url(up.png); }
 193
 194 /*******************************************************************/
 195 /* setting for traceevents */
 196
 197 .traceevent {
 198         margin: 1px;
 199         padding: 2px;
 200         min-height: 16px;
 201         border: solid 1px black;
 202         border-radius: 0px 5px 5px 5px;
 203 }
 204
 205 .separator {
 206         margin: 8px 100px;
 207         padding: 0px;
 208         height: 2px;
 209         background-color: black;
 210 }
 211
 212 .traceevent.request, .trace-box.request { background: #ffd; }
 213 .traceevent.daemon, .trace-box.daemon { background: #fdf; }
 214 .traceevent.service, .trace-box.service { background: #ddf; }
 215 .traceevent.event, .trace-box.event { background: #dfd; }
 216
 217 .traceevent.closed {
 218         max-height: 16px;
 219 }
 220
 221 .traceevent .time {
 222         height: 16px;
 223         margin: -2px 8px 2px -2px;
 224         padding: 1px 3px;
 225         background: black;
 226         color: white;
 227         font-weight: bolder;
 228 }
 229
 230 .traceevent.closed:hover .content {
 231         margin: 5px;
 232         padding: 5px;
 233         border: solid 1px black;
 234         border-radius: 0px 5px 5px 5px;
 235         box-shadow: 10px 10px grey;
 236 }
 237
 238 .traceevent table.object tr td:nth-child(1) {
 239         text-align: right;
 240 }
 241
 242 .traceevent table.object tr td:nth-child(2) {
 243         border: solid 1px black;
 244         font-weight: bolder;
 245         padding: 0px 4px;
 246 }
 247
 248 /*******************************************************************/
 249 /* aesthetic clue */
 250 .select {
 251         padding: 0px;
 252 }
 253
 254 /*******************************************************************/
 255 /* json format */
 256
 257 .json.string { color: lightskyblue; }
 258 .json.number { color: darkorange; }
 259 .json.boolean { color: deepskyblue; }
 260 .json.null { color: magenta; }
 261 .json.key { color: red; }
 262