portal-performance/src/main/webapp/performance/css/pmQueryBox.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 #addRule {\r
  17         margin-bottom: 10px;\r
  18 }\r
  19 .btn.dropdown-toggle,\r
  20 .btn-group .btn.dropdown-toggle,\r
  21 .btn:hover,\r
  22 .btn:disabled,\r
  23 .btn[disabled],\r
  24 .btn:focus,\r
  25 .btn:active,\r
  26 .btn.active {\r
  27         outline: none !important;\r
  28         background-image: none !important;\r
  29         filter: none;\r
  30         -webkit-box-shadow: none;\r
  31         -moz-box-shadow: none;\r
  32         box-shadow: none;\r
  33         text-shadow: none;\r
  34 }\r
  35 .btn-rank {\r
  36         border-color: #ccc;\r
  37 }\r
  38 .alarm-serious {\r
  39         background-color: #de4040;\r
  40         color: #ffffff !important;\r
  41 }\r
  42 .alarm-serious:hover {\r
  43         background-color: #c23737 !important;\r
  44 }\r
  45 .alarm-important {\r
  46         background-color: #e37c29;\r
  47         color: #ffffff !important;\r
  48 }\r
  49 .alarm-important:hover {\r
  50         background-color: #c86e25 !important;\r
  51 }\r
  52 .alarm-secondary {\r
  53         background-color: #e9d426;\r
  54         color: #ffffff !important;\r
  55 }\r
  56 .alarm-secondary:hover {\r
  57         background-color: #d3c023 !important;\r
  58 }\r
  59 .alarm-slightly {\r
  60         background-color: #86bcdb;\r
  61         color: #ffffff !important;\r
  62 }\r
  63 .alarm-slightly:hover {\r
  64         background-color: #77a7c2 !important;\r
  65 }\r
  66 .btn-group.btn-group-circle > .btn:first-child {\r
  67         border-radius: 3px 0px 0px 3px;\r
  68 }\r
  69 .btn-group.btn-group-circle > .btn:last-child {\r
  70         border-radius: 0 3px 3px 0 !important;\r
  71 }\r
  72 .btn-group-circle {\r
  73         padding-bottom: 5px;\r
  74 }\r
  75 .open .btn-default.dropdown-toggle {\r
  76         color: #333;\r
  77         background-color: #ededed;\r
  78         border-color: #b3b3b3;\r
  79 }\r
  80 .btn-group .btn-default:active,\r
  81 .btn-group .btn-default.active {\r
  82         background-image: none;\r
  83         background-color: #5b9bd1;\r
  84         color: #fff;\r
  85 }\r
  86 .ruleBox {\r
  87         height: 175px;\r
  88 }\r
  89 .filterRule {\r
  90         background-image: url(../images/filter.png);\r
  91         background-repeat: no-repeat;\r
  92         background-position: center;\r
  93         text-align: center;\r
  94 }\r
  95 /*.boxPadding {\r
  96         padding-top: 60px;\r
  97 }*/\r
  98 .ruleRow {\r
  99         padding-left: 20px;\r
 100         padding-right: 30px;\r
 101         font-size: 15px;\r
 102 }\r
 103 .filterRuleRow {\r
 104         padding-left: 30px;\r
 105         padding-right: 20px;\r
 106         font-size: 15px;\r
 107 }\r
 108 .fRule {\r
 109         padding-left: 12%;\r
 110         padding-right: 12%;\r
 111 }\r
 112 .ruleNav .ruleBox .rule {\r
 113         margin-top: 5px;\r
 114         padding-left: 0px;\r
 115 }\r
 116 .bigText {\r
 117         height: 400px;\r
 118 }\r
 119 .bigText1 {\r
 120         margin-bottom: 20px;\r
 121         height: 320px;\r
 122 }\r
 123 .right_assign_box {\r
 124         height: 412px;\r
 125         overflow-y: auto;\r
 126         overflow-x: hidden;\r
 127         border: 1px solid #ccc;\r
 128         border-radius: 4px;\r
 129 }\r
 130 .boxHeight {\r
 131         height: 723px;\r
 132 }\r
 133 .right_assign_box1 {\r
 134         height: 800px;\r
 135         overflow-y: auto;\r
 136         overflow-x: hidden;\r
 137         border: 1px solid #e0e0e0;\r
 138 }\r
 139 .right_assign_box ul.ztree {\r
 140         border: 0;\r
 141 }\r
 142 .right_assign_box .table-bordered {\r
 143         border: 0;\r
 144 }\r
 145 .right_assign_box .table-bordered > thead > tr > th,\r
 146 .right_assign_box .table-bordered > tbody > tr > th,\r
 147 .right_assign_box .table-bordered > tfoot > tr > th,\r
 148 .right_assign_box .table-bordered > thead > tr > td,\r
 149 .right_assign_box .table-bordered > tbody > tr > td,\r
 150 .right_assign_box .table-bordered > tfoot > tr > td {\r
 151         border-left: 0;\r
 152         padding: 8px 18px;\r
 153 }\r
 154 .right_assign_box .table > thead > tr > th {\r
 155         border: 0;\r
 156 }\r
 157 ul.ztree {\r
 158         border: 1px solid #E0E0E0;\r
 159         /*background: #f0f6e4;width:220px;height:360px;*/\r
 160         \r
 161         overflow-y: auto;\r
 162         overflow-x: auto;\r
 163 }\r
 164 .rule_title {\r
 165         padding-left: 5px;\r
 166         margin-bottom: 15px;\r
 167         border-left: 2px solid #5b9bd1;\r
 168         color: #1A78CA;\r
 169         font-size: 16px;\r
 170 }\r
 171 .row1 .separator-line {\r
 172         margin-bottom: 5px;\r
 173 }\r
 174 .group {\r
 175         margin-top: 25px;\r
 176 }\r
 177 .ztree li span.button.diy1_icon {\r
 178         background: url("");\r
 179 }\r
 180 .titlefont {\r
 181         font-size: 16px;\r
 182 }\r
 183 #new_rule_body {\r
 184         padding-left: 25px;\r
 185 }\r
 186 #defaulInfo,\r
 187 #selectAralmCodes {\r
 188         border: 1px solid #e0e0e0;\r
 189 }\r
 190 .iconPosition div {\r
 191         color: #757575;\r
 192         cursor: pointer;\r
 193 }\r
 194 .iconPosition div:hover {\r
 195         color: #333;\r
 196 }\r
 197 #dataRange {\r
 198         margin-left: 15px;\r
 199 }\r
 200 .dataRow {\r
 201         margin-left: 15px;\r
 202 }\r
 203 .alarmLevel {\r
 204         margin-left: 15px;\r
 205 }\r
 206 .ruleList {\r
 207         background-color: #fff;\r
 208         min-height: 460px;\r
 209 }\r
 210 .ruleNav {\r
 211         // margin-bottom: 15px;\r
 212         margin-left: 15px;\r
 213         margin-right: 15px;\r
 214 }\r
 215 .right-assign-checked-box {\r
 216         height: 412px;\r
 217         overflow-y: auto;\r
 218         overflow-x: auto;\r
 219         border: 1px solid #e0e0e0;\r
 220 }\r
 221 .box {\r
 222         color: white;\r
 223         text-align: center;\r
 224         height: 80px !important;\r
 225         font-size: 14px;\r
 226 }\r
 227 .boxStyle1,\r
 228 .ProcessingSuggestion {\r
 229         background-repeat: no-repeat;\r
 230         background-color: #48C79C !important;\r
 231         background-position-y: 100%;\r
 232 }\r
 233 .boxStyle1:hover,\r
 234 .ProcessingSuggestion:hover {\r
 235         background-color: #64e2b8 !important;\r
 236 }\r
 237 .boxStyle2,\r
 238 .notifyFilter {\r
 239         background-repeat: no-repeat;\r
 240         background-color: #709BCE !important;\r
 241         background-position-y: 100%;\r
 242 }\r
 243 .boxStyle2:hover,\r
 244 .notifyFilter:hover {\r
 245         background-color: #87b2e4 !important;\r
 246 }\r
 247 .boxStyle3,\r
 248 .alarmBox {\r
 249         background-repeat: no-repeat;\r
 250         background-color: #9699E0 !important;\r
 251         background-position-y: 100%;\r
 252 }\r
 253 .boxStyle3:hover,\r
 254 .alarmBox:hover {\r
 255         background-color: #acaff1 !important;\r
 256 }\r
 257 .boxStyle4,\r
 258 .codesetting {\r
 259         background-repeat: no-repeat;\r
 260         background-color: #5BC0DE !important;\r
 261         background-position-y: 100%;\r
 262 }\r
 263 .boxStyle4:hover,\r
 264 .codesetting:hover {\r
 265         background-color: #8dd4eb !important;\r
 266 }\r
 267 .ruleNav .separator-line {\r
 268         margin-bottom: 5px;\r
 269         height: 3px;\r
 270 }\r
 271 .ruleNav .separator-line-visibilty {\r
 272         visibility: hidden;\r
 273 }\r
 274 a {\r
 275         text-decoration: none !important;\r
 276 }\r
 277 .subbox {\r
 278         padding-left: 5px;\r
 279         padding-right: 5px;\r
 280 }\r
 281 .textImageStyle {\r
 282         font-size: 24px;\r
 283         margin-right: 5px;\r
 284         vertical-align: middle;\r
 285         padding-left: 0;\r
 286         padding-bottom: 1px;\r
 287         padding-top: 14px;\r
 288 }\r
 289 #test1>div {\r
 290         margin-bottom: 15px;\r
 291 }\r
 292 .rule-submit {\r
 293         padding-left: 45px;\r
 294 }\r
 295 .sugg-box .form-control {\r
 296         margin-bottom: 15px;\r
 297 }\r
 298 /*.dataTables_info{\r
 299     float:right;\r
 300 }*/\r
 301 \r
 302 @media screen and (max-width: 900px) and (min-width: 600px) {\r
 303         .rule-pic {\r
 304                 display: none;\r
 305         }\r
 306         .ruleNav .col-xs-10 {\r
 307                 width: 100%;\r
 308         }\r
 309 }\r
 310 \r