diff options
author | Zhaoxing <meng.zhaoxing1@zte.com.cn> | 2016-09-08 23:20:06 +0800 |
---|---|---|
committer | Zhaoxing <meng.zhaoxing1@zte.com.cn> | 2016-09-09 14:18:38 +0800 |
commit | b69d850757a7a8c4ff9a368df004a3cfaaf9f1e4 (patch) | |
tree | 6ba5fb3330c763fd3d550ec3671f723587beae65 /msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css | |
parent | 3be6b09b74dd3e54e631181dc37bd1e5685a1c62 (diff) |
Issue-id: OCS-9
Change-Id: I73c18bdda656c43687810930338f9a949ed08848
Signed-off-by: Zhaoxing <meng.zhaoxing1@zte.com.cn>
Diffstat (limited to 'msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css')
-rw-r--r-- | msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css | 543 |
1 files changed, 273 insertions, 270 deletions
diff --git a/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css b/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css index a0fd922..8593b46 100644 --- a/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css +++ b/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css @@ -1,270 +1,273 @@ -/*
- * 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: 132px;
- 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 {
- margin-top: 25%;
-}
-
-.sideBar a.router-link-active .menu {
- color: #fff;
- background-color: #424e57;
- width: 132px;
-}
-
-.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;
- width: 132px;
-
-}
-
-.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;
-}
+/** + * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved. + * + * 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. + * + * Author: Zhaoxing Meng + * email: meng.zhaoxing1@zte.com.cn + */ +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: 132px; + 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 { + margin-top: 25%; +} + +.sideBar a.router-link-active .menu { + color: #fff; + background-color: #424e57; + width: 132px; +} + +.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; + width: 132px; + +} + +.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; +} |