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