diff options
Diffstat (limited to 'apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css')
| -rw-r--r-- | apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css | 340 |
1 files changed, 340 insertions, 0 deletions
diff --git a/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css b/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css new file mode 100644 index 0000000..c431855 --- /dev/null +++ b/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css @@ -0,0 +1,340 @@ +/*
+ * 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 {
+ background-color: #4d5b69!important;
+ font-family: "microsoft yahei";
+}
+
+.header.navbar {
+ width: 100%;
+ padding: 0 20px 0 20px;
+ margin: 0;
+ border: 0px;
+ padding: 0px;
+ box-shadow: none;
+ height: 42px;
+ min-height: 42px;
+}
+
+.header {
+ filter: none !important;
+ background-image: none !important;
+ background-color: #fff !important;
+}
+
+.header.navbar .navbar-brand {
+ display: inline-block;
+ margin-right: 0;
+ padding: 0;
+ width: 135px !important;
+ height: 42px !important;
+ background-color: #238dfa !important;
+ margin-top: 0 !important;
+}
+
+.page-sidebar-closed .header.navbar .navbar-brand {
+ width: 35px !important;
+}
+
+.header.navbar .navbar-brand img {
+ margin-left: 10px !important;
+ width: 80%;
+ margin-top: 7px;
+}
+
+.page-sidebar-closed .header.navbar .navbar-brand img {
+ display: none !important;
+}
+
+.page-sidebar{
+ float:left;
+ width: 135px ;
+ background-color: #4d5b69;
+}
+
+.page-sidebar-closed .page-sidebar{
+
+ width: 35px !important;
+
+}
+
+.page-container {
+ margin: 0px;
+ padding: 0px;
+ position: relative;
+}
+
+.sideBar {
+ width: 135px;
+ background-color: #4D5B69;
+}
+
+.page-sidebar-closed .sideBar{
+width: 35px !important;
+background-color: #4d5b69!important;
+
+}
+
+.sideBar .menu {
+ width: 100%;
+ height: 128px;
+ color: #aaa;
+ font-size: 16px;
+ text-align: center;
+ /* border-bottom: 2px solid #536372; */
+ border-top: 1px solid #536372;
+ /* border-bottom-style: groove; */
+}
+.page-sidebar-closed .sideBar .menu {
+height: 35px !important;
+border-bottom:0px;
+}
+
+.sideBar .menu i.icon.fa{
+ font-size: 32px;
+ margin-bottom: 7px
+}
+
+
+
+.page-sidebar-closed .sideBar .menu i.icon.fa{
+ font-size: 18px;
+
+}
+
+
+
+
+
+.sideBar .menu i.icon {
+ width: 36px;
+ height: 36px;
+}
+
+.page-sidebar-closed .sideBar .menu i.icon {
+ width: 18px;
+ height: 18px;
+}
+.sideBar .menu i.icon {
+ margin-top: 25%;
+}
+
+.sideBar a.router-link-active .menu {
+ color: #fff;
+ background-color: #424e57;
+}
+
+.page-sidebar-closed .sideBar a.router-link-active .menu{
+width: 35px !important;
+height: 35px;
+}
+
+.page-sidebar-closed .sideBar a label{
+ display:none
+
+}
+
+.sideBar a{
+text-decoration: none;
+cursor:pointer ;
+}
+
+.sideBar a:hover .menu {
+ color: #fff;
+ background-color: #424e57;
+
+
+}
+
+.page-sidebar-closed .sideBar a:hover .menu{
+width: 35px !important;
+}
+
+.sideBar a.router-link-active .menu .menu-left {
+ width: 2px;
+ height: 126px;
+ float: left;
+ background-color: #238ff9;
+}
+
+.page-sidebar-closed .sideBar a.router-link-active .menu .menu-left {
+
+ height: 33px;
+
+}
+
+
+.sidebar-toggler {
+ background-image: url(../img/sidebar-toggler-grey.jpg);
+ background-color: #0f5179;
+ margin-top: 15px;
+ margin-left: 95px;
+ margin-bottom: 5px;
+ cursor: pointer;
+ opacity: 0.5;
+ filter: alpha(opacity=50);
+ width: 29px;
+ height: 29px;
+ background-repeat: no-repeat;
+}
+
+.page-sidebar-closed .sidebar-toggler{
+ margin-left: 3px;
+}
+
+.sideBar a .selected{
+display:none;
+ }
+
+.sideBar a.router-link-active .selected{
+ display: block;
+ float: right;
+ margin-top: -25px;
+ background: none;
+ width: 0;
+ height: 0;
+ border-style: solid;
+ border-top: 12px double transparent;
+ border-bottom: 12px double transparent;
+ border-left: 0;
+ border-right: 8px solid #F1F3FA;
+
+}
+
+.chineseTitle{
+ margin: 0;
+ float: left;
+ margin-left: 20px;
+ font-weight: bold;
+ padding-top: 8px;
+ letter-spacing: 2px;
+ font-size: 20px;
+ font-family: 'Microsoft Yahei', sans-serif;
+ /* text-shadow: -1px 1px rgba(221, 221, 221, 1); */
+}
+
+.englishTitle{
+ margin: 0;
+ float: left;
+ margin-left: 10px;
+ font-family: Arial;
+ font-size: 14px;
+ padding-top: 15px;
+}
+
+.page-content {
+ margin-top: 0px;
+ padding: 0px;
+ background-color: #9C5A5A !important;
+ margin-left: 135px;
+}
+
+.page-sidebar-closed .page-content{
+
+ margin-left: 35px;
+}
+
+.page-content-body {
+ padding-left: 10px;
+ padding-right: 10px;
+ padding-top: 8px;
+ float:left;
+ width: 100%;
+ background-color: #f1f3fa;
+}
+
+.page-sidebar-closed .page-content-body {
+ padding-left: 0px;
+ padding-right: 5px;
+ padding-top: 5px;
+
+}
+
+label {
+
+ font-weight: normal;
+}
+
+.sideBar ul{
+ list-style: none;
+ padding: 0;
+}
+
+
+
+.sub-menu {
+ list-style: none;
+ padding: 0;
+ margin: 8px 0;
+ box-shadow: 5px 5px rgba(140,178,198,.2);
+ display: none;
+}
+
+.sub-menu {
+ width: 150px;
+ position: absolute;
+ left: 135px;
+ margin-top: 0;
+ top: 5px;
+ background-color: #4d5b69;
+}
+
+.page-sidebar-closed .sub-menu {
+
+ left: 35px;
+ top: 0px;
+
+}
+
+.sideBarUl li{
+ position:relative;
+}
+.sideBarUl li:hover .sub-menu
+ {
+ display: block;
+}
+
+.sub-menu li{
+ background: 0 0;
+ margin: 0;
+ padding: 0;
+ margin-top: 1px!important;
+}
+
+
+.sub-menu li>a {
+ color: #aaa;
+ display: block;
+ margin: 0;
+ padding: 12px 14px 12px 30px;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: 400;
+ background: 0 0;
+}
+
+.sub-menu li>a:hover {
+ color: #fff;
+ background-color: #424e57;
+
+
+}
+
+.subicon.fa{
+ font-size: 18px;
+ margin-top:0px;
+
+}
|