performance/src/main/webapp/performance/css/alarmsQuery.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         overflow: auto !important;
  18         background-color: #fff;
  19 }
  20
  21 .ms-controller{
  22         visibility: hidden
  23 }
  24
  25 .container-fluid{
  26         background-color: #fff;
  27 }
  28
  29 .page-content-body {
  30         margin-top: 10px;
  31 }
  32 .page-content-body .row{
  33     margin-left:0;
  34 }
  35 #ict_fm_alarmCount_div_left{
  36     margin-bottom:10px;
  37 }
  38 .page-content-body .separator-line{
  39     height:1px;
  40         border-bottom:1px dashed #ccc;
  41         background:transparent;
  42 }
  43 .circleBtn:first-child {
  44     border-top-left-radius: 3px !important;
  45     border-bottom-left-radius: 3px !important;
  46 }
  47
  48 .circleBtn:last-child {
  49
  50     border-top-right-radius: 3px !important;
  51     border-bottom-right-radius: 3px !important;
  52 }
  53
  54 .sideBtn:first-child {
  55     border-top-left-radius: 20px !important;
  56     border-bottom-left-radius: 20px !important;
  57     min-width: 50px;
  58 }
  59
  60 .sideBtn:last-child {
  61     border-top-right-radius: 20px !important;
  62     border-bottom-right-radius: 20px !important;
  63     min-width: 50px;
  64 }
  65
  66 .btnRiusCircle {
  67     border-radius: 20px !important;
  68 }
  69
  70 button:last-child {
  71     margin-left: 15px;
  72 }
  73 .btn-groupBlue {
  74     padding-left: 20px;
  75 }
  76
  77 .btn-groupBlue .btn:hover {
  78     color: #333;
  79     background-color: #ebebeb ;
  80
  81 }
  82 .btnWhite {
  83     font-size: 14px;
  84     font-family: "微软雅黑";
  85     line-height: 20px;
  86     /*background-image: linear-gradient(to bottom, #ffffff, #ffffff);*/
  87     background-color: #ffffff;
  88
  89     border: 1px solid #cccccc;
  90 }
  91 .btnWhite:hover{
  92 background-color:#ebebeb;
  93 color:#333;
  94 }
  95 .btn_group1 .btn:hover {
  96     color: #ffffff;
  97         background-color:#ebebeb;
  98     background-position: 0 0px;
  99     -webkit-transition: background-position 0.1s linear;
 100     -moz-transition: background-position 0.1s linear;
 101     -o-transition: background-position 0.1s linear;
 102     transition: background-position 0.1s linear;
 103 }
 104
 105 .blueactive {
 106     color: #ffffff !important;
 107     background-color: #5b9bd1;
 108 }
 109
 110 .blueactive:hover {
 111     color: #ffffff !important;
 112     background-color: #4d85b4 !important;
 113 }
 114
 115 .cond_zone {
 116     background-color: #fff;
 117     padding-left: 20px;
 118     padding-right: 50px;
 119 }
 120
 121 .cond_zone_time {
 122         background-color: #fff;
 123     margin-top: 20px;
 124     margin-bottom: 10px;
 125 }
 126
 127 .condSelect {
 128     /* width: 100%; */
 129     border: 1px solid #CCC;
 130         height: 34px !important;
 131 }
 132
 133 .cond_selected{
 134         padding-left: 10px;
 135 }
 136
 137 button.btn.btn-default {
 138     color: #aaa;
 139 }
 140
 141 .filtergroup button.btn {
 142     min-width: 68px;
 143 }
 144 .adCondition button.btn {
 145     min-width: 80px;
 146 }
 147 .btn-default {
 148     color: #5b9bd1;
 149     background-color: #fff;
 150     border-color: #ccc;
 151 }
 152
 153 .daySelect {
 154     width: 42px;
 155     height: 26px !important;
 156     font-size: 14px;
 157     margin-bottom: 0px;
 158     border-width: 1px;
 159     padding: 0px 0px;
 160     border-radius: 4px;
 161 }
 162
 163 .calendar-date {
 164     color: #5b9bd1;
 165 }
 166
 167 .daterangepicker .ranges {
 168     width: 205px;
 169 }
 170
 171 .daterangepicker .ranges input {
 172     width: 95px !important;
 173 }
 174
 175 /* .daterangepicker {
 176     left: 20% !important;
 177 } */
 178 .daterangepicker .ranges input[type="text"] {
 179     width: 85px !important;
 180 }
 181
 182 .dataRange {
 183     width: 195px;
 184     line-height: 0;
 185     height: 26px;
 186     vertical-align: top;
 187     margin-left: 5px;
 188     padding: 0px 0px;
 189 }
 190
 191 div.dataTables_paginate {
 192     display: inline;
 193     float: right !important;
 194 }
 195
 196 div.dataTables_length, div.dataTables_info {
 197     display: inline;
 198 }
 199
 200 div.pagination-panel {
 201     margin-right: 10px;
 202 }
 203
 204 input.pagination-panel-input {
 205     width: 50px;
 206 }
 207
 208 .input-sm {
 209     padding: 4px 10px;
 210 }
 211
 212 td.details-control {
 213         text-align: center;
 214     cursor: pointer;
 215 }
 216
 217
 218 .details table td {
 219     word-wrap: break-word;
 220     word-break: normal;
 221     border-top: 1px solid #dddddd;
 222 }
 223
 224 td.title {
 225     width: 10%;
 226 }
 227
 228 .detailTitleStyle{
 229         background-color: #EEE !important;
 230 }
 231
 232 .close-statistic{
 233     float:right;
 234         margin-top:5px;
 235         margin-right:25px;
 236         vertical-align:bottom;
 237         padding:3px;
 238         border:2px solid #fff ;
 239         border-radius:20px;
 240     color:#9b9b9b;
 241 }
 242 .close-statistic:hover{
 243 border:2px solid #e74c3c ;
 244 color:#e74c3c;
 245 text-decoration:none;
 246 }
 247 .detailCellStyle{
 248         background-color: #FFF !important;
 249 }
 250
 251 table.dataTable tbody th, table.dataTable tbody td {
 252     padding: 8px 10px;
 253     vertical-align:middle;
 254 }
 255
 256 .echart_height{
 257         height: 400px;
 258 }
 259
 260
 261
 262 button.serveractive {
 263     color: #ffffff !important;
 264     background-position: 0 0px;
 265     -webkit-transition: background-position 0.1s linear;
 266     -moz-transition: background-position 0.1s linear;
 267     -o-transition: background-position 0.1s linear;
 268     transition: background-position 0.1s linear;
 269     background-image: linear-gradient(to bottom, #E6971A, #E6971A) !important;
 270 }
 271
 272 .rule_title {
 273     padding: 8px;
 274     margin-bottom: 25px;
 275     border-left: 2px solid #5b9bd1;
 276     color: #1A78CA;
 277     font-size: 16px;
 278 }
 279
 280 .iconPosition > div {
 281     margin: 20px 0px 0px 0px;
 282 }
 283 .iconPosition{
 284   margin-top: 90px;
 285 }
 286 .iconPosition div {
 287     color: #757575;
 288     cursor: pointer;
 289 }
 290
 291 .iconPosition div:hover {
 292     color: #333;
 293 }
 294
 295 #defaulInfo, #selectAralmCodes {
 296     border: 1px solid #e0e0e0;
 297 }
 298
 299 .right_assign_box {
 300     height: 370px;
 301     overflow-y: auto;
 302     overflow-x: auto;
 303     border: 1px solid #e0e0e0;
 304 }
 305
 306 .right-assign-checked-box{
 307     /*height: 312px;*/
 308         height: 370px;
 309     overflow-y: auto;
 310     overflow-x: auto;
 311     border: 1px solid #e0e0e0;
 312 }
 313
 314 .fmZtree {
 315     z-index: 3000;
 316     position: absolute;
 317     background: #fff;
 318     outline: none;
 319 }
 320
 321 .filtergroup {
 322     text-align: center;
 323     margin-top: 15px;
 324 }
 325
 326 .fliterline {
 327     margin-top: 20px;
 328         height:1px;
 329         border-bottom:1px dashed #c4cde8;
 330         margin-bottom:15px;
 331         overflow:hidden;
 332         width:100%;
 333 }
 334
 335 .adCondition {
 336     float: right;
 337 }
 338
 339 .btn .caret {
 340     margin-right: 5px;
 341 }
 342
 343 .tablebtn {
 344     float: right;
 345 }
 346
 347 #ict_alarms_table_div {
 348     padding-right: 0;
 349     margin-top: 10px;
 350 }
 351
 352 div.alarmsTree {
 353     width: 580px;
 354 }
 355
 356 div.alarmsTree-small{
 357     width: 280px;
 358 }
 359 .alarm-serious {
 360     background-color: #de4040;
 361     color: #ffffff !important;
 362 }
 363 .alarm-serious:hover {
 364     background-color: #c23737 !important;
 365 }
 366 .alarm-important {
 367     background-color: #e37c29;
 368     color: #ffffff !important;
 369 }
 370 .alarm-important:hover {
 371     background-color: #c86e25 !important;
 372 }
 373 .alarm-secondary {
 374     background-color: #e9d426;
 375     color: #ffffff !important;
 376 }
 377 .alarm-secondary:hover {
 378     background-color: #d3c023 !important;
 379 }
 380 .alarm-slightly {
 381     background-color: #86bcdb;
 382     color: #ffffff !important;
 383 }
 384 .alarm-slightly:hover {
 385     background-color: #77a7c2 !important;
 386 }
 387 .flRight {
 388     float: right;
 389         margin-right: 1px;
 390 }
 391
 392 /* #alLocation {
 393     margin-top: 40px;
 394 } */
 395
 396 .borderBottom {
 397     border-bottom: 4px solid !important;
 398     border-top: 0px solid !important;
 399 }
 400
 401 .borderTop {
 402     border-top: 4px solid !important;
 403     border-bottom: 0px solid !important;
 404 }
 405
 406 .spinnerSmall {
 407     width: 34px !important;
 408     margin-right: 24px;
 409 }
 410
 411 .icheckbox_square-aero{
 412     margin-right: 5px;
 413 }
 414 .alarmsSave {
 415   font-size: 16px;
 416   color: #555;
 417   vertical-align: middle;
 418   cursor: pointer;
 419 }
 420
 421 .alarmsSave:hover {
 422     color: #5b9bd1;
 423 }
 424 .margin-space{
 425     margin-bottom: 15px;
 426         margin-top: 5px;
 427 }
 428
 429 .defaultHideTopLink{
 430   display: none;
 431   position: absolute;
 432   display: none;
 433   background: #000;
 434   opacity: 0.8;
 435   border: 1px solid #ddd !important;
 436   font-size: 0.8em;
 437   box-shadow: 2px 3px 5px #C8C8C8;
 438   border-radius: 8px;
 439   padding: 0px 10px;
 440   z-index: 999;
 441   height: 30px;
 442   color: #fff;
 443   line-height: 25px;
 444 }
 445
 446 .defaultHideTopLink:after {
 447   position: absolute;
 448   top: -6px;
 449   left: 10px;
 450   display: inline-block;
 451   border-right: 6px solid transparent;
 452   border-bottom: 6px solid #000;
 453   border-left: 6px solid transparent;
 454   content: '';
 455 }
 456
 457 .tooltip-inner {
 458     max-width: 300px !important;
 459 }
 460
 461 .calendar-time select {
 462   color: #555 !important;
 463 }
 464
 465 #affirmTrip{
 466   margin-top: 3%;
 467   margin-left: 1%;
 468 }
 469
 470
 471 #unAffirmTrip{
 472   margin-top: 3%;
 473   margin-left: 4%;
 474 }
 475
 476 #alLocationTree,#alCodeTree,#alTypeTree{
 477   border: 1px solid rgba(0,0,0,.2);
 478   margin-top: 5px;
 479   background-clip: padding-box;
 480   border-radius: 6px;
 481   outline: 0;
 482   margin-left: -5px;
 483   box-shadow: 0 5px 15px rgba(0,0,0,.5);
 484 }
 485
 486 #right-menu {
 487   position: fixed;
 488   top: 0;
 489   right: 0;
 490   width: 400px;
 491   height: 100%;
 492   border-left: 4px solid rgb(58,174,218);
 493   background-color: rgba(255,255,255,.95);
 494   padding-left: 19px;
 495   padding-right: 13px;
 496   padding-top: 20px;
 497   z-index: 9999;
 498   overflow-y: auto;
 499 }
 500
 501 .btn-right-detail {
 502   color: #5b9bd1;
 503   background-color: #fff;
 504   border-color: #ccc;
 505 }
 506
 507
 508 .right {
 509   float: right;
 510 }
 511
 512
 513 .default-display-none{
 514   display: none;
 515 }
 516
 517 .nodesDetail {
 518   margin-top: 15px;
 519 }
 520
 521 #ict_table_general_div td{
 522     min-width: 115px;
 523 }
 524
 525
 526 #moreCond label{
 527     margin-bottom: 0px;
 528 }
 529
 530 .alarm-date-form-control{
 531     padding: 0px 4px;
 532 }
 533
 534 .titlefont {
 535   font-size: 16px;
 536 }
 537
 538 .subtitlefont {
 539   font-size: 14px;
 540 }
 541
 542
 543 .ackState a:hover{
 544     color: #fff;
 545   text-decoration:none;
 546 }
 547
 548
 549 .label-danger:hover{
 550   background-color: #C9302C;
 551 }
 552
 553 .right-button-pointer {
 554   display: inline-block;
 555   cursor: pointer;
 556 }
 557
 558 .tree-right-table td{
 559   white-space: nowrap;
 560   cursor: pointer;
 561 }
 562
 563 .tree-right-table td:hover{
 564   background: #FFEDE4;
 565   border-bottom: 1px solid #f8dddd;
 566   border-top: 1px solid #f8dddd;
 567 }
 568
 569 .tallCellSelected{
 570   background: #f8dddd;
 571   border-bottom: 1px solid #f8dddd;
 572   border-top: 1px solid #f8dddd;
 573 }
 574
 575 .tallCellSelected:hover{
 576   background: #f8dddd !important;
 577 }
 578
 579
 580 .margin-top-space{
 581   margin-top: 15px;
 582 }
 583
 584
 585 .tree-left-table td{
 586   white-space: nowrap;
 587   cursor: pointer;
 588 }
 589
 590 .tree-left-table td:hover{
 591   background: #FFEDE4;
 592   border-bottom: 1px solid #f8dddd;
 593   border-top: 1px solid #f8dddd;
 594 }
 595
 596 #saveModalCancle{
 597   color:#333;
 598 }
 599
 600 .radioLabel{
 601   margin-left: -10px;
 602   margin-right: 10px;
 603 }
 604
 605 .alarmbtn, #ict_alarms_table_div{
 606 padding-left:0;
 607 }
 608
 609 .advanced-selection{
 610         margin-top:40px;
 611 }
 612
 613 #moreCond{
 614         border: 1px dashed rgb(196, 205, 232);
 615         margin-top: 10px;
 616     margin-bottom: 10px;
 617     margin-left: 0px;
 618     margin-right: 0px;
 619     padding-left: 15px;
 620     padding-right: 15px;
 621 }
 622
 623 .bodyTop{
 624         margin-top: 10px;
 625 }
 626
 627 .confirmTime{
 628         margin-left: 5px;
 629 }
 630
 631 .condSaveTip{
 632         margin-top: 15px;
 633 }
 634
 635 /*修改树组件默认样式*/
 636 .ztree li a {
 637         border: 0px;
 638 }
 639
 640 .ict-Magnifier:hover{
 641         color:#555555
 642 }
 643
 644 .ict-save:hover{
 645         color:#555555
 646 }
 647
 648 .dataTables_scrollHeadInner table.dataTable tbody td {
 649     padding-top: 0px !important;
 650     padding-bottom: 0px !important;
 651 }
 652
 653 .dataTables_scrollHeadInner table.dataTable {
 654         margin-bottom: 0px !important;
 655         border-bottom: 0px !important;
 656 }
 657
 658 .dataTables_scrollBody  table {
 659         border-top: 0px !important;
 660         border-bottom: 1px solid #ddd !important;
 661         /* margin-top: -5px; */
 662 }
 663
 664 .dataTables_scrollBody {
 665         margin-top: -2px;
 666 }
 667
 668 #ict_alarms_table_wrapper .bottom{
 669         margin-top: 10px;
 670 }
 671
 672 table .DataTables_sort_wrapper {
 673         padding-left: 2px !important;
 674 }
 675
 676 .detailTable {
 677   border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;
 678 }
 679
 680 .detailTable td{border:1px solid #ddd !important;}
 681
 682 .detailTitleStyle .label{
 683         color:#333333;
 684         background-color: rgba(66, 139, 202, 0);
 685         float:right;
 686 }
 687
 688 .label{
 689         font-size: 100%;
 690     font-weight: 100;
 691 }
 692
 693 input[name="daterange"] {
 694     width: 220px;
 695     line-height: 0;
 696     height: 31px;
 697     /* vertical-align: top; */
 698     margin-top: 2px;
 699 }
 700 .acknow-purple{
 701 background-color:#bf74d5;
 702 color:#fff;
 703 }
 704 .acknow-purple:hover{
 705 background-color:#b36bc8;
 706 }
 707 .ict-table{
 708  color:#549bb6;
 709 }
 710 .dataTables_length  select[size]{
 711     height:28px;
 712 }
 713 /*1024下展开左边菜单*/
 714 @media screen and (max-width: 770px) and (min-width: 750px) {
 715     .btn-groupBlue {
 716         padding-left: 5px;
 717     }
 718 }
 719
 720 /*1024下，左边菜单收起来*/
 721
 722 @media screen and (max-width: 1000px) and (min-width: 810px) {
 723     .tree-padd {
 724         padding-left: 7%;
 725     }
 726
 727     .daterange-cond-padd {
 728         padding-left: 10%;
 729     }
 730 }
 731
 732 @media screen and (max-width: 1100px) and (min-width: 1000px) {
 733
 734     .tree-padd {
 735         padding-left: 10%;
 736     }
 737
 738     .tree-daterange-cond-padd {
 739         padding-left: 10%;
 740     }
 741 }
 742
 743 @media screen and (min-width: 1100px) {
 744     .tree-padd {
 745         padding-left: 12%;
 746     }
 747
 748     .daterange-cond-padd {
 749         padding-left: 10%;
 750     }
 751 }
 752