--- /dev/null
+/**\r
+ * Copyright 2016 ZTE, Inc. and others.\r
+ *\r
+ * Licensed under the Apache License, Version 2.0 (the "License");\r
+ * you may not use this file except in compliance with the License.\r
+ * You may obtain a copy of the License at\r
+ *\r
+ * http://www.apache.org/licenses/LICENSE-2.0\r
+ *\r
+ * Unless required by applicable law or agreed to in writing, software\r
+ * distributed under the License is distributed on an "AS IS" BASIS,\r
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r
+ * See the License for the specific language governing permissions and\r
+ * limitations under the License.\r
+ */\r
+body {\r
+ color: #333;\r
+ font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;\r
+ padding: 0px !important;\r
+ margin: 0px !important;\r
+ direction: ltr;\r
+ background-color: #fff !important; \r
+}\r
+\r
+a {\r
+ \r
+ text-decoration: none;\r
+ cursor: pointer; \r
+}\r
+\r
+.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {\r
+ cursor: auto;\r
+\r
+ }\r
+.modal-footer {\r
+ margin-top:0px; \r
+ }\r
+.form-group {\r
+ margin-bottom: 5px;\r
+}\r
+\r
+.modal-body {\r
+ padding: 10px;\r
+}\r
+\r
+.row{\r
+ margin-left: 0px; \r
+ margin-right: 0px; \r
+}\r
+\r
+select {\r
+ border-width: 1px;\r
+ padding: 4px 1px;\r
+ border-radius: 4px;\r
+}\r
+\r
+.navbar {\r
+ overflow: visible;\r
+ margin-bottom: 0px;\r
+\r
+}\r
+\r
+\r
+.span12{\r
+ margin-top:10px;\r
+}\r
+\r
+#title {\r
+ color: #ffffff;\r
+ font-weight: bolder;\r
+}\r
+\r
+\r
+div[data-name="route_zone"] {\r
+ background-color: #fff;\r
+ margin-bottom: 15px;\r
+}\r
+\r
+\r
+\r
+p[tooltip], div[tooltip], td[tooltip], span[tooltip]{\r
+ overflow: hidden;\r
+ text-overflow: ellipsis;\r
+ white-space:nowrap; \r
+}\r
+\r
+.add-route-btn{\r
+ background: #fff;\r
+ color: #ccc;\r
+ height: 115px;\r
+ margin: 10px;\r
+ padding-top: 22px;\r
+ text-align: center;\r
+ text-decoration: none;\r
+ width: 130px;\r
+ border:1px dashed #aaa;\r
+ float:left;\r
+\r
+}\r
+\r
+.add-route-btn:hover{\r
+ color:#3276b1;\r
+ cursor: pointer;\r
+}\r
+\r
+\r
+.add-route-btn span {\r
+ display: block;\r
+ margin-left:5px;\r
+ margin-right:5px;\r
+ margin-top:5px;\r
+ color: #444;\r
+}\r
+\r
+\r
+.quick-btn {\r
+ background: #eee;\r
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;\r
+ color: #444;\r
+ height: 110px;\r
+ margin: 10px;\r
+ padding-top: 1pc;\r
+ text-align: center;\r
+ text-decoration: none;\r
+ width: 120px;\r
+ float:left;\r
+\r
+}\r
+div[data-name="route_zone"] .active{\r
+ color:#fff;\r
+ background-color:#444;\r
+ cursor: pointer;\r
+}\r
+\r
+div[data-name="route_zone"] .sparkline .route-valid {\r
+ color:#3276b1;\r
+ }\r
+\r
+ div[data-name="route_zone"] .sparkline .route-invalid {\r
+ color:rgba(128, 128, 128, 0.73);\r
+ }\r
+\r
+div[data-name="route_zone"] .active .sparkline i{\r
+ color:#C3DDF4;\r
+ }\r
+\r
+\r
+\r
+.quick-btn:hover{\r
+\r
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #636363;\r
+ cursor: pointer;\r
+}\r
+\r
+.quick-btn span {\r
+ display: block;\r
+ margin-left:5px;\r
+ margin-right:5px;\r
+ margin-top:10px;\r
+\r
+}\r
+\r
+.route-ip{\r
+ font-size: 12px;\r
+}\r
+\r
+\r
+.progressList{\r
+ margin-top: 15px;\r
+ margin-left:15px;\r
+ width:90%\r
+}\r
+\r
+.processContent{\r
+ display: inline-block;margin-right:5px\r
+}\r
+\r
+.nav.nav-pills.nav-stacked > li.active > a, .nav.nav-pills.nav-stacked > li.active > a:hover,.nav.nav-pills.nav-stacked > li > a:hover {\r
+ background-color: #f6f6f6;\r
+ border-left-color: #3c8dbc;\r
+ color: #444;\r
+}\r
+\r
+\r
+.nav.nav-pills.nav-stacked > li > a {\r
+ border-top: 0;\r
+ border-left: 3px solid transparent;\r
+ -webkit-border-radius: 0;\r
+ -moz-border-radius: 0;\r
+ border-radius: 0;\r
+ color: #444;\r
+ height:46px;\r
+}\r
+.nav.nav-pills > li.active > a {\r
+ font-weight: 600;\r
+}\r
+\r
+.btn-xs {\r
+ color: #333;\r
+ font-size: 14px;\r
+}\r
+.grey {\r
+ background-color: #e5e5e5;\r
+ color: #333;\r
+}\r
+.btn-xs, .btn-group-xs>.btn {\r
+ padding: 1px 5px;\r
+ font-size: 12px;\r
+ line-height: 1.5;\r
+ border-radius: 3px;\r
+}\r
+\r
+.control-label .required {\r
+ color: #e02222;\r
+ font-size: 12px;\r
+ padding-left: 2px;\r
+}\r
+\r
+.nav>li>a{\r
+ /*padding:10px 5px;*/\r
+}\r
+\r
+.process-btn button{\r
+ padding:3px 8px\r
+}\r
+\r
+pre.prettyprint {\r
+ color:#000;\r
+ height: 450px;\r
+}\r
+\r
+pre {\r
+ font: 14px/22px 'courier new';\r
+ word-break: break-all;\r
+ word-wrap: break-word;\r
+ border: 0px;\r
+ background-color:#fff;\r
+ padding: 5px 5px;\r
+}\r
+\r
+.atv {\r
+ color: #114B7E;\r
+}\r
+\r
+\r
+\r
+.stats_box {\r
+ display: inline-block;\r
+ list-style: none outside none;\r
+ margin-left: 0;\r
+ margin-top: 10px;\r
+ padding: 0;\r
+ /*float: left;*/\r
+}\r
+\r
+.stats_box .routeDiv{\r
+ background: #eee;\r
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;\r
+ display: inline-block;\r
+ line-height: 18px;\r
+ margin: 0 10px 10px;\r
+ padding: 0 8px;\r
+ float: left;\r
+ height: 125px;\r
+}\r
+\r
+.routeDiv:hover{\r
+\r
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #636363;\r
+ cursor: pointer;\r
+}\r
+\r
+\r
+.sparkline {\r
+ width: 60px;\r
+ border-right: 1px solid #dcdcdc;\r
+ box-shadow: 1px 0 0 0 #fff;\r
+ float: left;\r
+ margin-right: 9pt;\r
+ padding: 25px 10px 0 4px;\r
+ line-height: 70px\r
+}\r
+\r
+\r
+\r
+\r
+\r
+.stats_box .stat_text {\r
+ float: left;\r
+ font-size: 9pt;\r
+ padding: 10px 0px 10px 0;\r
+ text-align: left;\r
+ width: 120px;\r
+ position: relative;\r
+}\r
+\r
+.stats_box .stat_text .percent {\r
+ color: #444;\r
+ float: right;\r
+ font-size: 20px;\r
+ font-weight: 700;\r
+ position: absolute;\r
+ right: 0;\r
+ top: 17px;\r
+}\r
+\r
+.stats_box .stat_text strong {\r
+ display: block;\r
+ font-size: 16px;\r
+ margin-bottom: 10px;\r
+ margin-top: 5px;\r
+\r
+}\r
+\r
+.stat_text span,.stats_box span{\r
+ display: block;\r
+ margin-bottom:5px;\r
+}\r
+\r
+\r
+\r
+.stats_box span a{ \r
+padding: 0px 6px;\r
+margin-right:3px;\r
+ }\r
+\r
+\r
+ \r
+ span.response_throbber {\r
+ background-image: url('../img/throbber.gif');\r
+ width: 128px;\r
+ height: 16px;\r
+ display: block;\r
+ clear: none;\r
+ float: left;\r
+ margin-top: 50px;\r
+}\r
+\r
+div.separator div {\r
+ text-align: center;\r
+ line-height: 0;\r
+}\r
+\r
+.titlefont {\r
+ font-size: 16px;\r
+}\r
+\r
+.separator-line {\r
+ height: 1px;\r
+ width: 100%;\r
+ background: #ddd;\r
+ overflow: hidden;\r
+ margin-bottom: 15px;\r
+ margin-top: 6px;\r
+ opacity: 0.6;\r
+}\r
+\r
+\r
+\r
+.serverInput{\r
+ display: inline;\r
+ margin-right: 5px;\r
+}\r
+\r
+.apiRouteInput{\r
+ float:left;\r
+ margin-right: 10px\r
+}\r
+ \r
+ \r
+.input-group {\r
+ position: relative;\r
+ display: table;\r
+ border-collapse: separate;\r
+}\r
+\r
+ .input-group-btn-vertical {\r
+ position: relative;\r
+ white-space: nowrap;\r
+ width: 10px;\r
+ vertical-align: middle;\r
+ display: table-cell;\r
+}\r
+\r
+.input-group-btn-vertical .bootstrap-touchspin-up {\r
+ border-radius: 0;\r
+ border-top-right-radius: 4px;\r
+}\r
+\r
+.input-group-btn-vertical>.btn {\r
+ display: block;\r
+ float: none;\r
+ width: 100%;\r
+ max-width: 100%;\r
+ padding: 8px 10px;\r
+ margin-left: -1px;\r
+ position: relative;\r
+}\r
+\r
+.input-group-btn-vertical i {\r
+ position: absolute;\r
+ top: 3px;\r
+ left: 5px;\r
+ font-size: 9px;\r
+ font-weight: 400;\r
+}\r
+\r
+.input-group-btn-vertical .bootstrap-touchspin-down {\r
+ margin-top: -2px;\r
+ border-radius: 0;\r
+ border-bottom-right-radius: 4px;\r
+}\r
+\r
+\r
+\r
+.small_btn {\r
+ padding: 0px 6px;\r
+ margin-right: 3px;\r
+}\r
+\r
+.item-tip {\r
+ position: absolute;\r
+ color: #999999;\r
+ top: 10px;\r
+ left: 20px;\r
+ transition: all linear .2s;\r
+ background-color: #fff;\r
+ padding: 0px 3px;\r
+ font-size: 12px;\r
+}\r
+.item-tip-focus {top: -8px;font-size: 12px;color: #428bca;}\r
+\r
+.form-input-focus {border-color: #428bca;outline: 0;}\r
+\r
+.tip_color {\r
+ color: #f0ad4e;\r
+ cursor: help;\r
+}\r
+\r
+.item-tip-none{display: none}\r
+\r
+.tipArea{\r
+ border-bottom: 1px solid #d4d4d4;\r
+ width: 85%;\r
+ text-align: center;\r
+ margin-bottom: 20px;\r
+ margin-left: 30px;\r
+ font-weight: bold;\r
+ position: relative;\r
+\r
+}\r
+\r
+.tipArea:after, .tipArea:before {\r
+ border: 10px solid transparent;\r
+ border-top: 10px solid #fff;\r
+ width: 0;\r
+ height: 0;\r
+ right: 241px;\r
+ top: 20px;\r
+ content: ' ';\r
+ position: absolute;\r
+}\r
+\r
+.tipArea:before {\r
+ border-top-color: #d4d4d4;\r
+ left: 230px;\r
+ top: 21px;\r
+}\r
+\r
+\r
+.help-block {\r
+ margin-top: 5px;\r
+ margin-bottom: 5px;\r
+ }\r
+\r
+.form-title {\r
+ padding-left: 8px;\r
+ padding-right: 8px;\r
+ padding-top: 5px;\r
+ padding-bottom: 5px;\r
+ margin-bottom: 10px;\r
+ margin-left:10px;\r
+ border-left: 2px solid #5b9bd1;\r
+ color: #1A78CA;\r
+ font-size: 16px;\r
+ margin-top: 10px;\r
+}\r
+\r
+.form-title a{\r
+ cursor: pointer;\r
+}\r
+\r
+.panel-tools {\r
+ display: inline-block;\r
+ float: right;\r
+ margin-top: 0;\r
+ padding: 0;\r
+ position: relative;\r
+}\r
+\r
+.panel-tools a {\r
+ margin-left: 5px;\r
+ color: #9d9fa2;\r
+ cursor: pointer;\r
+}\r
+\r
+.panel-tools a:hover{\r
+ color: #34495e;\r
+ text-decoration: none;\r
+}\r
+\r
+.table-responsive{\r
+ margin-top: 15px;\r
+}\r
+\r
+.btn-s {\r
+ padding: 0px 6px;\r
+ margin-right: 3px;\r
+}\r
+\r
+\r
+table.dataTable thead .sorting,\r
+table.dataTable thead .sorting_asc,\r
+table.dataTable thead .sorting_desc,\r
+table.dataTable thead .sorting_asc_disabled,\r
+table.dataTable thead .sorting_desc_disabled {\r
+ background: 0 0;\r
+}\r
+\r
+table.dataTable thead .sorting_asc:after {\r
+ content: "\f0de";\r
+ float: right;\r
+ font-family: fontawesome;\r
+ color:#357ebd;\r
+}\r
+\r
+table.dataTable thead .sorting_desc:after {\r
+ content: "\f0dd";\r
+ float: right;\r
+ font-family: fontawesome;\r
+ color:#357ebd;\r
+}\r
+\r
+table.dataTable thead .sorting:after {\r
+ content: "\f0dc";\r
+ float: right;\r
+ font-family: fontawesome;\r
+ color: rgba(50,50,50,.5);\r
+}\r
+\r
+\r
+.hostTableDiv{\r
+ height: 100px;\r
+ overflow: auto;\r
+ \r
+ }\r
+\r
+.hostTable{\r
+ font-size: 12px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+.detailTable{\r
+ font-size: 12px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+.hostTable>thead>tr>th, .hostTable>tbody>tr>th, .hostTable>tfoot>tr>th, .hostTable>thead>tr>td, .hostTable>tbody>tr>td, .hostTable>tfoot>tr>td {\r
+ padding: 6px;\r
+ \r
+}\r
+\r
+.searchDiv{\r
+ padding-top: 25px;\r
+ padding-bottom: 15px; \r
+ margin: 0 auto;\r
+ width: 700px;\r
+}\r
+\r
+\r
+.searchTitle {\r
+ float: left;\r
+}\r
+\r
+.searchTitle i{\r
+ font-size: 28px;\r
+ color: #A7A6A6;\r
+ margin-top:2px;\r
+}\r
+\r
+.searchInput{\r
+ float:left;width:450px;margin-right:10px;margin-left:10px\r
+}\r
+\r
+\r
+td.details-control {\r
+ background: url('../img/details_open.png') no-repeat center center;\r
+ cursor: pointer;\r
+}\r
+tr.shown td.details-control {\r
+ background: url('../img/details_close.png') no-repeat center center;\r
+}\r
+\r
+.table-bordered > thead > tr > th{\r
+ border-bottom-width: 0;\r
+}\r
+\r
+.label, label {\r
+ font-weight: 400;\r
+}\r
+\r
+.submBtn {\r
+ text-align: center;\r
+}\r
+\r
+.roleConfirm {\r
+ margin-top: 25px;\r
+}\r
+\r
+\r
+/*button*/\r
+\r
+.btn {\r
+\r
+ letter-spacing: 1px;\r
+}\r
+\r
+.btnGroup{\r
+ margin-bottom: 10px;\r
+}\r
+\r
+.btnGroup .btn {\r
+ margin-right: 15px;\r
+}\r
+\r
+.pagination-panel .btn {\r
+ min-width: 4px;\r
+}\r
+\r
+.btn.dropdown-toggle,\r
+.btn-group .btn.dropdown-toggle,\r
+.btn:hover,\r
+.btn:disabled,\r
+.btn[disabled],\r
+.btn:focus,\r
+.btn:active,\r
+.btn.active {\r
+ outline: none !important;\r
+ background-image: none !important;\r
+ filter: none;\r
+ -webkit-box-shadow: none;\r
+ -moz-box-shadow: none;\r
+ box-shadow: none;\r
+ text-shadow: none;\r
+}\r
+.btn-xs:hover{\r
+text-decoration:none ;\r
+}\r
+\r
+.grey {\r
+ background-color: #e5e5e5;\r
+ color: #333;\r
+ width: 80px;\r
+}\r
+\r
+.grey:hover {\r
+ background-color: #d8d8d8;\r
+ color: #333;\r
+}\r
+.blue1 {\r
+ background-color: #5b9bd1;\r
+ color: #fff;\r
+ width: 80px;\r
+}\r
+\r
+.blue1:hover {\r
+ background-color: #487ca9;\r
+ color: #fff;\r
+}\r
+/*radius*/\r
+\r
+.radius_l {\r
+ border-radius: 20px;\r
+}\r
+\r
+.radius_m {\r
+ border-radius: 8px;\r
+}\r
+\r
+.radius_s {\r
+ border-radius: 3px;\r
+}\r
+\r
+table.table-bordered thead .subHead th{\r
+ border-top-width:1px;\r
+ border-right-width:1px;\r
+\r
+}\r
+\r
+ .hostTable th{\r
+ text-align: center;\r
+ } \r
+\r
+ .nodebtn{\r
+ width:30px;padding: 0px 6px;\r
+ }\r
+\r
+ .modal-dialog h3 {\r
+ font-size: 18px;\r
+\r
+ margin-top: 10px;\r
+ margin-bottom: 0px;\r
+}\r
+\r
+.btn .caret {\r
+ margin-right: 5px;\r
+}\r
+\r
+.white {\r
+ background-color: #fff;\r
+ border: 1px solid #ddd;\r
+ color: #333;\r
+}\r
+\r
+.white:hover{\r
+ color: #333;\r
+ background-color: #ebebeb;\r
+ border-color: #adadad;\r
+}\r
+\r
+.blueactive {\r
+ color: #ffffff !important;\r
+ background-color: #5b9bd1;\r
+}\r
+\r
+.blueactive:hover {\r
+ color: #ffffff !important;\r
+ background-color: #4d85b4 !important;\r
+}\r
+.borderBottom {\r
+ border-bottom: 4px solid !important;\r
+ border-top: 0px solid !important;\r
+}\r
+\r
+.spinner {\r
+ width: 120px;\r
+ margin-top: 5px;\r
+}\r
+\r
+.spinner .form-control {\r
+ height: 26px !important;\r
+}\r
+\r
+\r
+.input-group-btn-vertical {\r
+ position: relative;\r
+ white-space: nowrap;\r
+ width: 1%;\r
+ vertical-align: middle;\r
+ display: table-cell;\r
+}\r
+\r
+.input-group-btn-vertical > .btn {\r
+ display: block;\r
+ float: none;\r
+ width: 100%;\r
+ max-width: 100%;\r
+ padding: 6px;\r
+ margin-left: -1px;\r
+ position: relative;\r
+ border-radius: 0;\r
+}\r
+\r
+.input-group-btn-vertical > .btn {\r
+ min-width: 20px;\r
+}\r
+\r
+.input-group-btn-vertical > .btn:first-child {\r
+ border-top-right-radius: 4px;\r
+}\r
+\r
+.input-group-btn-vertical > .btn:last-child {\r
+ margin-top: -2px;\r
+ border-bottom-right-radius: 4px;\r
+}\r
+\r
+.input-group-btn-vertical i {\r
+ position: absolute;\r
+ top: -2px;\r
+ left: 5px;\r
+}\r
+\r
+input[type="checkbox"] {\r
+ -webkit-appearance: none;\r
+ background: #fff url(../img/checkbox-init.png);\r
+ height: 18px;\r
+ vertical-align: middle;\r
+ width: 18px;\r
+ margin-bottom:5px;\r
+ margin-right:5px;\r
+}\r
+\r
+input[type="checkbox"]:checked {\r
+ -webkit-appearance: none;\r
+ background: #fff url(../img/checkbox-checked.png);\r
+ height: 18px;\r
+ vertical-align: middle;\r
+ width: 18px;\r
+}\r
+\r
+input[type="checkbox"]:focus,\r
+input[type="checkbox"]:hover {\r
+ outline: none;\r
+}\r
+\r
+.note.note-sysOut {\r
+ background-color: #f5f8fd;\r
+ border-color: #8bb4e7;\r
+ color: #010407;\r
+}\r
+.note {\r
+ margin: 0 0 20px;\r
+ padding: 15px 30px 15px 15px;\r
+ border-left: 5px solid #eee;\r
+ border-radius: 0 4px 4px 0;\r
+}\r
+\r
+.note.note-sysIn {\r
+ background-color: #F1F9EE;\r
+ border-color: #5cb85c;\r
+ color: #000;\r
+}\r
+\r
+h4.block {\r
+ padding-top: 5px;\r
+ padding-bottom: 5px;\r
+ font-size:16px;\r
+\r
+}\r
+\r
+.note-sysOut .block{\r
+ color: #327ad5; \r
+}\r
+\r
+.note-sysIn .block{\r
+ color: #589258; \r
+}\r
+\r
+.note br{\r
+ line-height:1.8;\r
+}\r
+\r
+.note span{\r
+ border-radius: 0!important;\r
+ font-size: 13px!important;\r
+ font-weight: 300;\r
+ height: 18px;\r
+ color: #fff;\r
+ padding: 2px 6px;\r
+\r
+ text-shadow: none!important;\r
+ text-align: center;\r
+ vertical-align: middle;\r
+ line-height: 1;\r
+ white-space: nowrap;\r
+ display: inline-block;\r
+ min-width: 10px;\r
+}\r
+\r
+.note-sysOut span{\r
+ background-color: #639EE8;\r
+ \r
+}\r
+\r
+.note-sysIn span{\r
+ background-color: #5cb85c;\r
+ \r
+}\r
+\r
+.label-visualRange{\r
+ border-radius: 0!important;\r
+ font-size: 13px!important;\r
+ font-weight: 300;\r
+ height: 20px;\r
+ color: #fff;\r
+ padding: 3px 6px;\r
+ margin-left: 15px; \r
+ text-shadow: none!important;\r
+ text-align: center;\r
+ vertical-align: middle;\r
+ line-height: 1;\r
+ white-space: nowrap;\r
+ display: inline-block;\r
+ min-width: 10px;\r
+}\r
+.label-sysOut{\r
+ background-color: #639EE8;\r
+}\r
+\r
+.label-sysIn{\r
+ background-color: #5cb85c;\r
+}\r
Code Review / msb / discovery.git / blobdiff