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

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