rebuild GUI structure(only changed modules' name)
[vnfsdk/refrepo.git] / performance / src / main / webapp / performance / css / performanceQuery.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         font-family: microsoft yahei !important;
18 }
19 body {
20   font-family: 'Open Sans', sans-serif;  
21   background-color: #f1f3fa;
22   width: '100%';
23   height: '100%';
24   margin-top: 5px;
25 }
26
27 a {
28   /*  font-weight: bold;*/
29    text-decoration: none !important; }
30
31 p {
32     color: #444;
33     font-size: 14px;
34     font-weight: normal;
35     line-height: 21px;
36     margin: 0 0 12px 0; }
37
38 p.credit {
39     border-top: 1px solid #ccc;
40     font-size: 14px;
41     line-height: 140%;
42     margin: 36px 0 12px 0;
43     padding: 8px 0 0 0;
44     text-align: center; }
45
46 ul.column {
47     float: left;
48     list-style: none;
49     width: 675px; }
50 ul.column li {
51     background: #eee;
52     -webkit-border-radius: 5px;
53     border-radius: 5px;
54     -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
55     box-shadow: inset 0 1px 1px 0 #c7c7c7;
56     float: left;
57     margin: 10px 0 0 10px;
58     display: block;
59     height: 150px;
60     text-align: center;
61     width: 215px; }
62
63
64 /* Clear Floated Elements
65 ------------------------------------------------------------------------------*/
66 .column:after,
67 .button-collection:after,
68 .clearfix:after,
69 div.project-info:after {
70     clear: both;
71     content: ' ';
72     display: block;
73     font-size: 0;
74     line-height: 0;
75     visibility: hidden;
76     width: 0;
77     height: 0; }
78
79 .nav-tabs{
80 border:0;
81 }
82 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
83 border:0;
84 border-top:3px solid #F3565D;
85 }
86 .nav-tabs>li>a{
87 border-radius:0;
88 }
89 .nav-tabs>li>a:hover{
90 background-color:#f1f3fa;
91 border:1Px solid #f1f3fa;
92 }
93 .c3{
94 margin-top:120px;
95 }
96 .skills-chart-breadcrumb{
97
98 }
99
100 .blue:selected{
101 border:0;
102 background-color: #5b9bd1;
103 }
104 .btn {
105   /* border-width: 0; */
106   /* padding: 7px 14px; */
107   /* font-size: 14px; */
108   /* outline: none !important; */
109   /* background-image: none !important; */
110   /* filter: none; */
111   /* -webkit-box-shadow: none; */
112   -moz-box-shadow: none;
113   /* box-shadow: none; */
114   /* text-shadow: none; */
115 }
116
117 .btn-default, select {
118 border-width: 1px;
119 padding: 4px 1px;
120 border-radius: 4px;
121 }
122
123 .input-sm {
124         padding: 4px 10px;
125 }
126
127 .btn-block {
128   display: block;
129   width: 100%;
130   padding-left: 0;
131   padding-right: 0;
132 }
133
134 /* Bootstrap buttons */
135 .btn-default {
136   color: #5b9bd1;
137   background-color: #fff;
138   border-color: #ccc;
139
140 }
141 .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
142   color: #333;
143   background-color: #ededed;
144   border-color: #b3b3b3;
145 }
146 .open .btn-default.dropdown-toggle {
147   color: #333;
148   background-color: #ededed;
149   border-color: #b3b3b3;
150 }
151 .btn-default:active, .btn-default.active {
152   background-image: none;
153   background-color: #e0e0e0;
154   font-weight: bold;
155 }
156 .btn-default:active:hover, .btn-default.active:hover {
157   background-color: #e6e6e6;
158 }
159 .open .btn-default.dropdown-toggle {
160   background-image: none;
161 }
162 .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
163   background-color: #fff;
164   border-color: #ccc;
165 }
166 .btn-default .badge {
167   color: #fff;
168   background-color: #333;
169 }
170 .btn-default > i {
171   color: #aaa;
172 }
173 .btn-default > i[class^="icon-"],
174 .btn-default > i[class*="icon-"] {
175   color: #8c8c8c;
176 }
177
178 div[data-name="tab_zone"] div{
179         background-color:#f1f3fa;
180         padding:0px;
181 }
182
183
184 div[data-name="cond_zone"] div{
185         background-color: #fff;
186         margin-top:15px;
187         margin-bottom:15px;
188 }
189
190 div[data-name="log-otherConds-zone"]{
191         display:inline;
192 }
193
194 div[data-name="log-otherConds-zone"] select ,div[data-name="log-otherConds-zone"] span{
195      /**height:33px;*/
196          margin-left:15px;
197          color:#5b9bd1;
198          border-color:#ccc;
199          font-weight: bold;
200 }
201
202 div.separator div{
203         text-align: center;
204         line-height:0;
205 }
206 div.separator-sline{
207         height:28px ;
208         width:3px;
209 }
210
211 .dropdown-toggle{
212 color:#5b9bd1;
213 }
214 .calendar-date{
215 color:#5b9bd1;
216 }
217 .range_inputs{
218 color:#5b9bd1;
219 }
220 .btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
221   outline: none !important;
222   background-image: none !important;
223   filter: none;
224   -webkit-box-shadow: none;
225   -moz-box-shadow: none;
226   box-shadow: none;
227   text-shadow: none;
228 }
229
230 #skills-chart-breadcrumb{
231 margin-bottom:10px
232 }
233
234
235 /*增加daterangepicker的css*/
236 input[name="daterange"]{
237     width: 220px;
238         line-height:0;  
239     height: 31px;
240     vertical-align: top;
241     margin-top: 2px;
242
243 }
244
245 .daterangepicker .ranges{
246         width: 205px;
247 }
248 .daterangepicker .ranges input{
249         width:95px !important;
250 }
251
252 td.details-control {
253     background: url('../images/details_open.png') no-repeat center center;
254     cursor: pointer;
255 }
256 tr.shown td.details-control {
257     background: url('../images/details_close.png') no-repeat center center;
258 }
259
260
261 .details table td{
262         word-wrap: break-word;
263         word-break: normal;
264         border-top: 1px solid #dddddd;
265 }
266
267 .details table  tr:first-child td {
268         border-top: none;
269 }
270
271 .details table{
272         table-layout:fixed;
273         width:100%;
274 }
275
276 td.title{
277         width:10%;
278 }
279
280 table.dataTable tbody th, table.dataTable tbody td {
281 padding: 8px 10px;
282 }
283
284 div.dataTables_length ,div.dataTables_info{
285         display: inline;
286 }
287
288 div.dataTables_paginate{
289         display: inline;
290         float: right;
291 }
292
293 div.pagination-panel{
294         margin-right:10px;
295 }
296
297 input.pagination-panel-input{
298         width:50px;
299 }
300
301 #ict_log_table_div{
302         margin-top:15px;
303 }
304
305
306 #ict_sm_table_div label{
307         font-weight:100;
308 }
309
310 .daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label{
311 color:#5b9bd1;
312
313 }
314 .daterangepicker .ranges .input-mini{
315      color:#5b9bd1;
316   }
317 .cancelBtn {
318     padding:5px 10px 5px 10px;
319 }
320 .btn:focus, .btn:active:focus, .btn.active:focus{
321     outline:0;
322 }
323
324 #ict_log_table_div  table{
325         
326 }
327
328 .box0{
329 display:none !important
330
331 }
332 .box1{
333 background-image:url(../images/userGroup.png);
334 background-repeat:no-repeat;
335 background-color:#578ebe !important;
336 height:3px !important;
337 background-position-y:100%;
338 }
339 .box2{
340 background-image:url(../images/loginUser.png);
341 background-repeat:no-repeat;  
342 background-color:#44b6ae !important;
343 height:3px !important;
344 background-position-y:100%;
345 }
346 .box3{
347 background-image:url(../images/blackList.png); 
348 background-repeat:no-repeat;
349 background-color:#c0af69 !important;
350 height:3px !important;
351 background-position-y:100%;
352 }
353 .box4{
354 background-image:url(../images/lockUser.png); 
355 background-repeat:no-repeat;
356 background-color:#e35b5a !important;
357 height:3px !important;
358 background-position-y:100%;
359 }
360 .box5{
361 background-image:url(../images/userGroup.png);
362 background-repeat:no-repeat;
363 background-color:#578ebe !important;
364 height:3px !important;
365 background-position-y:100%;
366 }
367 .box6{
368 background-image:url(../images/loginUser.png);
369 background-repeat:no-repeat;  
370 background-color:#44b6ae !important;
371 height:3px !important;
372 background-position-y:100%;
373 }
374 .box7{
375 background-image:url(../images/lockUser.png); 
376 background-repeat:no-repeat;
377 background-color:#e35b5a !important;
378 height:3px !important;
379 background-position-y:100%;
380 }
381 .box8{
382 background-image:url(../images/userGroup.png);
383 background-repeat:no-repeat;
384 background-color:#578ebe !important;
385 height:3px !important;
386 background-position-y:100%;
387 }
388 .box9{
389 background-image:url(../images/loginUser.png);
390 background-repeat:no-repeat;  
391 background-color:#44b6ae !important;
392 height:3px !important;
393 background-position-y:100%;
394 }
395 .boxPadding{
396 padding-left:15px;
397 padding-right:0px;
398 }
399 .row1 .separator-line{
400 margin-bottom:5px;
401 }
402 .row  a{
403 /*color:white;*/
404 font-weight:normal;
405 font-size:14px;
406
407 }
408 .btnBlue {
409   background-color: #5b9bd1;
410   border-radius: 20px;
411   color: white;
412   font-weight: normal;
413   text-align: center;
414   min-width: 80px;
415 }
416 .btnBlue:hover{
417   background-color: #487ca9 !important;
418   color:#fff !important;
419 }
420 .btnBlue1 {
421   background-color: #5b9bd1;
422   border-radius: 20px;
423   color: white;
424   font-weight: normal; 
425   text-align: center;
426   min-width: 80px;
427 }
428 .btnGrey {
429   background-color: #d3d1d1;
430   border-radius: 20px;
431   color: black !important;
432   font-weight: normal;
433   padding: 8px 0;
434   text-align: center;
435   width: 70px;
436 }
437 .smLianJie {
438 color:#5b9bd1 !important;
439 font-weight:normal;
440 display:inline-block;
441 margin-top:25px;
442 font-size:14px
443 }
444
445 .smLianJie span{
446 padding:2px;
447 }
448 .rightDiv{
449 float:right;
450 color:#5b9bd1 !important;
451 }
452 .num{
453 font-size:30px;
454 font-family:arial;
455 font-weight:bold;
456 }
457 .numdiv{
458 margin-bottom:20px;
459 }
460 .ruleDiv{
461 text-align:center;
462 }
463
464 .ruleDiv1{
465 padding-top:20px;
466 text-align:center;
467 }
468 .fmTypeDiv{
469   padding: 20px;
470   text-align: center;
471   font-size: 16px;
472   background: white;
473   margin-top: 5px;
474   margin-left: 30px;
475   margin-right: 10px;
476   height: 105px;
477 }
478 .container-fluid{
479 background-color:white !important;
480 /*margin-top:25px;*/
481 min-height:500px;
482 }
483 .titlefont{
484  font-size:16px;
485 }
486 .label{
487   font-weight: 400;
488   /*font-size: 14px; */
489 }
490 .v5h5{
491    font-size: 16px;
492    color:#5b9bd1 !important;
493    font-weight:bold !important;
494 }
495 .v5label{
496    padding-top: 5px !important;
497    font-size: 13px;
498    text-align:right;
499 }
500 .v5lineColor1{
501    background-color:#578ebe !important;
502 }
503 .box1:hover{
504    background-color:#487ca9 !important;
505 }
506    
507 .box2:hover{
508    background-color: #329d96 !important;
509 }
510 .box3:hover{
511    background-color:#ad9a4d !important;
512 }
513 .box4:hover{
514    background-color:#d45150 !important;
515 }
516 .v5spinner{
517   width:50px;
518   margin-left:10px;
519   margin-right:10px;
520 }
521 .ff{
522    float:left;/*左漂浮*/
523    width: 1px;
524    height: 25px;/*竖线高度*/
525    background: #000;/*填充颜色*/
526 }
527 .radio-list{
528   padding-top:0px;
529 }
530 .row1{
531  margin-right: 0px !important;
532 }
533
534 #ict_sm_tableloginUser_wrapper .ict-legendshow,
535 #ict_sm_tablelockUser .ict-unlock
536 {
537         margin-right:6px;
538 }
539 #ict_sm_tableallUser > thead > tr > th,#ict_sm_tableloginUser > thead > tr > th,#ict_sm_tablelockUser > thead > tr > th{
540         background:white;
541         background-color:white !important;
542 }
543 #weakregularity{color:#468ECE;border-bottom: 1px #468ECE dotted;margin:0px !important;}
544 #weakregularity_tip{
545         position:absolute;
546         display:none;
547         background:#000;
548         opacity:0.8;
549         border:1px solid #ddd !important;       
550         font-size:0.8em;
551         margin-top:-1%;
552         margin-left:15%;
553         box-shadow:2px 3px 5px #C8C8C8;
554         border-radius:8px;
555         padding:20px 5px;
556         z-index:999;
557         width:530px;
558         height:270px;
559         color:#fff;
560         line-height:25px;
561 }
562 #weakregularity_tip > ul > li{margin-top:4px;list-style-type:disc;}
563 #weakregularity_tip > ul > li:first-child{margin-top:0px;}
564 #com_zte_ums_ict_sm_new_user_isPasswordChanged > span,
565 #com_zte_ums_ict_sm_new_user_passwordvaliddays > span
566 {
567         margin:0px 6px;
568 }
569 #forceExit{
570         /**padding:3px 18px 3px 10px;
571         cursor:pointer;
572         border:1px solid #ddd;
573         border-radius:12px;
574         text-shadow:0 1px 0 hsla(0,0%,100%,0.75);
575         //background-image:url("../images/forceOut.png");
576         //background-repeat:no-repeat;
577         //background-size:20% 70%;
578         background-position:left 10% top 45%;**/
579         margin-bottom:10px;
580 }
581
582 /*#forceExit:hover{
583         background-color:#F9F9F9;
584 }*/
585 .smLianJie:hover{
586         cursor:pointer;
587 }
588 div.checker,div.checker span{
589         width:22px;
590         height:22px;
591         background:#fff;
592 }
593 .row1 .col-xs-10, .row1 .col-md-10, .row1 .col-sm-10, .row1 .col-lg-10{
594 width:87% !important;
595 }
596 .row1 .col-xs-2, .row1 .col-md-2, .row1 .col-sm-2, .row1 .col-lg-2{
597 width:13% !important;
598 }
599 .modify_user{
600 padding-left:0px;
601 }
602 .btn-xs{
603 color:#333;
604 font-size:14px;
605 }
606 .btn-xs:hover{
607 color:#333
608 }
609 ul.ztree {margin-top: 10px;border: 1px solid #E0E0E0;/*background: #f0f6e4;width:220px;height:360px;*/overflow-y:auto;overflow-x:auto;/*ict*/padding: 25px;}
610 #new_rule_body{
611 padding-left:25px;
612 }
613 .rule_title{
614 padding:8px;
615 margin-bottom:25px;
616 border-left: 2px solid #5b9bd1;
617 color:#1A78CA;
618 font-size:16px;
619 }
620 .group{
621 margin-top:25px;
622 }
623
624 h5.form-section, .checkbox-list, .panel-title{
625   font-family: microsoft yahei !important;
626   color: #333;
627   <!-- padding-bottom: 15px !important; -->
628 }
629 .right_assign_box{
630 height:400px;
631 overflow-y:auto;
632 overflow-x:hidden;
633 border:1px solid #e0e0e0;
634 }
635 .right_assign_box ul.ztree{
636 border:0;
637 }
638 .right_assign_box .table-bordered{
639  border:0;
640  }
641 .right_assign_box  .table-bordered>thead>tr>th, .right_assign_box  .table-bordered>tbody>tr>th, .right_assign_box  .table-bordered>tfoot>tr>th, .right_assign_box  .table-bordered>thead>tr>td, .right_assign_box  .table-bordered>tbody>tr>td, .right_assign_box  .table-bordered>tfoot>tr>td{
642  border-left:0;
643  padding:8px 18px;
644 }
645 .right_assign_box .table>thead>tr>th{
646  border:0;
647 }
648 #com_zte_ums_ict_sm_new_user_maxlogin .form-control{
649 width:30%;
650 display:inline;
651 margin-left:10px;
652 }
653
654 .div_padding{
655   padding-left:75px;
656 }
657 #lockThreshold{width:80%;}
658 #lockThreshold_select{width:100%;height:20px;font-size:0.8em;color:black;margin-top:10px;}
659 #lockThreshold_1{position:absolute;cursor:pointer;width:auto;}
660 #lockThreshold_2{position:absolute;cursor:pointer;width:auto;}
661 #lockThreshold_3{position:absolute;cursor:pointer;width:auto;}
662
663 .delete-icon {
664   float: right;
665   /* padding: 5px; */
666   cursor: pointer;
667   position: relative;
668   display: inline-block;
669   margin-right: 2%;
670 }
671 .delete-icon img {
672   position: absolute;
673   right: 0px;
674 }
675 .removeIcon {
676   width: 22px;
677   height: 22px;
678   float: right;
679   margin-right: -8px;
680   margin-top: -8px;
681   background: url(/ngict/iui/component/ict/ict-dashboard/images/delete.png) no-repeat 0px 0px;
682   cursor: pointer;
683 }
684 .deleteIconHidden{
685         opacity:0;
686 }
687 .nam{
688         font-size: 15px;
689 }
690 .queryLink{
691         font-size: 15px;
692         margin-top: 10px;
693 }
694 .carousel-control {
695   position: absolute;
696   top: 0;
697   left: 0;
698   bottom: 0;
699   width: 3% !important;
700   opacity: .5;
701   filter: alpha(opacity=50);
702   font-size: 20px;
703   color: #fff;
704   text-align: center;
705   text-shadow: 0 1px 2px rgba(0,0,0,.6);
706 }
707 .carousel-control .glyphicon-chevron-right {
708   right: 10%;
709 }
710 .item {
711   overflow: hidden;
712   display: block;
713   margin-bottom: 0px !important;
714 }
715 .page-info-bottom{
716 margin-top:10px;
717 }
718
719 .deleteIcon {
720         font-size:16px;                 
721         cursor: pointer;
722         margin-bottom: 10px;
723         float: left;
724         color:#a9c2d6;
725         border:1px solid #eef5fb;
726         border-radius:20px;
727         padding:3px;
728 }
729 .deleteIcon:hover {
730 border:1px solid #e74c3c;
731 color:#e74c3c;
732 }
733 .resourceObj {
734         margin-left: 30px;      
735         margin-top:3px;         
736 }
737
738 .resourceList th {
739         background-color: #D3E7F8 !important;
740         border: 1px solid #CEE5F9 !important;
741 }
742 .resourceList td {
743         background-color: #EEF5FB !important;
744         padding-top: 20px !important;
745         border: 1px solid #CEE5F9 !important;
746 }
747 .filterDiv {
748         margin-bottom:0;
749                                                 
750 }
751 .filterDiv input{
752         border: 1px solid #ddd; 
753         //border-radius:3px;
754         height:30px;
755         width:100%;
756         border-bottom:0;
757 }
758 .boxLabel {
759         background-color: #D3E7F8;
760         margin-left: 26%;
761         border: 1px solid #E2EFFA;
762         padding: 8px;
763 }
764 .blueactive {
765         color: #ffffff !important;
766         background-color: #5b9bd1;
767 }
768 .btnWhite {
769         font-size: 14px;
770         line-height: 15px;
771         border: 1px solid #cccccc;
772 }
773 #taskTimeDiv {
774         margin-top: 8px;
775 }
776 .daterangepicker .ranges input[type="text"] {
777         width: 76px !important;
778         font-size: 11px;
779         vertical-align: middle;
780 }
781 #queryTimeRange {
782         width: 275px;
783         padding: 6px;
784         border: 1px solid #ddd;
785 }
786 .selector-class{
787         width: 200px;
788 }
789 .table{
790         margin-bottom: 0px;
791 }
792 .ict-modify{
793         font-size:16px;
794         float: right;
795         margin-bottom:-10px;    
796         position:absolute;      
797         right:5px;
798         bottom:30px;                            
799 }
800 .subbox{
801         text-align:center;
802 }
803 .subbox .ict-modify{
804         border:1px #fff solid;
805         padding:3px;
806         border-radius:5px;
807 }
808 .subbox .ict-modify:hover{
809         background-color:#fff;          
810         color:#709bce;
811 }               
812 .subbox .textImageStyle span{
813         padding:10px;
814         border-radius:30px;
815         background-color:#fff;
816         text-align:center;
817         margin:0 auto;
818         color:#b3c9e2;
819         font-size:16px;
820 }
821 .textImageStyle{
822         margin-bottom:4px;
823 }
824 .carousel-control .glyphicon-chevron-left{
825         margin-left:-30px;
826 }
827 .carousel-control .glyphicon-chevron-right{
828         margin-right:-10px;
829 }
830 .carousel-control.left, .carousel-control.right {
831     background-image: none;
832 }
833 .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
834     /* margin-left: 0; */
835     font-size: 25px;
836     margin-top: -20px;
837 }
838 .resourceList .heading{
839         font:12px normal "microsoft yahei";
840 }
841 .ms-controller {
842         visibility: hidden
843 }