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

   1 /**
   2  * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
   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  *     Author: Zhaoxing Meng
  17  *     email: meng.zhaoxing1@zte.com.cn
  18  */
  19 body {
  20   color: #333;
  21   font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
  22   padding: 0px !important;
  23   margin: 0px !important;
  24   direction: ltr;
  25   background-color: #f1f3fa !important;
  26 }
  27
  28 .row{
  29      margin-left: 0px;
  30   margin-right: 0px;
  31 }
  32
  33 select {
  34   border-width: 1px;
  35   padding: 4px 1px;
  36   border-radius: 4px;
  37 }
  38
  39 .navbar {
  40   overflow: visible;
  41   margin-bottom: 0px;
  42
  43 }
  44
  45 #top-bar, #top-bar small, #top-bar a {
  46   text-shadow: 0px -1px 0px #182127;
  47   color: #ffffff;
  48 }
  49
  50 .span12{
  51   margin-top:10px;
  52 }
  53
  54 #title {
  55   color: #ffffff;
  56   font-weight: bolder;
  57 }
  58
  59 #top-bar {
  60   background-color: #363F45;
  61   background-image: -moz-linear-gradient(top, #545d63, #182127);
  62   background-image: -ms-linear-gradient(top, #545d63, #182127);
  63   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
  64   background-image: -webkit-linear-gradient(top, #545d63, #182127);
  65   background-image: -o-linear-gradient(top, #545d63, #182127);
  66   background-image: linear-gradient(top, #545d63, #182127);
  67   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
  68   -webkit-border-radius: 0;
  69   -moz-border-radius: 0;
  70   border-radius: 0;
  71   height: 55px;
  72 }
  73
  74 .navbar-inner {
  75   padding-left: 20px;
  76   padding-right: 20px;
  77   background-color: #2c2c2c;
  78   background-image: -moz-linear-gradient(top, #333333, #222222);
  79   background-image: -ms-linear-gradient(top, #333333, #222222);
  80   background-image: -o-linear-gradient(top, #333333, #222222);
  81   background-image: linear-gradient(top, #333333, #222222);
  82   background-repeat: repeat-x;
  83   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  84   -webkit-border-radius: 4px;
  85   -moz-border-radius: 4px;
  86   border-radius: 4px;
  87   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  88   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  89 }
  90
  91
  92
  93 .container-fluid {
  94   background-color: #fff;
  95 }
  96
  97
  98
  99 p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
 100   overflow: hidden;
 101   text-overflow: ellipsis;
 102   white-space:nowrap;
 103 }
 104
 105
 106
 107
 108
 109
 110
 111
 112 .titlefont {
 113   font-size: 16px;
 114     margin-left: 10px;
 115 }
 116
 117 .separator-line {
 118   height: 1px;
 119   width: 100%;
 120   background: #ddd;
 121   overflow: hidden;
 122   margin-bottom: 15px;
 123   margin-top: 6px;
 124   opacity: 0.6;
 125 }
 126
 127
 128 table.dataTable thead .sorting,
 129 table.dataTable thead .sorting_asc,
 130 table.dataTable thead .sorting_desc,
 131 table.dataTable thead .sorting_asc_disabled,
 132 table.dataTable thead .sorting_desc_disabled {
 133     background: 0 0;
 134 }
 135
 136 table.dataTable thead .sorting_asc:after {
 137     content: "\f0de";
 138     float: right;
 139     font-family: fontawesome;
 140 }
 141
 142 table.dataTable thead .sorting_desc:after {
 143     content: "\f0dd";
 144     float: right;
 145     font-family: fontawesome;
 146 }
 147
 148 table.dataTable thead .sorting:after {
 149     content: "\f0dc";
 150     float: right;
 151     font-family: fontawesome;
 152     color: rgba(50,50,50,.5);
 153 }
 154
 155 .metricsChart {
 156   /*width: 560px;*/
 157   height: 400px;
 158   padding: 5px;
 159 }