portal-common/src/main/webapp/common/css/themes/zteblue.css

   1 /**\r
   2  * Copyright 2016-2017, CMCC Technologies Co., Ltd.\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 /***\r
  17 Blue theme\r
  18 ***/\r
  19 /***\r
  20 Reset and overrides  \r
  21 ***/\r
  22 body {\r
  23   background-color: #e8e8e8 !important;\r
  24 }\r
  25 /***\r
  26 Page header\r
  27 ***/\r
  28 .header {\r
  29   filter: none !important;\r
  30   background-image: none !important;\r
  31   background-color: #1b8fd3 !important;\r
  32 }\r
  33 .header .btn-navbar {\r
  34   background-color: #1b8fd3!important;\r
  35 }\r
  36 .header .navbar-nav .dropdown-toggle:hover,\r
  37 .header .navbar-nav .dropdown.open .dropdown-toggle {\r
  38   color: #fff;\r
  39   background-color: #ee5c00 !important;\r
  40 }\r
  41 .header .navbar-nav li.dropdown .dropdown-toggle i {\r
  42   color: #fff !important;\r
  43 }\r
  44 .page-content .page-breadcrumb.breadcrumb .dashboard-date-range{\r
  45 background-color: #ee5c00 !important; \r
  46 }\r
  47 .btn-group .btn.blue.dropdown-toggle{\r
  48 background-color: #ee5c00 !important;\r
  49 }\r
  50 .page-content .page-breadcrumb.breadcrumb{\r
  51 background-color:#F5F5F5 !important;\r
  52 }\r
  53 /***\r
  54 Header Search\r
  55 ***/\r
  56 .header .search-form {\r
  57   background-color: #0B4263;\r
  58 }\r
  59 \r
  60 .header .search-form .form-control{\r
  61   color: #68bbec;\r
  62   border: 0; \r
  63   background-color: #0B4263;  \r
  64 }\r
  65 \r
  66 .header .search-form .submit {  \r
  67   background: url(../../image/search-icon-blue.png);\r
  68 }\r
  69 .zte-theme-panel > .toggler:hover {\r
  70   background-color: #146a9d !important;\r
  71 }\r
  72 /***\r
  73 Hor menu\r
  74 ***/\r
  75 .header .hor-menu ul.nav li a {\r
  76   color: #ccc;\r
  77 }\r
  78 \r
  79 .header .hor-menu ul.nav li.open > a,\r
  80 .header .hor-menu ul.nav li > a:hover,\r
  81 .header .hor-menu ul.nav li > a:focus {\r
  82   color: #fff;\r
  83   background: #146a9d;\r
  84 }\r
  85 \r
  86 .header .hor-menu .dropdown-menu li:hover > a,\r
  87 .header .hor-menu ul.nav li.active > a,\r
  88 .header .hor-menu ul.nav li.active > a:hover {\r
  89   color: #fff;\r
  90   background: #ee5c00 !important; \r
  91 }\r
  92 .header.navbar .hor-menu ul.nav li.current .selected,\r
  93 .header.navbar .hor-menu ul.nav li.active .selected {\r
  94   border-top: 6px solid #ee5c00;\r
  95   }\r
  96 .header .hor-menu ul.nav li.current > a,\r
  97 .header .hor-menu ul.nav li.current > a:hover {\r
  98   color: #fff;\r
  99   background: #e02222 !important; \r
 100 }\r
 101 \r
 102 .header .hor-menu .dropdown-menu {  \r
 103     background: #146a9d;\r
 104 }\r
 105 .header .hor-menu .dropdown-menu li > a {    \r
 106     color: #ccc;\r
 107 }\r
 108 \r
 109 .header .hor-menu .hor-menu-search-form-toggler.off {\r
 110    background: #146a9d url(../../image/hor-menu-search-close-white.png) no-repeat center;\r
 111 }\r
 112 \r
 113 .header .hor-menu .search-form {  \r
 114   background:#146a9d; \r
 115 }\r
 116 \r
 117 .header .hor-menu .search-form form input {\r
 118   color: #ccc;\r
 119 }\r
 120 \r
 121 .header .hor-menu .search-form .btn {\r
 122   color: #ccc;\r
 123   background: url(../../image/search-icon-white.png) no-repeat center;\r
 124 }\r
 125 \r
 126 .header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */\r
 127     color: #ccc;\r
 128 }\r
 129 .header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */\r
 130     color: #ccc;\r
 131 }\r
 132 .header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */\r
 133     color: #ccc;\r
 134 }\r
 135 .header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */\r
 136     color: #ccc;\r
 137 }\r
 138 \r
 139 /***\r
 140 Mega Menu\r
 141 ***/\r
 142 .mega-menu .mega-menu-submenu {  \r
 143   border-right: 1px solid #1876AD;\r
 144 }\r
 145 \r
 146 .mega-menu .mega-menu-submenu li h3 {  \r
 147   color: #fff;\r
 148 }\r
 149 \r
 150 /***\r
 151 Page sidebar\r
 152 ***/\r
 153 .page-sidebar {\r
 154   background-color: #e8e8e8;\r
 155 }\r
 156 ul.page-sidebar-menu > li > a {\r
 157   border-top: 1px solid #d3d1d1  !important;\r
 158   /*color: black !important;*/\r
 159 }\r
 160 ul.page-sidebar-menu > li:last-child > a {\r
 161   border-bottom: 1px solid transparent !important;\r
 162 }\r
 163 ul.page-sidebar-menu > li a i {\r
 164   /*color: black !important;*/\r
 165 }\r
 166 ul.page-sidebar-menu > li.open > a{\r
 167 border-bottom: 1px solid #d3d1d1  !important;\r
 168 color: #0d638f;\r
 169 }\r
 170 ul.page-sidebar-menu > li > a:hover\r
 171 /*ul.page-sidebar-menu > li:hover > a */{\r
 172   background: #1b8fd3; \r
 173   color: #ffffff;\r
 174 }\r
 175 ul.page-sidebar-menu > li.active > a {\r
 176   background: #ee5c00 !important;\r
 177   border-top-color: transparent !important;\r
 178   color: #ffffff;\r
 179 }\r
 180 ul.page-sidebar-menu > li.active > a i {\r
 181   color: #ffffff;\r
 182 }\r
 183 ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {\r
 184   border-top: 0px !important;\r
 185 }\r
 186 ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,\r
 187 ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {\r
 188   color: #ffffff !important;\r
 189   background: #1b8fd3 !important;\r
 190 }\r
 191 ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {\r
 192   background: #1b8fd3 !important;\r
 193 }\r
 194 /* 3rd level sub menu */\r
 195 ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,\r
 196 ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,\r
 197 ul.page-sidebar-menu > li > ul.sub-menu li.open > a {\r
 198   color: #ffffff !important;\r
 199   background: #1b8fd3 !important;\r
 200 }\r
 201 /* font color for all sub menu links*/\r
 202 ul.page-sidebar-menu li > ul.sub-menu > li > a {\r
 203   /*color: #c3e4f7;*/\r
 204 }\r
 205 /* menu arrows */\r
 206 ul.page-sidebar-menu > li > a .arrow:before,\r
 207 ul.page-sidebar-menu > li > a .arrow.open:before {\r
 208   /*color: #51b1e9 !important;*/\r
 209 }\r
 210 ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,\r
 211 ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {\r
 212   color: #3ba6e6 !important;\r
 213 }\r
 214 ul.page-sidebar-menu > li > a > .arrow.open:before {\r
 215  /* color: #68bbec !important;*/\r
 216 }\r
 217 ul.page-sidebar-menu > li.active > a .arrow:before,\r
 218 ul.page-sidebar-menu > li.active > a .arrow.open:before {\r
 219   color: #ffffff !important;\r
 220 }\r
 221 /* sidebar search */\r
 222 .page-sidebar .sidebar-search input {\r
 223   background-color: #0f5179 !important;\r
 224   color: #0d638f;\r
 225 }\r
 226 .page-sidebar .sidebar-search input::-webkit-input-placeholder {\r
 227   color: #0d638f !important;\r
 228 }\r
 229 .page-sidebar .sidebar-search input:-moz-placeholder {\r
 230   color: #0d638f !important;\r
 231 }\r
 232 .page-sidebar .sidebar-search input:-ms-input-placeholder {\r
 233   color: #0d638f !important;\r
 234 }\r
 235 .page-sidebar .sidebar-search input {\r
 236   background-color: #e8e8e8 !important;\r
 237  /* color: #bfbfbf !important;*/\r
 238 }\r
 239 .page-sidebar .sidebar-search .input-box {\r
 240   border-bottom: 1px solid #0d638f !important;\r
 241 }\r
 242 .page-sidebar .sidebar-search .submit {\r
 243   background-image: url(../../image/search-icon-blue.png);\r
 244 }\r
 245 /***\r
 246 Sidebar toggler\r
 247 ***/\r
 248 .sidebar-toggler {\r
 249   background-image: url(../../image/sidebar-toggler-grey.jpg);\r
 250   background-color: #0f5179;\r
 251 }\r
 252 /* search box bg color on expanded */\r
 253 .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {\r
 254   background-color: #1b8fd3 !important;\r
 255 }\r
 256 .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {\r
 257   background-image: url("../../image/sidebar-search-close-blue.png");\r
 258 }\r
 259 /* sub menu bg color on hover menu item */\r
 260 .page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {\r
 261   background-color: #1b8fd3;\r
 262 }\r
 263 /***\r
 264 Footer \r
 265 ***/\r
 266 .footer .footer-inner {\r
 267   color: #7c7c7c;\r
 268 }\r
 269 .footer .footer-tools .go-top {\r
 270   background-color: #1985c6;\r
 271 }\r
 272 .footer .footer-tools .go-top:hover {\r
 273   opacity: 0.7;\r
 274   filter: alpha(opacity=70);\r
 275 }\r
 276 .footer .footer-tools .go-top i {\r
 277   color: #68bbec;\r
 278 }\r
 279 /***\r
 280 Footer Layouts (new in v1.3)\r
 281 ***/\r
 282 /* begin:fixed footer */\r
 283 .page-footer-fixed .footer {\r
 284   background-color: #0f5179;\r
 285 }\r
 286 .page-footer-fixed .footer .footer-inner {\r
 287   color: #68bbec;\r
 288 }\r
 289 .page-footer-fixed .footer .footer-tools .go-top {\r
 290   background-color: #1985c6;\r
 291 }\r
 292 .page-footer-fixed .footer .footer-tools .go-top i {\r
 293   color: #68bbec;\r
 294 }\r
 295 /* end:fixed footer */\r
 296 /***\r
 297 Gritter Notifications \r
 298 ***/\r
 299 .gritter-top {\r
 300   background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -30px !important;\r
 301 }\r
 302 .gritter-bottom {\r
 303   background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left bottom !important;\r
 304 }\r
 305 .gritter-item {\r
 306   display: block;\r
 307   background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left -40px !important;\r
 308 }\r
 309 .gritter-close {\r
 310   background: url(../../thirdparty/gritter/images/gritter-blue.png) no-repeat left top !important;\r
 311 }\r
 312 .gritter-title {\r
 313   text-shadow: none !important;\r
 314   /* Not supported by IE :( */\r
 315 \r
 316 }\r
 317 /* for the light (white) version of the gritter notice */\r
 318 .gritter-light .gritter-item,\r
 319 .gritter-light .gritter-bottom,\r
 320 .gritter-light .gritter-top,\r
 321 .gritter-light .gritter-close {\r
 322   background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;\r
 323 }\r
 324 .gritter-item-wrapper a {\r
 325   color: #18a5ed;\r
 326 }\r
 327 .gritter-item-wrapper a:hover {\r
 328   color: #0b6694;\r
 329 }\r
 330 /* begin: boxed page */\r
 331 @media (min-width: 992px) {\r
 332   .page-boxed {\r
 333     background-color: #125e8b !important;\r
 334   }\r
 335   .page-boxed .page-container {\r
 336     background-color: #1570a6;\r
 337     border-left: 1px solid #1c98e1;\r
 338     border-bottom: 1px solid #1c98e1;\r
 339   }\r
 340   .page-boxed.page-sidebar-reversed .page-container {\r
 341     border-left: 0;\r
 342     border-right: 1px solid #1c98e1;\r
 343   }\r
 344   .page-boxed.page-sidebar-fixed .page-container {\r
 345     border-left: 0;\r
 346     border-bottom: 0;\r
 347   }\r
 348   .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {\r
 349     border-left: 0;\r
 350     border-right: 0;\r
 351     border-bottom: 0;\r
 352   }\r
 353   .page-boxed.page-sidebar-fixed .page-sidebar {\r
 354     border-left: 1px solid #1c98e1;\r
 355   }\r
 356   .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {\r
 357     border-right: 1px solid #1c98e1;\r
 358     border-left: 0; \r
 359   }\r
 360   .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {\r
 361     background-color: #125e8b !important;\r
 362   }\r
 363 }\r
 364 /* end: boxed page */\r
 365 /***\r
 366 Landscape phone to portrait tablet\r
 367 ***/\r
 368 @media (max-width: 991px) {\r
 369   /***\r
 370     page sidebar\r
 371     ***/\r
 372   .page-sidebar {\r
 373     background-color: #3d95c9 !important;\r
 374   }\r
 375   ul.page-sidebar-menu > li > a {\r
 376     border-top: 1px solid #187fbd !important;\r
 377   }\r
 378   ul.page-sidebar-menu > li:last-child > a {\r
 379     border-bottom: 0 !important;\r
 380   }\r
 381   .page-sidebar .sidebar-search input {\r
 382     background-color: #3d95c9 !important;\r
 383   }\r
 384   ul.page-sidebar-menu > li.open > a{\r
 385   border-bottom: 1px solid #187fbd !important;\r
 386   \r
 387   }\r
 388   ul.page-sidebar-menu > li > a:hover/*,\r
 389   ul.page-sidebar-menu > li:hover > a */{\r
 390     background: #0e4b70;\r
 391   }\r
 392   ul.page-sidebar-menu > li a i{\r
 393   color:#fff !important;\r
 394   }\r
 395   ul.page-sidebar-menu > li a{\r
 396   color:#fff !important;\r
 397   }\r
 398 }\r