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

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