aboutsummaryrefslogtreecommitdiffstats
path: root/openo-portal/portal-performance/src/main/webapp/performance/css
diff options
context:
space:
mode:
Diffstat (limited to 'openo-portal/portal-performance/src/main/webapp/performance/css')
-rw-r--r--openo-portal/portal-performance/src/main/webapp/performance/css/alarmsQuery.css737
-rw-r--r--openo-portal/portal-performance/src/main/webapp/performance/css/performanceChart.css45
-rw-r--r--openo-portal/portal-performance/src/main/webapp/performance/css/performanceQuery.css828
-rw-r--r--openo-portal/portal-performance/src/main/webapp/performance/css/pmQueryBox.css299
4 files changed, 1909 insertions, 0 deletions
diff --git a/openo-portal/portal-performance/src/main/webapp/performance/css/alarmsQuery.css b/openo-portal/portal-performance/src/main/webapp/performance/css/alarmsQuery.css
new file mode 100644
index 00000000..1ad72971
--- /dev/null
+++ b/openo-portal/portal-performance/src/main/webapp/performance/css/alarmsQuery.css
@@ -0,0 +1,737 @@
+body {
+ overflow: auto !important;
+ background-color: #fff;
+}
+
+.ms-controller{
+ visibility: hidden
+}
+
+.container-fluid{
+ background-color: #fff;
+}
+
+.page-content-body {
+ margin-top: 10px;
+}
+.page-content-body .row{
+ margin-left:0;
+}
+#ict_fm_alarmCount_div_left{
+ margin-bottom:10px;
+}
+.page-content-body .separator-line{
+ height:1px;
+ border-bottom:1px dashed #ccc;
+ background:transparent;
+}
+.circleBtn:first-child {
+ border-top-left-radius: 3px !important;
+ border-bottom-left-radius: 3px !important;
+}
+
+.circleBtn:last-child {
+
+ border-top-right-radius: 3px !important;
+ border-bottom-right-radius: 3px !important;
+}
+
+.sideBtn:first-child {
+ border-top-left-radius: 20px !important;
+ border-bottom-left-radius: 20px !important;
+ min-width: 50px;
+}
+
+.sideBtn:last-child {
+ border-top-right-radius: 20px !important;
+ border-bottom-right-radius: 20px !important;
+ min-width: 50px;
+}
+
+.btnRiusCircle {
+ border-radius: 20px !important;
+}
+
+button:last-child {
+ margin-left: 15px;
+}
+.btn-groupBlue {
+ padding-left: 20px;
+}
+
+.btn-groupBlue .btn:hover {
+ color: #333;
+ background-color: #ebebeb ;
+
+}
+.btnWhite {
+ font-size: 14px;
+ font-family: "微软雅黑";
+ line-height: 20px;
+ /*background-image: linear-gradient(to bottom, #ffffff, #ffffff);*/
+ background-color: #ffffff;
+
+ border: 1px solid #cccccc;
+}
+.btnWhite:hover{
+background-color:#ebebeb;
+color:#333;
+}
+.btn_group1 .btn:hover {
+ color: #ffffff;
+ background-color:#ebebeb;
+ background-position: 0 0px;
+ -webkit-transition: background-position 0.1s linear;
+ -moz-transition: background-position 0.1s linear;
+ -o-transition: background-position 0.1s linear;
+ transition: background-position 0.1s linear;
+}
+
+.blueactive {
+ color: #ffffff !important;
+ background-color: #5b9bd1;
+}
+
+.blueactive:hover {
+ color: #ffffff !important;
+ background-color: #4d85b4 !important;
+}
+
+.cond_zone {
+ background-color: #fff;
+ padding-left: 20px;
+ padding-right: 50px;
+}
+
+.cond_zone_time {
+ background-color: #fff;
+ margin-top: 20px;
+ margin-bottom: 10px;
+}
+
+.condSelect {
+ /* width: 100%; */
+ border: 1px solid #CCC;
+ height: 34px !important;
+}
+
+.cond_selected{
+ padding-left: 10px;
+}
+
+button.btn.btn-default {
+ color: #aaa;
+}
+
+.filtergroup button.btn {
+ min-width: 68px;
+}
+.adCondition button.btn {
+ min-width: 80px;
+}
+.btn-default {
+ color: #5b9bd1;
+ background-color: #fff;
+ border-color: #ccc;
+}
+
+.daySelect {
+ width: 42px;
+ height: 26px !important;
+ font-size: 14px;
+ margin-bottom: 0px;
+ border-width: 1px;
+ padding: 0px 0px;
+ border-radius: 4px;
+}
+
+.calendar-date {
+ color: #5b9bd1;
+}
+
+.daterangepicker .ranges {
+ width: 205px;
+}
+
+.daterangepicker .ranges input {
+ width: 95px !important;
+}
+
+/* .daterangepicker {
+ left: 20% !important;
+} */
+.daterangepicker .ranges input[type="text"] {
+ width: 85px !important;
+}
+
+.dataRange {
+ width: 195px;
+ line-height: 0;
+ height: 26px;
+ vertical-align: top;
+ margin-left: 5px;
+ padding: 0px 0px;
+}
+
+div.dataTables_paginate {
+ display: inline;
+ float: right !important;
+}
+
+div.dataTables_length, div.dataTables_info {
+ display: inline;
+}
+
+div.pagination-panel {
+ margin-right: 10px;
+}
+
+input.pagination-panel-input {
+ width: 50px;
+}
+
+.input-sm {
+ padding: 4px 10px;
+}
+
+td.details-control {
+ text-align: center;
+ cursor: pointer;
+}
+
+
+.details table td {
+ word-wrap: break-word;
+ word-break: normal;
+ border-top: 1px solid #dddddd;
+}
+
+td.title {
+ width: 10%;
+}
+
+.detailTitleStyle{
+ background-color: #EEE !important;
+}
+
+.close-statistic{
+ float:right;
+ margin-top:5px;
+ margin-right:25px;
+ vertical-align:bottom;
+ padding:3px;
+ border:2px solid #fff ;
+ border-radius:20px;
+ color:#9b9b9b;
+}
+.close-statistic:hover{
+border:2px solid #e74c3c ;
+color:#e74c3c;
+text-decoration:none;
+}
+.detailCellStyle{
+ background-color: #FFF !important;
+}
+
+table.dataTable tbody th, table.dataTable tbody td {
+ padding: 8px 10px;
+ vertical-align:middle;
+}
+
+.echart_height{
+ height: 400px;
+}
+
+
+
+button.serveractive {
+ color: #ffffff !important;
+ background-position: 0 0px;
+ -webkit-transition: background-position 0.1s linear;
+ -moz-transition: background-position 0.1s linear;
+ -o-transition: background-position 0.1s linear;
+ transition: background-position 0.1s linear;
+ background-image: linear-gradient(to bottom, #E6971A, #E6971A) !important;
+}
+
+.rule_title {
+ padding: 8px;
+ margin-bottom: 25px;
+ border-left: 2px solid #5b9bd1;
+ color: #1A78CA;
+ font-size: 16px;
+}
+
+.iconPosition > div {
+ margin: 20px 0px 0px 0px;
+}
+.iconPosition{
+ margin-top: 90px;
+}
+.iconPosition div {
+ color: #757575;
+ cursor: pointer;
+}
+
+.iconPosition div:hover {
+ color: #333;
+}
+
+#defaulInfo, #selectAralmCodes {
+ border: 1px solid #e0e0e0;
+}
+
+.right_assign_box {
+ height: 370px;
+ overflow-y: auto;
+ overflow-x: auto;
+ border: 1px solid #e0e0e0;
+}
+
+.right-assign-checked-box{
+ /*height: 312px;*/
+ height: 370px;
+ overflow-y: auto;
+ overflow-x: auto;
+ border: 1px solid #e0e0e0;
+}
+
+.fmZtree {
+ z-index: 3000;
+ position: absolute;
+ background: #fff;
+ outline: none;
+}
+
+.filtergroup {
+ text-align: center;
+ margin-top: 15px;
+}
+
+.fliterline {
+ margin-top: 20px;
+ height:1px;
+ border-bottom:1px dashed #c4cde8;
+ margin-bottom:15px;
+ overflow:hidden;
+ width:100%;
+}
+
+.adCondition {
+ float: right;
+}
+
+.btn .caret {
+ margin-right: 5px;
+}
+
+.tablebtn {
+ float: right;
+}
+
+#ict_alarms_table_div {
+ padding-right: 0;
+ margin-top: 10px;
+}
+
+div.alarmsTree {
+ width: 580px;
+}
+
+div.alarmsTree-small{
+ width: 280px;
+}
+.alarm-serious {
+ background-color: #de4040;
+ color: #ffffff !important;
+}
+.alarm-serious:hover {
+ background-color: #c23737 !important;
+}
+.alarm-important {
+ background-color: #e37c29;
+ color: #ffffff !important;
+}
+.alarm-important:hover {
+ background-color: #c86e25 !important;
+}
+.alarm-secondary {
+ background-color: #e9d426;
+ color: #ffffff !important;
+}
+.alarm-secondary:hover {
+ background-color: #d3c023 !important;
+}
+.alarm-slightly {
+ background-color: #86bcdb;
+ color: #ffffff !important;
+}
+.alarm-slightly:hover {
+ background-color: #77a7c2 !important;
+}
+.flRight {
+ float: right;
+ margin-right: 1px;
+}
+
+/* #alLocation {
+ margin-top: 40px;
+} */
+
+.borderBottom {
+ border-bottom: 4px solid !important;
+ border-top: 0px solid !important;
+}
+
+.borderTop {
+ border-top: 4px solid !important;
+ border-bottom: 0px solid !important;
+}
+
+.spinnerSmall {
+ width: 34px !important;
+ margin-right: 24px;
+}
+
+.icheckbox_square-aero{
+ margin-right: 5px;
+}
+.alarmsSave {
+ font-size: 16px;
+ color: #555;
+ vertical-align: middle;
+ cursor: pointer;
+}
+
+.alarmsSave:hover {
+ color: #5b9bd1;
+}
+.margin-space{
+ margin-bottom: 15px;
+ margin-top: 5px;
+}
+
+.defaultHideTopLink{
+ display: none;
+ position: absolute;
+ display: none;
+ background: #000;
+ opacity: 0.8;
+ border: 1px solid #ddd !important;
+ font-size: 0.8em;
+ box-shadow: 2px 3px 5px #C8C8C8;
+ border-radius: 8px;
+ padding: 0px 10px;
+ z-index: 999;
+ height: 30px;
+ color: #fff;
+ line-height: 25px;
+}
+
+.defaultHideTopLink:after {
+ position: absolute;
+ top: -6px;
+ left: 10px;
+ display: inline-block;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid #000;
+ border-left: 6px solid transparent;
+ content: '';
+}
+
+.tooltip-inner {
+ max-width: 300px !important;
+}
+
+.calendar-time select {
+ color: #555 !important;
+}
+
+#affirmTrip{
+ margin-top: 3%;
+ margin-left: 1%;
+}
+
+
+#unAffirmTrip{
+ margin-top: 3%;
+ margin-left: 4%;
+}
+
+#alLocationTree,#alCodeTree,#alTypeTree{
+ border: 1px solid rgba(0,0,0,.2);
+ margin-top: 5px;
+ background-clip: padding-box;
+ border-radius: 6px;
+ outline: 0;
+ margin-left: -5px;
+ box-shadow: 0 5px 15px rgba(0,0,0,.5);
+}
+
+#right-menu {
+ position: fixed;
+ top: 0;
+ right: 0;
+ width: 400px;
+ height: 100%;
+ border-left: 4px solid rgb(58,174,218);
+ background-color: rgba(255,255,255,.95);
+ padding-left: 19px;
+ padding-right: 13px;
+ padding-top: 20px;
+ z-index: 9999;
+ overflow-y: auto;
+}
+
+.btn-right-detail {
+ color: #5b9bd1;
+ background-color: #fff;
+ border-color: #ccc;
+}
+
+
+.right {
+ float: right;
+}
+
+
+.default-display-none{
+ display: none;
+}
+
+.nodesDetail {
+ margin-top: 15px;
+}
+
+#ict_table_general_div td{
+ min-width: 115px;
+}
+
+
+#moreCond label{
+ margin-bottom: 0px;
+}
+
+.alarm-date-form-control{
+ padding: 0px 4px;
+}
+
+.titlefont {
+ font-size: 16px;
+}
+
+.subtitlefont {
+ font-size: 14px;
+}
+
+
+.ackState a:hover{
+ color: #fff;
+ text-decoration:none;
+}
+
+
+.label-danger:hover{
+ background-color: #C9302C;
+}
+
+.right-button-pointer {
+ display: inline-block;
+ cursor: pointer;
+}
+
+.tree-right-table td{
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.tree-right-table td:hover{
+ background: #FFEDE4;
+ border-bottom: 1px solid #f8dddd;
+ border-top: 1px solid #f8dddd;
+}
+
+.tallCellSelected{
+ background: #f8dddd;
+ border-bottom: 1px solid #f8dddd;
+ border-top: 1px solid #f8dddd;
+}
+
+.tallCellSelected:hover{
+ background: #f8dddd !important;
+}
+
+
+.margin-top-space{
+ margin-top: 15px;
+}
+
+
+.tree-left-table td{
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.tree-left-table td:hover{
+ background: #FFEDE4;
+ border-bottom: 1px solid #f8dddd;
+ border-top: 1px solid #f8dddd;
+}
+
+#saveModalCancle{
+ color:#333;
+}
+
+.radioLabel{
+ margin-left: -10px;
+ margin-right: 10px;
+}
+
+.alarmbtn, #ict_alarms_table_div{
+padding-left:0;
+}
+
+.advanced-selection{
+ margin-top:40px;
+}
+
+#moreCond{
+ border: 1px dashed rgb(196, 205, 232);
+ margin-top: 10px;
+ margin-bottom: 10px;
+ margin-left: 0px;
+ margin-right: 0px;
+ padding-left: 15px;
+ padding-right: 15px;
+}
+
+.bodyTop{
+ margin-top: 10px;
+}
+
+.confirmTime{
+ margin-left: 5px;
+}
+
+.condSaveTip{
+ margin-top: 15px;
+}
+
+/*修改树组件默认样式*/
+.ztree li a {
+ border: 0px;
+}
+
+.ict-Magnifier:hover{
+ color:#555555
+}
+
+.ict-save:hover{
+ color:#555555
+}
+
+.dataTables_scrollHeadInner table.dataTable tbody td {
+ padding-top: 0px !important;
+ padding-bottom: 0px !important;
+}
+
+.dataTables_scrollHeadInner table.dataTable {
+ margin-bottom: 0px !important;
+ border-bottom: 0px !important;
+}
+
+.dataTables_scrollBody table {
+ border-top: 0px !important;
+ border-bottom: 1px solid #ddd !important;
+ /* margin-top: -5px; */
+}
+
+.dataTables_scrollBody {
+ margin-top: -2px;
+}
+
+#ict_alarms_table_wrapper .bottom{
+ margin-top: 10px;
+}
+
+table .DataTables_sort_wrapper {
+ padding-left: 2px !important;
+}
+
+.detailTable {
+ border-collapse:collapse;border-spacing:0;border-left:1px solid #888;border-top:1px solid #888;
+}
+
+.detailTable td{border:1px solid #ddd !important;}
+
+.detailTitleStyle .label{
+ color:#333333;
+ background-color: rgba(66, 139, 202, 0);
+ float:right;
+}
+
+.label{
+ font-size: 100%;
+ font-weight: 100;
+}
+
+input[name="daterange"] {
+ width: 220px;
+ line-height: 0;
+ height: 31px;
+ /* vertical-align: top; */
+ margin-top: 2px;
+}
+.acknow-purple{
+background-color:#bf74d5;
+color:#fff;
+}
+.acknow-purple:hover{
+background-color:#b36bc8;
+}
+.ict-table{
+ color:#549bb6;
+}
+.dataTables_length select[size]{
+ height:28px;
+}
+/*1024下展开左边菜单*/
+@media screen and (max-width: 770px) and (min-width: 750px) {
+ .btn-groupBlue {
+ padding-left: 5px;
+ }
+}
+
+/*1024下，左边菜单收起来*/
+
+@media screen and (max-width: 1000px) and (min-width: 810px) {
+ .tree-padd {
+ padding-left: 7%;
+ }
+
+ .daterange-cond-padd {
+ padding-left: 10%;
+ }
+}
+
+@media screen and (max-width: 1100px) and (min-width: 1000px) {
+
+ .tree-padd {
+ padding-left: 10%;
+ }
+
+ .tree-daterange-cond-padd {
+ padding-left: 10%;
+ }
+}
+
+@media screen and (min-width: 1100px) {
+ .tree-padd {
+ padding-left: 12%;
+ }
+
+ .daterange-cond-padd {
+ padding-left: 10%;
+ }
+}
+
diff --git a/openo-portal/portal-performance/src/main/webapp/performance/css/performanceChart.css b/openo-portal/portal-performance/src/main/webapp/performance/css/performanceChart.css
new file mode 100644
index 00000000..85da87d6
--- /dev/null
+++ b/openo-portal/portal-performance/src/main/webapp/performance/css/performanceChart.css
@@ -0,0 +1,45 @@
+.reveal-modal-bg {
+ position: fixed;
+ height: 100%;
+ width: 100%;
+ background: #000;
+ background: rgba(0,0,0,.8);
+ z-index: 100;
+ display: none;
+ top: 0;
+ left: 0;
+}
+
+.reveal-modal {
+ visibility: hidden;
+ top: 100px;
+ left: 200px;
+ width: 1200px;
+ background: #eee url(modal-gloss.png) no-repeat -200px -80px;
+ position: fixed;
+ z-index: 101;
+ padding: 30px 40px 34px;
+ -moz-border-radius: 5px;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
+ -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
+ -box-shadow: 0 0 10px rgba(0,0,0,.4);
+}
+
+.reveal-modal.small {width: 200px; margin-left: -140px;}
+.reveal-modal.medium {width: 400px; margin-left: -240px;}
+.reveal-modal.large {width: 600px; margin-left: -340px;}
+.reveal-modal.xlarge {width: 800px; margin-left: -440px;}
+
+.reveal-modal .close-reveal-modal {
+ font-size: 22px;
+ line-height: .5;
+ position: absolute;
+ top: 8px;
+ right: 11px;
+ color: #aaa;
+ text-shadow: 0 -1px 1px rbga(0,0,0,.6);
+ font-weight: bold;
+ cursor: pointer;
+}
diff --git a/openo-portal/portal-performance/src/main/webapp/performance/css/performanceQuery.css b/openo-portal/portal-performance/src/main/webapp/performance/css/performanceQuery.css
new file mode 100644
index 00000000..f747a57d
--- /dev/null
+++ b/openo-portal/portal-performance/src/main/webapp/performance/css/performanceQuery.css
@@ -0,0 +1,828 @@
+body{
+ font-family: microsoft yahei !important;
+}
+body {
+ font-family: 'Open Sans', sans-serif;
+ background-color: #f1f3fa;
+ width: '100%';
+ height: '100%';
+ margin-top: 5px;
+}
+
+a {
+ /* font-weight: bold;*/
+ text-decoration: none !important; }
+
+p {
+ color: #444;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 21px;
+ margin: 0 0 12px 0; }
+
+p.credit {
+ border-top: 1px solid #ccc;
+ font-size: 14px;
+ line-height: 140%;
+ margin: 36px 0 12px 0;
+ padding: 8px 0 0 0;
+ text-align: center; }
+
+ul.column {
+ float: left;
+ list-style: none;
+ width: 675px; }
+ul.column li {
+ background: #eee;
+ -webkit-border-radius: 5px;
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 1px 1px 0 #c7c7c7;
+ box-shadow: inset 0 1px 1px 0 #c7c7c7;
+ float: left;
+ margin: 10px 0 0 10px;
+ display: block;
+ height: 150px;
+ text-align: center;
+ width: 215px; }
+
+
+/* Clear Floated Elements
+------------------------------------------------------------------------------*/
+.column:after,
+.button-collection:after,
+.clearfix:after,
+div.project-info:after {
+ clear: both;
+ content: ' ';
+ display: block;
+ font-size: 0;
+ line-height: 0;
+ visibility: hidden;
+ width: 0;
+ height: 0; }
+
+.nav-tabs{
+border:0;
+}
+.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
+border:0;
+border-top:3px solid #F3565D;
+}
+.nav-tabs>li>a{
+border-radius:0;
+}
+.nav-tabs>li>a:hover{
+background-color:#f1f3fa;
+border:1Px solid #f1f3fa;
+}
+.c3{
+margin-top:120px;
+}
+.skills-chart-breadcrumb{
+
+}
+
+.blue:selected{
+border:0;
+background-color: #5b9bd1;
+}
+.btn {
+ /* border-width: 0; */
+ /* padding: 7px 14px; */
+ /* font-size: 14px; */
+ /* outline: none !important; */
+ /* background-image: none !important; */
+ /* filter: none; */
+ /* -webkit-box-shadow: none; */
+ -moz-box-shadow: none;
+ /* box-shadow: none; */
+ /* text-shadow: none; */
+}
+
+.btn-default, select {
+border-width: 1px;
+padding: 4px 1px;
+border-radius: 4px;
+}
+
+.input-sm {
+ padding: 4px 10px;
+}
+
+.btn-block {
+ display: block;
+ width: 100%;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+/* Bootstrap buttons */
+.btn-default {
+ color: #5b9bd1;
+ background-color: #fff;
+ border-color: #ccc;
+
+}
+.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
+ color: #333;
+ background-color: #ededed;
+ border-color: #b3b3b3;
+}
+.open .btn-default.dropdown-toggle {
+ color: #333;
+ background-color: #ededed;
+ border-color: #b3b3b3;
+}
+.btn-default:active, .btn-default.active {
+ background-image: none;
+ background-color: #e0e0e0;
+ font-weight: bold;
+}
+.btn-default:active:hover, .btn-default.active:hover {
+ background-color: #e6e6e6;
+}
+.open .btn-default.dropdown-toggle {
+ background-image: none;
+}
+.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 {
+ background-color: #fff;
+ border-color: #ccc;
+}
+.btn-default .badge {
+ color: #fff;
+ background-color: #333;
+}
+.btn-default > i {
+ color: #aaa;
+}
+.btn-default > i[class^="icon-"],
+.btn-default > i[class*="icon-"] {
+ color: #8c8c8c;
+}
+
+div[data-name="tab_zone"] div{
+ background-color:#f1f3fa;
+ padding:0px;
+}
+
+
+div[data-name="cond_zone"] div{
+ background-color: #fff;
+ margin-top:15px;
+ margin-bottom:15px;
+}
+
+div[data-name="log-otherConds-zone"]{
+ display:inline;
+}
+
+div[data-name="log-otherConds-zone"] select ,div[data-name="log-otherConds-zone"] span{
+ /**height:33px;*/
+ margin-left:15px;
+ color:#5b9bd1;
+ border-color:#ccc;
+ font-weight: bold;
+}
+
+div.separator div{
+ text-align: center;
+ line-height:0;
+}
+div.separator-sline{
+ height:28px ;
+ width:3px;
+}
+
+.dropdown-toggle{
+color:#5b9bd1;
+}
+.calendar-date{
+color:#5b9bd1;
+}
+.range_inputs{
+color:#5b9bd1;
+}
+.btn.dropdown-toggle, .btn-group .btn.dropdown-toggle, .btn:hover, .btn:disabled, .btn[disabled], .btn:focus, .btn:active, .btn.active {
+ outline: none !important;
+ background-image: none !important;
+ filter: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+
+#skills-chart-breadcrumb{
+margin-bottom:10px
+}
+
+
+/*增加daterangepicker的css*/
+input[name="daterange"]{
+ width: 220px;
+ line-height:0;
+ height: 31px;
+ vertical-align: top;
+ margin-top: 2px;
+
+}
+
+.daterangepicker .ranges{
+ width: 205px;
+}
+.daterangepicker .ranges input{
+ width:95px !important;
+}
+
+td.details-control {
+ background: url('../images/details_open.png') no-repeat center center;
+ cursor: pointer;
+}
+tr.shown td.details-control {
+ background: url('../images/details_close.png') no-repeat center center;
+}
+
+
+.details table td{
+ word-wrap: break-word;
+ word-break: normal;
+ border-top: 1px solid #dddddd;
+}
+
+.details table tr:first-child td {
+ border-top: none;
+}
+
+.details table{
+ table-layout:fixed;
+ width:100%;
+}
+
+td.title{
+ width:10%;
+}
+
+table.dataTable tbody th, table.dataTable tbody td {
+padding: 8px 10px;
+}
+
+div.dataTables_length ,div.dataTables_info{
+ display: inline;
+}
+
+div.dataTables_paginate{
+ display: inline;
+ float: right;
+}
+
+div.pagination-panel{
+ margin-right:10px;
+}
+
+input.pagination-panel-input{
+ width:50px;
+}
+
+#ict_log_table_div{
+ margin-top:15px;
+}
+
+
+#ict_sm_table_div label{
+ font-weight:100;
+}
+
+.daterangepicker .daterangepicker_start_input label, .daterangepicker .daterangepicker_end_input label{
+color:#5b9bd1;
+
+}
+.daterangepicker .ranges .input-mini{
+ color:#5b9bd1;
+ }
+.cancelBtn {
+ padding:5px 10px 5px 10px;
+}
+.btn:focus, .btn:active:focus, .btn.active:focus{
+ outline:0;
+}
+
+#ict_log_table_div table{
+
+}
+
+.box0{
+display:none !important
+
+}
+.box1{
+background-image:url(../images/userGroup.png);
+background-repeat:no-repeat;
+background-color:#578ebe !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box2{
+background-image:url(../images/loginUser.png);
+background-repeat:no-repeat;
+background-color:#44b6ae !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box3{
+background-image:url(../images/blackList.png);
+background-repeat:no-repeat;
+background-color:#c0af69 !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box4{
+background-image:url(../images/lockUser.png);
+background-repeat:no-repeat;
+background-color:#e35b5a !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box5{
+background-image:url(../images/userGroup.png);
+background-repeat:no-repeat;
+background-color:#578ebe !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box6{
+background-image:url(../images/loginUser.png);
+background-repeat:no-repeat;
+background-color:#44b6ae !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box7{
+background-image:url(../images/lockUser.png);
+background-repeat:no-repeat;
+background-color:#e35b5a !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box8{
+background-image:url(../images/userGroup.png);
+background-repeat:no-repeat;
+background-color:#578ebe !important;
+height:3px !important;
+background-position-y:100%;
+}
+.box9{
+background-image:url(../images/loginUser.png);
+background-repeat:no-repeat;
+background-color:#44b6ae !important;
+height:3px !important;
+background-position-y:100%;
+}
+.boxPadding{
+padding-left:15px;
+padding-right:0px;
+}
+.row1 .separator-line{
+margin-bottom:5px;
+}
+.row a{
+/*color:white;*/
+font-weight:normal;
+font-size:14px;
+
+}
+.btnBlue {
+ background-color: #5b9bd1;
+ border-radius: 20px;
+ color: white;
+ font-weight: normal;
+ text-align: center;
+ min-width: 80px;
+}
+.btnBlue:hover{
+ background-color: #487ca9 !important;
+ color:#fff !important;
+}
+.btnBlue1 {
+ background-color: #5b9bd1;
+ border-radius: 20px;
+ color: white;
+ font-weight: normal;
+ text-align: center;
+ min-width: 80px;
+}
+.btnGrey {
+ background-color: #d3d1d1;
+ border-radius: 20px;
+ color: black !important;
+ font-weight: normal;
+ padding: 8px 0;
+ text-align: center;
+ width: 70px;
+}
+.smLianJie {
+color:#5b9bd1 !important;
+font-weight:normal;
+display:inline-block;
+margin-top:25px;
+font-size:14px
+}
+
+.smLianJie span{
+padding:2px;
+}
+.rightDiv{
+float:right;
+color:#5b9bd1 !important;
+}
+.num{
+font-size:30px;
+font-family:arial;
+font-weight:bold;
+}
+.numdiv{
+margin-bottom:20px;
+}
+.ruleDiv{
+text-align:center;
+}
+
+.ruleDiv1{
+padding-top:20px;
+text-align:center;
+}
+.fmTypeDiv{
+ padding: 20px;
+ text-align: center;
+ font-size: 16px;
+ background: white;
+ margin-top: 5px;
+ margin-left: 30px;
+ margin-right: 10px;
+ height: 105px;
+}
+.container-fluid{
+background-color:white !important;
+/*margin-top:25px;*/
+min-height:500px;
+}
+.titlefont{
+ font-size:16px;
+}
+.label{
+ font-weight: 400;
+ /*font-size: 14px; */
+}
+.v5h5{
+ font-size: 16px;
+ color:#5b9bd1 !important;
+ font-weight:bold !important;
+}
+.v5label{
+ padding-top: 5px !important;
+ font-size: 13px;
+ text-align:right;
+}
+.v5lineColor1{
+ background-color:#578ebe !important;
+}
+.box1:hover{
+ background-color:#487ca9 !important;
+}
+
+.box2:hover{
+ background-color: #329d96 !important;
+}
+.box3:hover{
+ background-color:#ad9a4d !important;
+}
+.box4:hover{
+ background-color:#d45150 !important;
+}
+.v5spinner{
+ width:50px;
+ margin-left:10px;
+ margin-right:10px;
+}
+.ff{
+ float:left;/*左漂浮*/
+ width: 1px;
+ height: 25px;/*竖线高度*/
+ background: #000;/*填充颜色*/
+}
+.radio-list{
+ padding-top:0px;
+}
+.row1{
+ margin-right: 0px !important;
+}
+
+#ict_sm_tableloginUser_wrapper .ict-legendshow,
+#ict_sm_tablelockUser .ict-unlock
+{
+ margin-right:6px;
+}
+#ict_sm_tableallUser > thead > tr > th,#ict_sm_tableloginUser > thead > tr > th,#ict_sm_tablelockUser > thead > tr > th{
+ background:white;
+ background-color:white !important;
+}
+#weakregularity{color:#468ECE;border-bottom: 1px #468ECE dotted;margin:0px !important;}
+#weakregularity_tip{
+ position:absolute;
+ display:none;
+ background:#000;
+ opacity:0.8;
+ border:1px solid #ddd !important;
+ font-size:0.8em;
+ margin-top:-1%;
+ margin-left:15%;
+ box-shadow:2px 3px 5px #C8C8C8;
+ border-radius:8px;
+ padding:20px 5px;
+ z-index:999;
+ width:530px;
+ height:270px;
+ color:#fff;
+ line-height:25px;
+}
+#weakregularity_tip > ul > li{margin-top:4px;list-style-type:disc;}
+#weakregularity_tip > ul > li:first-child{margin-top:0px;}
+#com_zte_ums_ict_sm_new_user_isPasswordChanged > span,
+#com_zte_ums_ict_sm_new_user_passwordvaliddays > span
+{
+ margin:0px 6px;
+}
+#forceExit{
+ /**padding:3px 18px 3px 10px;
+ cursor:pointer;
+ border:1px solid #ddd;
+ border-radius:12px;
+ text-shadow:0 1px 0 hsla(0,0%,100%,0.75);
+ //background-image:url("../images/forceOut.png");
+ //background-repeat:no-repeat;
+ //background-size:20% 70%;
+ background-position:left 10% top 45%;**/
+ margin-bottom:10px;
+}
+
+/*#forceExit:hover{
+ background-color:#F9F9F9;
+}*/
+.smLianJie:hover{
+ cursor:pointer;
+}
+div.checker,div.checker span{
+ width:22px;
+ height:22px;
+ background:#fff;
+}
+.row1 .col-xs-10, .row1 .col-md-10, .row1 .col-sm-10, .row1 .col-lg-10{
+width:87% !important;
+}
+.row1 .col-xs-2, .row1 .col-md-2, .row1 .col-sm-2, .row1 .col-lg-2{
+width:13% !important;
+}
+.modify_user{
+padding-left:0px;
+}
+.btn-xs{
+color:#333;
+font-size:14px;
+}
+.btn-xs:hover{
+color:#333
+}
+ul.ztree {margin-top: 10px;border: 1px solid #E0E0E0;/*background: #f0f6e4;width:220px;height:360px;*/overflow-y:auto;overflow-x:auto;/*ict*/padding: 25px;}
+#new_rule_body{
+padding-left:25px;
+}
+.rule_title{
+padding:8px;
+margin-bottom:25px;
+border-left: 2px solid #5b9bd1;
+color:#1A78CA;
+font-size:16px;
+}
+.group{
+margin-top:25px;
+}
+
+h5.form-section, .checkbox-list, .panel-title{
+ font-family: microsoft yahei !important;
+ color: #333;
+ <!-- padding-bottom: 15px !important; -->
+}
+.right_assign_box{
+height:400px;
+overflow-y:auto;
+overflow-x:hidden;
+border:1px solid #e0e0e0;
+}
+.right_assign_box ul.ztree{
+border:0;
+}
+.right_assign_box .table-bordered{
+ border:0;
+ }
+.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{
+ border-left:0;
+ padding:8px 18px;
+}
+.right_assign_box .table>thead>tr>th{
+ border:0;
+}
+#com_zte_ums_ict_sm_new_user_maxlogin .form-control{
+width:30%;
+display:inline;
+margin-left:10px;
+}
+
+.div_padding{
+ padding-left:75px;
+}
+#lockThreshold{width:80%;}
+#lockThreshold_select{width:100%;height:20px;font-size:0.8em;color:black;margin-top:10px;}
+#lockThreshold_1{position:absolute;cursor:pointer;width:auto;}
+#lockThreshold_2{position:absolute;cursor:pointer;width:auto;}
+#lockThreshold_3{position:absolute;cursor:pointer;width:auto;}
+
+.delete-icon {
+ float: right;
+ /* padding: 5px; */
+ cursor: pointer;
+ position: relative;
+ display: inline-block;
+ margin-right: 2%;
+}
+.delete-icon img {
+ position: absolute;
+ right: 0px;
+}
+.removeIcon {
+ width: 22px;
+ height: 22px;
+ float: right;
+ margin-right: -8px;
+ margin-top: -8px;
+ background: url(/ngict/iui/component/ict/ict-dashboard/images/delete.png) no-repeat 0px 0px;
+ cursor: pointer;
+}
+.deleteIconHidden{
+ opacity:0;
+}
+.nam{
+ font-size: 15px;
+}
+.queryLink{
+ font-size: 15px;
+ margin-top: 10px;
+}
+.carousel-control {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ width: 3% !important;
+ opacity: .5;
+ filter: alpha(opacity=50);
+ font-size: 20px;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 2px rgba(0,0,0,.6);
+}
+.carousel-control .glyphicon-chevron-right {
+ right: 10%;
+}
+.item {
+ overflow: hidden;
+ display: block;
+ margin-bottom: 0px !important;
+}
+.page-info-bottom{
+margin-top:10px;
+}
+
+.deleteIcon {
+ font-size:16px;
+ cursor: pointer;
+ margin-bottom: 10px;
+ float: left;
+ color:#a9c2d6;
+ border:1px solid #eef5fb;
+ border-radius:20px;
+ padding:3px;
+}
+.deleteIcon:hover {
+border:1px solid #e74c3c;
+color:#e74c3c;
+}
+.resourceObj {
+ margin-left: 30px;
+ margin-top:3px;
+}
+
+.resourceList th {
+ background-color: #D3E7F8 !important;
+ border: 1px solid #CEE5F9 !important;
+}
+.resourceList td {
+ background-color: #EEF5FB !important;
+ padding-top: 20px !important;
+ border: 1px solid #CEE5F9 !important;
+}
+.filterDiv {
+ margin-bottom:0;
+
+}
+.filterDiv input{
+ border: 1px solid #ddd;
+ //border-radius:3px;
+ height:30px;
+ width:100%;
+ border-bottom:0;
+}
+.boxLabel {
+ background-color: #D3E7F8;
+ margin-left: 26%;
+ border: 1px solid #E2EFFA;
+ padding: 8px;
+}
+.blueactive {
+ color: #ffffff !important;
+ background-color: #5b9bd1;
+}
+.btnWhite {
+ font-size: 14px;
+ line-height: 15px;
+ border: 1px solid #cccccc;
+}
+#taskTimeDiv {
+ margin-top: 8px;
+}
+.daterangepicker .ranges input[type="text"] {
+ width: 76px !important;
+ font-size: 11px;
+ vertical-align: middle;
+}
+#queryTimeRange {
+ width: 275px;
+ padding: 6px;
+ border: 1px solid #ddd;
+}
+.selector-class{
+ width: 200px;
+}
+.table{
+ margin-bottom: 0px;
+}
+.ict-modify{
+ font-size:16px;
+ float: right;
+ margin-bottom:-10px;
+ position:absolute;
+ right:5px;
+ bottom:30px;
+}
+.subbox{
+ text-align:center;
+}
+.subbox .ict-modify{
+ border:1px #fff solid;
+ padding:3px;
+ border-radius:5px;
+}
+.subbox .ict-modify:hover{
+ background-color:#fff;
+ color:#709bce;
+}
+.subbox .textImageStyle span{
+ padding:10px;
+ border-radius:30px;
+ background-color:#fff;
+ text-align:center;
+ margin:0 auto;
+ color:#b3c9e2;
+ font-size:16px;
+}
+.textImageStyle{
+ margin-bottom:4px;
+}
+.carousel-control .glyphicon-chevron-left{
+ margin-left:-30px;
+}
+.carousel-control .glyphicon-chevron-right{
+ margin-right:-10px;
+}
+.carousel-control.left, .carousel-control.right {
+ background-image: none;
+}
+.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
+ /* margin-left: 0; */
+ font-size: 25px;
+ margin-top: -20px;
+}
+.resourceList .heading{
+ font:12px normal "microsoft yahei";
+}
+.ms-controller {
+ visibility: hidden
+}
diff --git a/openo-portal/portal-performance/src/main/webapp/performance/css/pmQueryBox.css b/openo-portal/portal-performance/src/main/webapp/performance/css/pmQueryBox.css
new file mode 100644
index 00000000..aa930c6e
--- /dev/null
+++ b/openo-portal/portal-performance/src/main/webapp/performance/css/pmQueryBox.css
@@ -0,0 +1,299 @@
+/*.row a {
+ font-size: 14px;
+}*/
+
+#addRule {
+ margin-bottom: 10px;
+}
+.btn.dropdown-toggle,
+.btn-group .btn.dropdown-toggle,
+.btn:hover,
+.btn:disabled,
+.btn[disabled],
+.btn:focus,
+.btn:active,
+.btn.active {
+ outline: none !important;
+ background-image: none !important;
+ filter: none;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ text-shadow: none;
+}
+.btn-rank {
+ border-color: #ccc;
+}
+.alarm-serious {
+ background-color: #de4040;
+ color: #ffffff !important;
+}
+.alarm-serious:hover {
+ background-color: #c23737 !important;
+}
+.alarm-important {
+ background-color: #e37c29;
+ color: #ffffff !important;
+}
+.alarm-important:hover {
+ background-color: #c86e25 !important;
+}
+.alarm-secondary {
+ background-color: #e9d426;
+ color: #ffffff !important;
+}
+.alarm-secondary:hover {
+ background-color: #d3c023 !important;
+}
+.alarm-slightly {
+ background-color: #86bcdb;
+ color: #ffffff !important;
+}
+.alarm-slightly:hover {
+ background-color: #77a7c2 !important;
+}
+.btn-group.btn-group-circle > .btn:first-child {
+ border-radius: 3px 0px 0px 3px;
+}
+.btn-group.btn-group-circle > .btn:last-child {
+ border-radius: 0 3px 3px 0 !important;
+}
+.btn-group-circle {
+ padding-bottom: 5px;
+}
+.open .btn-default.dropdown-toggle {
+ color: #333;
+ background-color: #ededed;
+ border-color: #b3b3b3;
+}
+.btn-group .btn-default:active,
+.btn-group .btn-default.active {
+ background-image: none;
+ background-color: #5b9bd1;
+ color: #fff;
+}
+.ruleBox {
+ height: 175px;
+}
+.filterRule {
+ background-image: url(../images/filter.png);
+ background-repeat: no-repeat;
+ background-position: center;
+ text-align: center;
+}
+/*.boxPadding {
+ padding-top: 60px;
+}*/
+.ruleRow {
+ padding-left: 20px;
+ padding-right: 30px;
+ font-size: 15px;
+}
+.filterRuleRow {
+ padding-left: 30px;
+ padding-right: 20px;
+ font-size: 15px;
+}
+.fRule {
+ padding-left: 12%;
+ padding-right: 12%;
+}
+.ruleNav .ruleBox .rule {
+ margin-top: 5px;
+ padding-left: 0px;
+}
+.bigText {
+ height: 400px;
+}
+.bigText1 {
+ margin-bottom: 20px;
+ height: 320px;
+}
+.right_assign_box {
+ height: 412px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ border: 1px solid #ccc;
+ border-radius: 4px;
+}
+.boxHeight {
+ height: 723px;
+}
+.right_assign_box1 {
+ height: 800px;
+ overflow-y: auto;
+ overflow-x: hidden;
+ border: 1px solid #e0e0e0;
+}
+.right_assign_box ul.ztree {
+ border: 0;
+}
+.right_assign_box .table-bordered {
+ border: 0;
+}
+.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 {
+ border-left: 0;
+ padding: 8px 18px;
+}
+.right_assign_box .table > thead > tr > th {
+ border: 0;
+}
+ul.ztree {
+ border: 1px solid #E0E0E0;
+ /*background: #f0f6e4;width:220px;height:360px;*/
+
+ overflow-y: auto;
+ overflow-x: auto;
+}
+.rule_title {
+ padding-left: 5px;
+ margin-bottom: 15px;
+ border-left: 2px solid #5b9bd1;
+ color: #1A78CA;
+ font-size: 16px;
+}
+.row1 .separator-line {
+ margin-bottom: 5px;
+}
+.group {
+ margin-top: 25px;
+}
+.ztree li span.button.diy1_icon {
+ background: url("");
+}
+.titlefont {
+ font-size: 16px;
+}
+#new_rule_body {
+ padding-left: 25px;
+}
+#defaulInfo,
+#selectAralmCodes {
+ border: 1px solid #e0e0e0;
+}
+.iconPosition div {
+ color: #757575;
+ cursor: pointer;
+}
+.iconPosition div:hover {
+ color: #333;
+}
+#dataRange {
+ margin-left: 15px;
+}
+.dataRow {
+ margin-left: 15px;
+}
+.alarmLevel {
+ margin-left: 15px;
+}
+.ruleList {
+ background-color: #fff;
+ min-height: 460px;
+}
+.ruleNav {
+ // margin-bottom: 15px;
+ margin-left: 15px;
+ margin-right: 15px;
+}
+.right-assign-checked-box {
+ height: 412px;
+ overflow-y: auto;
+ overflow-x: auto;
+ border: 1px solid #e0e0e0;
+}
+.box {
+ color: white;
+ text-align: center;
+ height: 80px !important;
+ font-size: 14px;
+}
+.boxStyle1,
+.ProcessingSuggestion {
+ background-repeat: no-repeat;
+ background-color: #48C79C !important;
+ background-position-y: 100%;
+}
+.boxStyle1:hover,
+.ProcessingSuggestion:hover {
+ background-color: #64e2b8 !important;
+}
+.boxStyle2,
+.notifyFilter {
+ background-repeat: no-repeat;
+ background-color: #709BCE !important;
+ background-position-y: 100%;
+}
+.boxStyle2:hover,
+.notifyFilter:hover {
+ background-color: #87b2e4 !important;
+}
+.boxStyle3,
+.alarmBox {
+ background-repeat: no-repeat;
+ background-color: #9699E0 !important;
+ background-position-y: 100%;
+}
+.boxStyle3:hover,
+.alarmBox:hover {
+ background-color: #acaff1 !important;
+}
+.boxStyle4,
+.codesetting {
+ background-repeat: no-repeat;
+ background-color: #5BC0DE !important;
+ background-position-y: 100%;
+}
+.boxStyle4:hover,
+.codesetting:hover {
+ background-color: #8dd4eb !important;
+}
+.ruleNav .separator-line {
+ margin-bottom: 5px;
+ height: 3px;
+}
+.ruleNav .separator-line-visibilty {
+ visibility: hidden;
+}
+a {
+ text-decoration: none !important;
+}
+.subbox {
+ padding-left: 5px;
+ padding-right: 5px;
+}
+.textImageStyle {
+ font-size: 24px;
+ margin-right: 5px;
+ vertical-align: middle;
+ padding-left: 0;
+ padding-bottom: 1px;
+ padding-top: 14px;
+}
+#test1>div {
+ margin-bottom: 15px;
+}
+.rule-submit {
+ padding-left: 45px;
+}
+.sugg-box .form-control {
+ margin-bottom: 15px;
+}
+/*.dataTables_info{
+ float:right;
+}*/
+
+@media screen and (max-width: 900px) and (min-width: 600px) {
+ .rule-pic {
+ display: none;
+ }
+ .ruleNav .col-xs-10 {
+ width: 100%;
+ }
+}
+