2 * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
\r
4 * Licensed under the Apache License, Version 2.0 (the "License");
\r
5 * you may not use this file except in compliance with the License.
\r
6 * You may obtain a copy of the License at
\r
8 * http://www.apache.org/licenses/LICENSE-2.0
\r
10 * Unless required by applicable law or agreed to in writing, software
\r
11 * distributed under the License is distributed on an "AS IS" BASIS,
\r
12 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
13 * See the License for the specific language governing permissions and
\r
14 * limitations under the License.
\r
18 font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
\r
19 padding: 0px !important;
\r
20 margin: 0px !important;
\r
22 background-color: #ffffff !important;
\r
25 /*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
\r
57 #top-bar, #top-bar small, #top-bar a {
\r
58 text-shadow: 0px -1px 0px #182127;
\r
68 font-weight: bolder;
\r
72 background-color: #363F45;
\r
73 background-image: -moz-linear-gradient(top, #545d63, #182127);
\r
74 background-image: -ms-linear-gradient(top, #545d63, #182127);
\r
75 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
\r
76 background-image: -webkit-linear-gradient(top, #545d63, #182127);
\r
77 background-image: -o-linear-gradient(top, #545d63, #182127);
\r
78 background-image: linear-gradient(top, #545d63, #182127);
\r
79 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
\r
80 -webkit-border-radius: 0;
\r
81 -moz-border-radius: 0;
\r
88 padding-right: 20px;
\r
89 background-color: #2c2c2c;
\r
90 background-image: -moz-linear-gradient(top, #333333, #222222);
\r
91 background-image: -ms-linear-gradient(top, #333333, #222222);
\r
92 background-image: -o-linear-gradient(top, #333333, #222222);
\r
93 background-image: linear-gradient(top, #333333, #222222);
\r
94 background-repeat: repeat-x;
\r
95 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
\r
96 -webkit-border-radius: 4px;
\r
97 -moz-border-radius: 4px;
\r
99 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
\r
100 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
\r
106 background-color: #fff;
\r
109 div[data-name="route_zone"] {
\r
110 background-color: #fff;
\r
111 margin-bottom: 15px;
\r
116 p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
\r
118 text-overflow: ellipsis;
\r
119 white-space:nowrap;
\r
128 text-align: center;
\r
129 text-decoration: none;
\r
131 border:1px dashed #aaa;
\r
136 .add-route-btn:hover{
\r
142 .add-route-btn span {
\r
153 box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;
\r
158 text-align: center;
\r
159 text-decoration: none;
\r
164 div[data-name="route_zone"] .active{
\r
166 background-color:#444;
\r
170 div[data-name="route_zone"] .sparkline .route-valid {
\r
174 div[data-name="route_zone"] .sparkline .route-invalid {
\r
175 color:rgba(128, 128, 128, 0.73);
\r
178 div[data-name="route_zone"] .active .sparkline i{
\r
186 box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #636363;
\r
210 display: inline-block;margin-right:5px
\r
213 .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
214 background-color: #f6f6f6;
\r
215 border-left-color: #3c8dbc;
\r
220 .nav.nav-pills.nav-stacked > li > a {
\r
222 border-left: 3px solid transparent;
\r
223 -webkit-border-radius: 0;
\r
224 -moz-border-radius: 0;
\r
229 .nav.nav-pills > li.active > a {
\r
238 background-color: #e5e5e5;
\r
241 .btn-xs, .btn-group-xs>.btn {
\r
245 border-radius: 3px;
\r
248 .control-label .required {
\r
255 /*padding:10px 5px;*/
\r
258 .process-btn button{
\r
268 font: 14px/22px 'courier new';
\r
269 word-break: break-all;
\r
270 word-wrap: break-word;
\r
272 background-color:#fff;
\r
283 display: inline-block;
\r
284 list-style: none outside none;
\r
291 .stats_box .routeDiv{
\r
292 background: #F1F3FA;
\r
293 /* box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc; */
\r
294 display: inline-block;
\r
296 margin: 0 10px 10px;
\r
300 border: 1px solid #E0E0E0;
\r
301 /* border-radius: 10px; */
\r
306 border:1px solid #cfcfcf;
\r
308 box-shadow:-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
\r
309 box-shadow:0 5px 20px rgba(0,0,0,0.1);
\r
315 border-right: 1px solid #dcdcdc;
\r
316 box-shadow: 1px 0 0 0 #fff;
\r
319 padding: 25px 10px 0 4px;
\r
323 .table-bordered > thead > tr > th{
\r
324 border-bottom-width: 0;
\r
329 .stats_box .stat_text {
\r
332 padding: 10px 0px 10px 0;
\r
335 position: relative;
\r
338 .stats_box .stat_text .percent {
\r
343 position: absolute;
\r
348 .stats_box .stat_text strong {
\r
351 ; margin-bottom: 10px;
\r
360 .stat_text span,.stats_box span{
\r
367 .stats_box span a{
\r
374 span.response_throbber {
\r
375 background-image: url('../img/throbber.gif');
\r
384 div.separator div {
\r
385 text-align: center;
\r
398 margin-bottom: 15px;
\r
417 position: relative;
\r
419 border-collapse: separate;
\r
422 .input-group-btn-vertical {
\r
423 position: relative;
\r
424 white-space: nowrap;
\r
426 vertical-align: middle;
\r
427 display: table-cell;
\r
430 .input-group-btn-vertical .bootstrap-touchspin-up {
\r
432 border-top-right-radius: 4px;
\r
435 .input-group-btn-vertical>.btn {
\r
442 position: relative;
\r
445 .input-group-btn-vertical i {
\r
446 position: absolute;
\r
453 .input-group-btn-vertical .bootstrap-touchspin-down {
\r
456 border-bottom-right-radius: 4px;
\r
467 position: absolute;
\r
471 transition: all linear .2s;
\r
472 background-color: #fff;
\r
476 .item-tip-focus {top: -8px;font-size: 12px;color: #428bca;}
\r
478 .form-input-focus {border-color: #428bca;outline: 0;}
\r
485 .item-tip-none{display: none}
\r
488 border-bottom: 1px solid #d4d4d4;
\r
490 text-align: center;
\r
491 margin-bottom: 20px;
\r
494 position: relative;
\r
498 .tipArea:after, .tipArea:before {
\r
499 border: 10px solid transparent;
\r
500 border-top: 10px solid #fff;
\r
506 position: absolute;
\r
510 border-top-color: #d4d4d4;
\r
518 margin-bottom: 5px;
\r
523 padding-right: 8px;
\r
525 padding-bottom: 5px;
\r
526 margin-bottom: 10px;
\r
528 border-left: 2px solid #5b9bd1;
\r
538 display: inline-block;
\r
542 position: relative;
\r
551 .panel-tools a:hover{
\r
553 text-decoration: none;
\r
566 table.dataTable thead .sorting,
\r
567 table.dataTable thead .sorting_asc,
\r
568 table.dataTable thead .sorting_desc,
\r
569 table.dataTable thead .sorting_asc_disabled,
\r
570 table.dataTable thead .sorting_desc_disabled {
\r
574 table.dataTable thead .sorting_asc:after {
\r
577 font-family: fontawesome;
\r
581 table.dataTable thead .sorting_desc:after {
\r
584 font-family: fontawesome;
\r
588 table.dataTable thead .sorting:after {
\r
591 font-family: fontawesome;
\r
592 color: rgba(50,50,50,.5);
\r
604 margin-bottom: 0px;
\r
607 .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
613 td.details-control {
\r
614 background: url('../img/details_open.png') no-repeat center center;
\r
617 tr.shown td.details-control {
\r
618 background: url('../img/details_close.png') no-repeat center center;
\r
622 input[type="checkbox"] {
\r
623 -webkit-appearance: none;
\r
624 background: #fff url(../img/checkbox-init.png);
\r
626 vertical-align: middle;
\r
632 input[type="checkbox"]:checked {
\r
633 -webkit-appearance: none;
\r
634 background: #fff url(../img/checkbox-checked.png);
\r
636 vertical-align: middle;
\r
640 input[type="checkbox"]:focus,
\r
641 input[type="checkbox"]:hover {
\r