msb-core/apiroute/apiroute-service/src/main/resources/iui-route/css/newRoute.css

   1 /**
   2  * Copyright 2016 2015-2016 ZTE, Inc. and others. All rights reserved.
   3  *
   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
   7  *
   8  *     http://www.apache.org/licenses/LICENSE-2.0
   9  *
  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.
  15  *
  16  *     Author: Zhaoxing Meng
  17  *     email: meng.zhaoxing1@zte.com.cn
  18  */
  19 body {
  20     background-color: #4d5b69!important;
  21     font-family: "microsoft yahei";
  22 }
  23
  24 .header.navbar {
  25     width: 100%;
  26     padding: 0 20px 0 20px;
  27     margin: 0;
  28     border: 0px;
  29     padding: 0px;
  30     box-shadow: none;
  31     height: 42px;
  32     min-height: 42px;
  33 }
  34
  35 .header {
  36     filter: none !important;
  37     background-image: none !important;
  38     background-color: #fff !important;
  39 }
  40
  41 .header.navbar .navbar-brand {
  42     display: inline-block;
  43     margin-right: 0;
  44     padding: 0;
  45      width: 135px !important;
  46     height: 42px !important;
  47      background-color: #238dfa !important;
  48     margin-top: 0 !important;
  49 }
  50
  51 .page-sidebar-closed .header.navbar .navbar-brand {
  52     width: 35px !important;
  53 }
  54
  55 .header.navbar .navbar-brand img {
  56     margin-left: 10px !important;
  57     width: 80%;
  58     margin-top: 7px;
  59 }
  60
  61 .page-sidebar-closed .header.navbar .navbar-brand img {
  62     display: none !important;
  63 }
  64
  65 .page-sidebar{
  66         float:left;
  67         width: 135px ;
  68         background-color: #4d5b69;
  69 }
  70
  71 .page-sidebar-closed  .page-sidebar{
  72
  73         width: 35px  !important;
  74
  75 }
  76
  77 .page-container {
  78     margin: 0px;
  79     padding: 0px;
  80     position: relative;
  81 }
  82
  83 .sideBar {
  84     width: 132px;
  85     background-color: #4D5B69;
  86 }
  87
  88 .page-sidebar-closed  .sideBar{
  89 width: 35px  !important;
  90 background-color: #4d5b69!important;
  91
  92 }
  93
  94 .sideBar .menu {
  95     width: 100%;
  96     height: 128px;
  97     color: #aaa;
  98     font-size: 16px;
  99     text-align: center;
 100     /* border-bottom: 2px solid #536372; */
 101     border-top: 1px solid #536372;
 102     /* border-bottom-style: groove; */
 103 }
 104 .page-sidebar-closed  .sideBar .menu {
 105 height: 35px  !important;
 106 border-bottom:0px;
 107 }
 108
 109 .sideBar .menu i.icon.fa{
 110     font-size: 32px;
 111     margin-bottom: 7px
 112 }
 113
 114
 115
 116 .page-sidebar-closed  .sideBar .menu i.icon.fa{
 117     font-size: 18px;
 118
 119 }
 120
 121
 122
 123
 124
 125 .sideBar .menu i.icon {
 126     width: 36px;
 127     height: 36px;
 128 }
 129
 130 .page-sidebar-closed .sideBar .menu i.icon {
 131     width: 18px;
 132     height: 18px;
 133 }
 134 .sideBar .menu i {
 135     margin-top: 25%;
 136 }
 137
 138 .sideBar a.router-link-active .menu {
 139     color: #fff;
 140     background-color: #424e57;
 141     width: 132px;
 142 }
 143
 144 .page-sidebar-closed .sideBar a.router-link-active .menu{
 145 width: 35px  !important;
 146 height: 35px;
 147 }
 148
 149 .page-sidebar-closed  .sideBar a label{
 150   display:none
 151
 152 }
 153
 154 .sideBar a{
 155 text-decoration: none;
 156 cursor:pointer ;
 157 }
 158
 159 .sideBar a:hover .menu {
 160     color: #fff;
 161     background-color: #424e57;
 162     width: 132px;
 163
 164 }
 165
 166 .page-sidebar-closed  .sideBar a:hover .menu{
 167 width: 35px  !important;
 168 }
 169
 170 .sideBar a.router-link-active .menu .menu-left {
 171     width: 2px;
 172     height: 126px;
 173     float: left;
 174     background-color: #238ff9;
 175 }
 176
 177 .page-sidebar-closed .sideBar a.router-link-active .menu .menu-left {
 178
 179     height: 33px;
 180
 181 }
 182
 183
 184 .sidebar-toggler {
 185     background-image: url(../img/sidebar-toggler-grey.jpg);
 186     background-color: #0f5179;
 187      margin-top: 15px;
 188          margin-left: 95px;
 189       margin-bottom: 5px;
 190       cursor: pointer;
 191     opacity: 0.5;
 192     filter: alpha(opacity=50);
 193     width: 29px;
 194     height: 29px;
 195     background-repeat: no-repeat;
 196 }
 197
 198 .page-sidebar-closed .sidebar-toggler{
 199  margin-left: 3px;
 200 }
 201
 202 .sideBar  a  .selected{
 203 display:none;
 204         }
 205
 206 .sideBar  a.router-link-active  .selected{
 207             display: block;
 208     float: right;
 209     margin-top: -25px;
 210     background: none;
 211     width: 0;
 212     height: 0;
 213     border-style: solid;
 214     border-top: 12px double transparent;
 215     border-bottom: 12px double transparent;
 216     border-left: 0;
 217     border-right: 8px solid #F1F3FA;
 218
 219 }
 220
 221 .chineseTitle{
 222     margin: 0;
 223     float: left;
 224     margin-left: 20px;
 225     font-weight: bold;
 226     padding-top: 8px;
 227     letter-spacing: 2px;
 228     font-size: 20px;
 229     font-family: 'Microsoft Yahei', sans-serif;
 230     /* text-shadow: -1px 1px rgba(221, 221, 221, 1); */
 231 }
 232
 233 .englishTitle{
 234             margin: 0;
 235             float: left;
 236             margin-left: 10px;
 237             font-family: Arial;
 238             font-size: 14px;
 239             padding-top: 15px;
 240 }
 241
 242 .page-content {
 243         margin-top: 0px;
 244         padding: 0px;
 245         background-color: #9C5A5A !important;
 246         margin-left: 135px;
 247 }
 248
 249 .page-sidebar-closed .page-content{
 250
 251   margin-left: 35px;
 252 }
 253
 254 .page-content-body {
 255     padding-left: 10px;
 256     padding-right: 10px;
 257     padding-top: 8px;
 258     float:left;
 259     width: 100%;
 260     background-color: #f1f3fa;
 261 }
 262
 263 .page-sidebar-closed  .page-content-body {
 264     padding-left: 0px;
 265     padding-right: 5px;
 266     padding-top: 5px;
 267
 268 }
 269
 270 label {
 271
 272     font-weight: normal;
 273 }