msb-core/apiroute/apiroute-service/src/main/resources/iui-metrics/css/metrics.css

   1 /*
   2  * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  *         http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  * See the License for the specific language governing permissions and
  14  * limitations under the License.
  15  */
  16 body {
  17   color: #333;
  18   font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
  19   padding: 0px !important;
  20   margin: 0px !important;
  21   direction: ltr;
  22   background-color: #f1f3fa !important;
  23 }
  24
  25 .row{
  26      margin-left: 0px;
  27   margin-right: 0px;
  28 }
  29
  30 select {
  31   border-width: 1px;
  32   padding: 4px 1px;
  33   border-radius: 4px;
  34 }
  35
  36 .navbar {
  37   overflow: visible;
  38   margin-bottom: 0px;
  39
  40 }
  41
  42 #top-bar, #top-bar small, #top-bar a {
  43   text-shadow: 0px -1px 0px #182127;
  44   color: #ffffff;
  45 }
  46
  47 .span12{
  48   margin-top:10px;
  49 }
  50
  51 #title {
  52   color: #ffffff;
  53   font-weight: bolder;
  54 }
  55
  56 #top-bar {
  57   background-color: #363F45;
  58   background-image: -moz-linear-gradient(top, #545d63, #182127);
  59   background-image: -ms-linear-gradient(top, #545d63, #182127);
  60   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
  61   background-image: -webkit-linear-gradient(top, #545d63, #182127);
  62   background-image: -o-linear-gradient(top, #545d63, #182127);
  63   background-image: linear-gradient(top, #545d63, #182127);
  64   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
  65   -webkit-border-radius: 0;
  66   -moz-border-radius: 0;
  67   border-radius: 0;
  68   height: 55px;
  69 }
  70
  71 .navbar-inner {
  72   padding-left: 20px;
  73   padding-right: 20px;
  74   background-color: #2c2c2c;
  75   background-image: -moz-linear-gradient(top, #333333, #222222);
  76   background-image: -ms-linear-gradient(top, #333333, #222222);
  77   background-image: -o-linear-gradient(top, #333333, #222222);
  78   background-image: linear-gradient(top, #333333, #222222);
  79   background-repeat: repeat-x;
  80   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  81   -webkit-border-radius: 4px;
  82   -moz-border-radius: 4px;
  83   border-radius: 4px;
  84   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  85   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  86 }
  87
  88
  89
  90 .container-fluid {
  91   background-color: #fff;
  92 }
  93
  94
  95
  96 p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
  97   overflow: hidden;
  98   text-overflow: ellipsis;
  99   white-space:nowrap;
 100 }
 101
 102
 103
 104
 105
 106
 107
 108
 109 .titlefont {
 110   font-size: 16px;
 111     margin-left: 10px;
 112 }
 113
 114 .separator-line {
 115   height: 1px;
 116   width: 100%;
 117   background: #ddd;
 118   overflow: hidden;
 119   margin-bottom: 15px;
 120   margin-top: 6px;
 121   opacity: 0.6;
 122 }
 123
 124
 125 table.dataTable thead .sorting,
 126 table.dataTable thead .sorting_asc,
 127 table.dataTable thead .sorting_desc,
 128 table.dataTable thead .sorting_asc_disabled,
 129 table.dataTable thead .sorting_desc_disabled {
 130     background: 0 0;
 131 }
 132
 133 table.dataTable thead .sorting_asc:after {
 134     content: "\f0de";
 135     float: right;
 136     font-family: fontawesome;
 137 }
 138
 139 table.dataTable thead .sorting_desc:after {
 140     content: "\f0dd";
 141     float: right;
 142     font-family: fontawesome;
 143 }
 144
 145 table.dataTable thead .sorting:after {
 146     content: "\f0dc";
 147     float: right;
 148     font-family: fontawesome;
 149     color: rgba(50,50,50,.5);
 150 }
 151
 152 .metricsChart {
 153   /*width: 560px;*/
 154   height: 400px;
 155   padding: 5px;
 156 }