From 4ed15bda06c8e9a407c12d527b8224737ba339d5 Mon Sep 17 00:00:00 2001 From: HuabingZhao Date: Sat, 13 Aug 2016 14:10:39 +0800 Subject: Initial code import Change-Id: I839b84e5200aedece6c33deb16bec1bf9dbb61df Signed-off-by: HuabingZhao --- .../src/main/resources/iui-route/css/newRoute.css | 270 +++++++++++++++++++++ 1 file changed, 270 insertions(+) create mode 100644 apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css (limited to 'apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css') 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..a0fd922 --- /dev/null +++ b/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css @@ -0,0 +1,270 @@ +/* + * 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; +} -- cgit 1.2.3-korg