diff options
Diffstat (limited to 'apiroute/apiroute-service/src/main/resources/iui-route/css/route.css')
| -rw-r--r-- | apiroute/apiroute-service/src/main/resources/iui-route/css/route.css | 641 |
1 files changed, 641 insertions, 0 deletions
diff --git a/apiroute/apiroute-service/src/main/resources/iui-route/css/route.css b/apiroute/apiroute-service/src/main/resources/iui-route/css/route.css new file mode 100644 index 0000000..e610337 --- /dev/null +++ b/apiroute/apiroute-service/src/main/resources/iui-route/css/route.css @@ -0,0 +1,641 @@ +/*
+ * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+body {
+ color: #333;
+ font-family: "Microsoft yahei", Verdana, Arial, Helvetica, sans-serif !important;
+ padding: 0px !important;
+ margin: 0px !important;
+ direction: ltr;
+ background-color: #ffffff !important;
+}
+
+/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
+ cursor: auto;
+
+ }*/
+.modal-footer {
+ margin-top:0px;
+ }
+.form-group {
+ margin-bottom: 5px;
+}
+
+.modal-body {
+ padding: 10px;
+}
+
+.row{
+ margin-left: 0px;
+ margin-right: 0px;
+}
+
+select {
+ border-width: 1px;
+ padding: 4px 1px;
+ border-radius: 4px;
+}
+
+.navbar {
+ overflow: visible;
+ margin-bottom: 0px;
+
+}
+
+
+
+.span12{
+ margin-top:5px;
+}
+
+#title {
+ color: #ffffff;
+ font-weight: bolder;
+}
+
+
+
+
+
+
+div[data-name="route_zone"] {
+ background-color: #fff;
+ margin-bottom: 15px;
+}
+
+
+
+p[tooltip], div[tooltip], td[tooltip], span[tooltip]{
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space:nowrap;
+}
+
+.add-route-btn{
+ background: #fff;
+ color: #ccc;
+ height: 115px;
+ margin: 10px;
+ padding-top: 22px;
+ text-align: center;
+ text-decoration: none;
+ width: 130px;
+ border:1px dashed #aaa;
+ float:left;
+
+}
+
+.add-route-btn:hover{
+ color:#3276b1;
+ cursor: pointer;
+}
+
+
+.add-route-btn span {
+ display: block;
+ margin-left:5px;
+ margin-right:5px;
+ margin-top:5px;
+ color: #444;
+}
+
+
+.quick-btn {
+ background: #eee;
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc;
+ color: #444;
+ height: 110px;
+ margin: 10px;
+ padding-top: 1pc;
+ text-align: center;
+ text-decoration: none;
+ width: 120px;
+ float:left;
+
+}
+div[data-name="route_zone"] .active{
+ color:#fff;
+ background-color:#444;
+ cursor: pointer;
+}
+
+div[data-name="route_zone"] .sparkline .route-valid {
+ color: #62AAF5;
+ }
+
+ div[data-name="route_zone"] .sparkline .route-invalid {
+ color:rgba(128, 128, 128, 0.73);
+ }
+
+div[data-name="route_zone"] .active .sparkline i{
+ color:#C3DDF4;
+ }
+
+
+
+.quick-btn:hover{
+
+ box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #636363;
+ cursor: pointer;
+}
+
+.quick-btn span {
+ display: block;
+ margin-left:5px;
+ margin-right:5px;
+ margin-top:10px;
+
+}
+
+.route-ip{
+ font-size: 12px;
+}
+
+
+.progressList{
+ margin-top: 15px;
+ margin-left:15px;
+ width:90%
+}
+
+.processContent{
+ display: inline-block;margin-right:5px
+}
+
+.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 {
+ background-color: #f6f6f6;
+ border-left-color: #3c8dbc;
+ color: #444;
+}
+
+
+.nav.nav-pills.nav-stacked > li > a {
+ border-top: 0;
+ border-left: 3px solid transparent;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ color: #444;
+ height:46px;
+}
+.nav.nav-pills > li.active > a {
+ font-weight: 600;
+}
+
+.btn-xs {
+ color: #333;
+ font-size: 14px;
+}
+.grey {
+ background-color: #e5e5e5;
+ color: #333;
+}
+.btn-xs, .btn-group-xs>.btn {
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+
+.control-label .required {
+ color: #e02222;
+ font-size: 12px;
+ padding-left: 2px;
+}
+
+.nav>li>a{
+ /*padding:10px 5px;*/
+}
+
+.process-btn button{
+ padding:3px 8px
+}
+
+pre.prettyprint {
+ color:#000;
+ height: 450px;
+}
+
+pre {
+ font: 14px/22px 'courier new';
+ word-break: break-all;
+ word-wrap: break-word;
+ border: 0px;
+ background-color:#fff;
+ padding: 5px 5px;
+}
+
+.atv {
+ color: #114B7E;
+}
+
+
+
+.stats_box {
+ display: inline-block;
+ list-style: none outside none;
+ margin-left: 0;
+ margin-top: 10px;
+ padding: 0;
+ /*float: left;*/
+}
+
+.stats_box .routeDiv{
+ background: #F1F3FA;
+ /* box-shadow: 0 0 0 1px #f8f8f8 inset,0 0 0 1px #ccc; */
+ display: inline-block;
+ line-height: 18px;
+ margin: 0 10px 10px;
+ padding: 0 8px;
+ float: left;
+ height: 125px;
+ border: 1px solid #E0E0E0;
+ /* border-radius: 10px; */
+}
+
+.routeDiv:hover{
+
+ border:1px solid #cfcfcf;
+ cursor: pointer;
+ box-shadow:-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.1);
+ box-shadow:0 5px 20px rgba(0,0,0,0.1);
+}
+
+
+.sparkline {
+ width: 60px;
+ border-right: 1px solid #dcdcdc;
+ box-shadow: 1px 0 0 0 #fff;
+ float: left;
+ margin-right: 9pt;
+ padding: 20px 10px 0 4px;
+ line-height: 70px
+}
+
+.table-bordered > thead > tr > th{
+ border-bottom-width: 0;
+}
+
+
+
+.stats_box .stat_text {
+ float: left;
+ font-size: 9pt;
+ padding: 10px 0px 10px 0;
+ text-align: left;
+ width: 120px;
+ position: relative;
+}
+
+.stats_box .stat_text .percent {
+ color: #444;
+ float: right;
+ font-size: 20px;
+ font-weight: 700;
+ position: absolute;
+ right: 0;
+ top: 17px;
+}
+
+.stats_box .stat_text strong {
+ display: block;
+ font-size: 16px
+; margin-bottom: 10px;
+ margin-top: 5px;
+
+}
+
+.stat_text b{
+ font-weight: 100;
+}
+
+.stat_text span,.stats_box span{
+ display: block;
+}
+
+
+
+.stats_box span a{
+padding: 0px 6px;
+margin-right:3px;
+ }
+
+
+
+ span.response_throbber {
+ background-image: url('../img/throbber.gif');
+ width: 128px;
+ height: 16px;
+ display: block;
+ clear: none;
+ float: left;
+ margin-top: 50px;
+}
+
+div.separator div {
+ text-align: center;
+ line-height: 0;
+}
+
+.titlefont {
+ font-size: 16px;
+}
+
+.separator-line {
+ height: 1px;
+ width: 100%;
+ background: #ddd;
+ overflow: hidden;
+ margin-bottom: 15px;
+ margin-top: 6px;
+ opacity: 0.6;
+}
+
+
+
+.serverInput{
+ display: inline;
+ margin-right: 5px;
+}
+
+.apiRouteInput{
+ float:left;
+ margin-right: 10px
+}
+
+
+.input-group {
+ position: relative;
+ display: table;
+ border-collapse: separate;
+}
+
+ .input-group-btn-vertical {
+ position: relative;
+ white-space: nowrap;
+ width: 10px;
+ vertical-align: middle;
+ display: table-cell;
+}
+
+.input-group-btn-vertical .bootstrap-touchspin-up {
+ border-radius: 0;
+ border-top-right-radius: 4px;
+}
+
+.input-group-btn-vertical>.btn {
+ display: block;
+ float: none;
+ width: 100%;
+ max-width: 100%;
+ padding: 8px 10px;
+ margin-left: -1px;
+ position: relative;
+}
+
+.input-group-btn-vertical i {
+ position: absolute;
+ top: 3px;
+ left: 5px;
+ font-size: 9px;
+ font-weight: 400;
+}
+
+.input-group-btn-vertical .bootstrap-touchspin-down {
+ margin-top: -2px;
+ border-radius: 0;
+ border-bottom-right-radius: 4px;
+}
+
+
+
+.small_btn {
+ padding: 0px 6px;
+ margin-right: 3px;
+}
+
+.item-tip {
+ position: absolute;
+ color: #999999;
+ top: 10px;
+ left: 20px;
+ transition: all linear .2s;
+ background-color: #fff;
+ padding: 0px 3px;
+ font-size: 12px;
+}
+.item-tip-focus {top: -8px;font-size: 12px;color: #428bca;}
+
+.form-input-focus {border-color: #428bca;outline: 0;}
+
+.tip_color {
+ color: #f0ad4e;
+ cursor: help;
+}
+
+.item-tip-none{display: none}
+
+.tipArea{
+ border-bottom: 1px solid #d4d4d4;
+ width: 85%;
+ text-align: center;
+ margin-bottom: 20px;
+ margin-left: 30px;
+ font-weight: bold;
+ position: relative;
+
+}
+
+.tipArea:after, .tipArea:before {
+ border: 10px solid transparent;
+ border-top: 10px solid #fff;
+ width: 0;
+ height: 0;
+ right: 241px;
+ top: 20px;
+ content: ' ';
+ position: absolute;
+}
+
+.tipArea:before {
+ border-top-color: #d4d4d4;
+ left: 230px;
+ top: 21px;
+}
+
+
+.help-block {
+ margin-top: 5px;
+ margin-bottom: 5px;
+ }
+
+.form-title {
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ margin-bottom: 10px;
+ margin-left:10px;
+ border-left: 2px solid #5b9bd1;
+ color: #1A78CA;
+ font-size: 16px;
+}
+
+.form-title a{
+ cursor: pointer;
+}
+
+.panel-tools {
+ display: inline-block;
+ float: right;
+ margin-top: 0;
+ padding: 0;
+ position: relative;
+}
+
+.panel-tools a {
+ margin-left: 5px;
+ color: #9d9fa2;
+ cursor: pointer;
+}
+
+.panel-tools a:hover{
+ color: #34495e;
+ text-decoration: none;
+}
+
+.table-responsive{
+ margin-top: 15px;
+}
+
+.btn-s {
+ padding: 0px 6px;
+ margin-right: 3px;
+}
+
+
+table.dataTable thead .sorting,
+table.dataTable thead .sorting_asc,
+table.dataTable thead .sorting_desc,
+table.dataTable thead .sorting_asc_disabled,
+table.dataTable thead .sorting_desc_disabled {
+ background: 0 0;
+}
+
+table.dataTable thead .sorting_asc:after {
+ content: "\f0de";
+ float: right;
+ font-family: fontawesome;
+ color:#357ebd;
+}
+
+table.dataTable thead .sorting_desc:after {
+ content: "\f0dd";
+ float: right;
+ font-family: fontawesome;
+ color:#357ebd;
+}
+
+table.dataTable thead .sorting:after {
+ content: "\f0dc";
+ float: right;
+ font-family: fontawesome;
+ color: rgba(50,50,50,.5);
+}
+
+
+.hostTableDiv{
+ height: 100px;
+ overflow: auto;
+
+ }
+
+.hostTable{
+ font-size: 12px;
+ margin-bottom: 0px;
+}
+
+.hostTable>thead>tr>th, .hostTable>tbody>tr>th, .hostTable>tfoot>tr>th, .hostTable>thead>tr>td, .hostTable>tbody>tr>td, .hostTable>tfoot>tr>td {
+ padding: 6px;
+
+}
+
+
+td.details-control {
+ background: url('../img/details_open.png') no-repeat center center;
+ cursor: pointer;
+}
+tr.shown td.details-control {
+ background: url('../img/details_close.png') no-repeat center center;
+}
+
+
+input[type="checkbox"] {
+ -webkit-appearance: none;
+ background: #fff url(../img/checkbox-init.png);
+ height: 18px;
+ vertical-align: middle;
+ width: 18px;
+ margin-bottom:5px;
+ margin-right:5px;
+}
+
+input[type="checkbox"]:checked {
+ -webkit-appearance: none;
+ background: #fff url(../img/checkbox-checked.png);
+ height: 18px;
+ vertical-align: middle;
+ width: 18px;
+}
+
+input[type="checkbox"]:focus,
+input[type="checkbox"]:hover {
+ outline: none;
+}
+
+.stat_text strong{
+ word-wrap: break-word;
+ word-break: normal;
+}
+
+
+.line_break{
+ word-wrap: break-word;
+ word-break: normal;
+}
+
+.protocal{
+ background-color: #fff;
+ border-color: #b2d8b9;
+
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ color: #333;
+ display: inline-block;
+ font-size: 11px;
+
+ line-height: 99%;
+ margin: 0;
+ margin-bottom: 10px;
+ padding: 2px 5px;
+ text-align: center;
+ text-decoration: none;
+ text-transform: uppercase;
+}
+
+.form-title a:hover{
+ text-decoration:none;
+
+}
\ No newline at end of file |