openo-portal/portal-monitor/src/main/webapp/monitor/css/monitorSetting.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-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;\r
  19   padding: 0px !important;\r
  20   margin: 0px !important;\r
  21   direction: ltr;\r
  22   background-color: #ffffff !important; \r
  23 }\r
  24 \r
  25 a {\r
  26     text-decoration: none !important;\r
  27         cursor: pointer;\r
  28 }\r
  29 \r
  30 .label{\r
  31         font-size: 80%;\r
  32 }\r
  33 \r
  34 .row{\r
  35   margin-left: 0px; \r
  36   margin-right: 0px; \r
  37   padding-left: 0px;\r
  38   padding-right: 0px;\r
  39 }\r
  40 \r
  41 .chart_row{\r
  42 \r
  43   padding-left:5px;\r
  44   padding-right: 5px;\r
  45 }\r
  46 \r
  47 .titlefont {\r
  48   font-size: 16px;\r
  49 }\r
  50 \r
  51 .container-fluid {\r
  52   background-color: #fff;\r
  53 }\r
  54 \r
  55 .blue-font {\r
  56     color: #428bca;\r
  57 }\r
  58 \r
  59 \r
  60 \r
  61 .separator-line {\r
  62     height: 1px;\r
  63     width: 100%;\r
  64     background: #ddd;\r
  65     overflow: hidden;\r
  66     margin-bottom: 15px;\r
  67     margin-top: 6px;\r
  68     opacity: 0.6;\r
  69 }\r
  70 \r
  71 \r
  72 \r
  73 \r
  74 \r
  75 .main {\r
  76 \r
  77     overflow: hidden;\r
  78     margin-bottom: 10px;\r
  79     border: 1px solid #e3e3e3;\r
  80     -webkit-border-radius: 4px;\r
  81     -moz-border-radius: 4px;\r
  82     border-radius: 4px;\r
  83     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\r
  84     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\r
  85     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);\r
  86     padding-top: 10px;\r
  87     padding-right: 10px;\r
  88 }\r
  89 \r
  90 .panel-tools {\r
  91     display: inline-block;\r
  92     float: right;\r
  93     margin-top: 0;\r
  94     padding: 0;\r
  95     position: relative;\r
  96 }\r
  97 \r
  98 .panel-tools a {\r
  99     margin-left: 5px;\r
 100     color: #9d9fa2;\r
 101     cursor: pointer;\r
 102 }\r
 103 \r
 104 .panel-tools  a:hover{\r
 105   color: #34495e;\r
 106   text-decoration: none;\r
 107 }\r
 108 \r
 109 \r
 110 .timeline-badge {\r
 111     width: 100px;\r
 112     height: 100px;\r
 113     border-radius: 50% 50% 50% 50%;\r
 114     text-align: center;\r
 115     font-size: 50px;\r
 116     line-height: 100px;\r
 117     color: #fff;\r
 118     background-color: #999999;\r
 119 }\r
 120 .timeline-badge.info {\r
 121     background-color: #378AE8 !important;\r
 122 }\r
 123 \r
 124 .collapseContent  ul {\r
 125     padding-left: 0;\r
 126     list-style: none;\r
 127 }\r
 128 \r
 129 .collapseContent  ul li{\r
 130     height:40px;\r
 131     font-size: 15px;\r
 132 }\r
 133 \r
 134 #MonitorContent{\r
 135     padding-top: 30px;   \r
 136      padding-bottom: 20px;\r
 137 }\r
 138 \r
 139 .border-right {\r
 140     border-right: 1px solid #e4e5e7;\r
 141 }\r
 142 \r
 143 .tipArea {\r
 144     border-bottom: 1px solid #d4d4d4;\r
 145     width: 85%;\r
 146     text-align: center;\r
 147     margin-bottom: 15px;\r
 148     margin-left: 30px;\r
 149     font-weight: bold;\r
 150 }\r
 151 .monitor-icon{\r
 152 \r
 153   width:180px;\r
 154   float:left;\r
 155   padding-left:40px\r
 156 \r
 157 }\r
 158 \r
 159 .proxy_div{\r
 160    float:left;\r
 161    padding-left:20px\r
 162 \r
 163 }\r
 164 \r
 165 #MonitorContent b{\r
 166     margin-right: 5px;\r
 167 }