2 * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
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
8 * http://www.apache.org/licenses/LICENSE-2.0
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.
16 * Author: Zhaoxing Meng
17 * email: meng.zhaoxing1@zte.com.cn
21 font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
22 padding: 0px !important;
23 margin: 0px !important;
25 background-color: #ffffff !important;
28 /*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
60 #top-bar, #top-bar small, #top-bar a {
61 text-shadow: 0px -1px 0px #182127;
75 background-color: #363F45;
76 background-image: -moz-linear-gradient(top, #545d63, #182127);
77 background-image: -ms-linear-gradient(top, #545d63, #182127);
78 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#545d63), to(#182127));
79 background-image: -webkit-linear-gradient(top, #545d63, #182127);
80 background-image: -o-linear-gradient(top, #545d63, #182127);
81 background-image: linear-gradient(top, #545d63, #182127);
82 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#545d63', endColorstr = '#182127', GradientType = 0);
83 -webkit-border-radius: 0;
84 -moz-border-radius: 0;
92 background-color: #2c2c2c;
93 background-image: -moz-linear-gradient(top, #333333, #222222);
94 background-image: -ms-linear-gradient(top, #333333, #222222);
95 background-image: -o-linear-gradient(top, #333333, #222222);
96 background-image: linear-gradient(top, #333333, #222222);
97 background-repeat: repeat-x;
98 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
99 -webkit-border-radius: 4px;
100 -moz-border-radius: 4px;
102 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
103 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
109 background-color: #fff;
112 div[data-name="route_zone"] {
113 background-color: #fff;
119 p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
121 text-overflow: ellipsis;
132 text-decoration: none;
134 border:1px dashed #aaa;
139 .add-route-btn:hover{
145 .add-route-btn span {
156 box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;
162 text-decoration: none;
167 div[data-name="route_zone"] .active{
169 background-color:#444;
173 div[data-name="route_zone"] .sparkline .route-valid {
177 div[data-name="route_zone"] .sparkline .route-invalid {
178 color:rgba(128, 128, 128, 0.73);
181 div[data-name="route_zone"] .active .sparkline i{
189 box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #636363;
213 display: inline-block;margin-right:5px
216 .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 {
217 background-color: #f6f6f6;
218 border-left-color: #3c8dbc;
223 .nav.nav-pills.nav-stacked > li > a {
225 border-left: 3px solid transparent;
226 -webkit-border-radius: 0;
227 -moz-border-radius: 0;
232 .nav.nav-pills > li.active > a {
241 background-color: #e5e5e5;
244 .btn-xs, .btn-group-xs>.btn {
251 .control-label .required {
258 /*padding:10px 5px;*/
271 font: 14px/22px 'courier new';
272 word-break: break-all;
273 word-wrap: break-word;
275 background-color:#fff;
286 display: inline-block;
287 list-style: none outside none;
294 .stats_box .routeDiv{
296 /* box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc; */
297 display: inline-block;
303 border: 1px solid #E0E0E0;
304 /* border-radius: 10px; */
309 border:1px solid #cfcfcf;
311 box-shadow:-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
312 box-shadow:0 5px 20px rgba(0,0,0,0.1);
318 border-right: 1px solid #dcdcdc;
319 box-shadow: 1px 0 0 0 #fff;
322 padding: 25px 10px 0 4px;
326 .table-bordered > thead > tr > th{
327 border-bottom-width: 0;
332 .stats_box .stat_text {
335 padding: 10px 0px 10px 0;
341 .stats_box .stat_text .percent {
351 .stats_box .stat_text strong {
354 ; margin-bottom: 10px;
363 .stat_text span,.stats_box span{
377 span.response_throbber {
378 background-image: url('../img/throbber.gif');
422 border-collapse: separate;
425 .input-group-btn-vertical {
429 vertical-align: middle;
433 .input-group-btn-vertical .bootstrap-touchspin-up {
435 border-top-right-radius: 4px;
438 .input-group-btn-vertical>.btn {
448 .input-group-btn-vertical i {
456 .input-group-btn-vertical .bootstrap-touchspin-down {
459 border-bottom-right-radius: 4px;
474 transition: all linear .2s;
475 background-color: #fff;
479 .item-tip-focus {top: -8px;font-size: 12px;color: #428bca;}
481 .form-input-focus {border-color: #428bca;outline: 0;}
488 .item-tip-none{display: none}
491 border-bottom: 1px solid #d4d4d4;
501 .tipArea:after, .tipArea:before {
502 border: 10px solid transparent;
503 border-top: 10px solid #fff;
513 border-top-color: #d4d4d4;
531 border-left: 2px solid #5b9bd1;
541 display: inline-block;
554 .panel-tools a:hover{
556 text-decoration: none;
569 table.dataTable thead .sorting,
570 table.dataTable thead .sorting_asc,
571 table.dataTable thead .sorting_desc,
572 table.dataTable thead .sorting_asc_disabled,
573 table.dataTable thead .sorting_desc_disabled {
577 table.dataTable thead .sorting_asc:after {
580 font-family: fontawesome;
584 table.dataTable thead .sorting_desc:after {
587 font-family: fontawesome;
591 table.dataTable thead .sorting:after {
594 font-family: fontawesome;
595 color: rgba(50,50,50,.5);
610 .hostTable>thead>tr>th, .hostTable>tbody>tr>th, .hostTable>tfoot>tr>th, .hostTable>thead>tr>td, .hostTable>tbody>tr>td, .hostTable>tfoot>tr>td {
617 background: url('../img/details_open.png') no-repeat center center;
620 tr.shown td.details-control {
621 background: url('../img/details_close.png') no-repeat center center;
625 input[type="checkbox"] {
626 -webkit-appearance: none;
627 background: #fff url(../img/checkbox-init.png);
629 vertical-align: middle;
635 input[type="checkbox"]:checked {
636 -webkit-appearance: none;
637 background: #fff url(../img/checkbox-checked.png);
639 vertical-align: middle;
643 input[type="checkbox"]:focus,
644 input[type="checkbox"]:hover {