monitor/src/main/webapp/monitor/css/dac.css

   1 /**
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.
   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-size: 14px;
  19   font-family: "Microsoft yahei", arial;
  20   background-color: #ffffff !important;
  21 }
  22
  23
  24 a {
  25
  26   text-decoration: none !important;
  27 }
  28
  29
  30
  31 .titlefont {
  32   font-size: 16px;
  33 }
  34
  35
  36
  37 .container-fluid {
  38         background-color: #fff;
  39 }
  40
  41
  42 div.separator div {
  43   text-align: center;
  44   line-height: 0;
  45 }
  46
  47 .row{
  48     margin-left: 0px;
  49   margin-right: 0px;
  50   margin-bottom: 10px;
  51   margin-top: 10px;
  52 }
  53
  54
  55 p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
  56   overflow: hidden;
  57   text-overflow: ellipsis;
  58   white-space:nowrap;
  59 }
  60
  61 .control-label .required {
  62   color: #e02222;
  63   font-size: 12px;
  64   padding-left: 2px;
  65 }
  66
  67 .stats_box {
  68   display: inline-block;
  69   list-style: none outside none;
  70   margin-left: 0;
  71   margin-top: 10px;
  72   padding: 0;
  73     float: left;
  74 }
  75
  76
  77
  78 .stats_box .policyDiv{
  79   background: #eee;
  80   box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;
  81   display: inline-block;
  82   line-height: 18px;
  83   margin: 0 10px 10px;
  84   padding: 0 10px;
  85   float: left;
  86   height: 105px;
  87 }
  88
  89
  90
  91 .sparkline {
  92   min-width: 60px;
  93   /* border-right: 1px solid #dcdcdc; */
  94   /* box-shadow: 1px 0 0 0 #fff; */
  95   float: left;
  96   /* margin-right: 9pt; */
  97   padding: 0px 24px 0 34px;
  98   height: 90px;
  99 }
 100
 101 .sparkline i{
 102 color:#5bc0de;
 103 }
 104
 105
 106
 107
 108
 109
 110
 111 .animated-panel {
 112   -webkit-animation-duration: .5s;
 113   animation-duration: .5s;
 114   -webkit-animation-fill-mode: both;
 115   animation-fill-mode: both;
 116 }
 117
 118 /*
 119 .panel-footer {
 120   padding: 6px 15px;
 121 }*/
 122
 123
 124 /*卡片面板样式*/
 125 .animated-panel {
 126   -webkit-animation-duration: .5s;
 127   animation-duration: .5s;
 128   -webkit-animation-fill-mode: both;
 129   animation-fill-mode: both;
 130 }
 131
 132 .hpanel {
 133   background-color: none;
 134   border: none;
 135   box-shadow: none;
 136   margin-bottom: 35px;
 137
 138 }
 139
 140 .hpanel .panel-body {
 141   border: 1px solid #e4e5e7;
 142   border-radius: 2px;
 143   padding: 20px;
 144   position: relative;
 145 }
 146 .h-200 {
 147   min-height: 220px;
 148 }
 149 .m-t-xl {
 150   margin-top: 20px;
 151 }
 152 .text-success {
 153   color: #0d638f;
 154 }
 155
 156 .hpanel_div_list{
 157   height:30px;
 158 }
 159
 160 .hpanel > .panel-footer {
 161   color: inherit;
 162   border: 1px solid #e4e5e7;
 163   border-top: none;
 164   font-size: 90%;
 165   background: #f7f9fa;
 166   height:40px;
 167   padding: 5px 15px;
 168 }
 169
 170 .color_cloud{
 171   color:#BAB9B9;
 172 }
 173 .stats-title{
 174
 175 }
 176
 177 h3{
 178   margin-top: 10px;
 179   margin-bottom: 40px;
 180   font-weight: 200;
 181     color: #357ebd
 182 }
 183
 184 .blue-font{
 185   color:#428bca;
 186 }
 187
 188 .hpanel > .panel-footer .pull-right a{
 189   margin-left: 5px;
 190 }
 191
 192 .font-bold {
 193   font-weight: 600;
 194   margin-bottom: 15px;
 195 }
 196
 197 .hpanel_show{
 198   cursor: pointer;
 199   background-color: #f7f9fa;
 200 }
 201
 202 .hpanel > .panel-footer .pull-right .btn {
 203     min-width: 30px !important;
 204 }
 205
 206
 207 div[data-name="cond_zone"] div {
 208     background-color: #fff;
 209     margin-bottom: 15px;
 210 }
 211
 212 span.response_throbber {
 213     background-image: url('../images/throbber.gif');
 214     width: 128px;
 215     height: 16px;
 216     display: block;
 217     clear: none;
 218     float: left;
 219     margin-top: 50px;
 220 }