2 * Copyright 2016-2017, CMCC Technologies Co., Ltd.
\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
8 * http://www.apache.org/licenses/LICENSE-2.0
\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
21 Reset and overrides
\r
24 background-color: #fafafa !important;
\r
30 filter: none !important;
\r
31 background-image: none !important;
\r
32 background-color: #434343 !important;
\r
34 .header .btn-navbar {
\r
35 background-color: #434343 !important;
\r
37 .header .navbar-nav .dropdown-toggle:hover,
\r
38 .header .navbar-nav .dropdown.open .dropdown-toggle {
\r
39 background-color: #4f4f4f !important;
\r
41 .header .navbar-nav li.dropdown .dropdown-toggle i {
\r
42 color: #808080 !important;
\r
44 .btn-group .btn.blue.dropdown-toggle{
\r
45 background-color: #28b779 !important;
\r
47 .page-content .page-breadcrumb.breadcrumb{
\r
48 background-color:#F5F5F5 !important;
\r
53 .header .search-form {
\r
54 background-color: #3a3a3a;
\r
57 .header .search-form .form-control{
\r
60 background-color: #3a3a3a;
\r
63 .header .search-form .submit {
\r
64 background: url(../../image/search-icon.png);
\r
69 .header .hor-menu ul.nav li a {
\r
73 .header .hor-menu ul.nav li.open > a,
\r
74 .header .hor-menu ul.nav li > a:hover,
\r
75 .header .hor-menu ul.nav li > a:focus {
\r
77 background: #4f4f4f;
\r
80 .header .hor-menu .dropdown-menu li:hover > a,
\r
81 .header .hor-menu ul.nav li.active > a,
\r
82 .header .hor-menu ul.nav li.active > a:hover {
\r
84 background: #51b88b !important;
\r
86 .header.navbar .hor-menu ul.nav li.current .selected,
\r
87 .header.navbar .hor-menu ul.nav li.active .selected {
\r
88 border-top: 6px solid #51b88b;
\r
91 .header .hor-menu ul.nav li.current > a,
\r
92 .header .hor-menu ul.nav li.current > a:hover {
\r
94 background: #e02222 !important;
\r
97 .header .hor-menu .dropdown-menu {
\r
98 background: #4f4f4f;
\r
100 .header .hor-menu .dropdown-menu li > a {
\r
104 .header .hor-menu .hor-menu-search-form-toggler.off {
\r
105 background: #4f4f4f url(../../image/hor-menu-search-close-white.png) no-repeat center;
\r
108 .header .hor-menu .search-form {
\r
109 background:#4f4f4f;
\r
112 .header .hor-menu .search-form form input {
\r
116 .header .hor-menu .search-form .btn {
\r
118 background: url(../../image/search-icon-white.png) no-repeat center;
\r
121 .header .hor-menu .search-form form input::-webkit-input-placeholder { /* WebKit browsers */
\r
124 .header .hor-menu .search-form form input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
\r
127 .header .hor-menu .search-form form input::-moz-placeholder { /* Mozilla Firefox 19+ */
\r
130 .header .hor-menu .search-form form input:-ms-input-placeholder { /* Internet Explorer 10+ */
\r
137 .mega-menu .mega-menu-submenu {
\r
138 border-right: 1px solid #656565;
\r
141 .mega-menu .mega-menu-submenu li h3 {
\r
149 border-left: 1px solid #e2e2e2 !important;
\r
150 border-bottom: 1px solid #e2e2e2 !important;
\r
152 .page-sidebar-reversed .page-content {
\r
154 border-right: 1px solid #e2e2e2 !important;
\r
157 background-color: #fafafa;
\r
159 .page-sidebar-fixed .page-content {
\r
160 border: 0 !important;
\r
162 .page-sidebar-fixed .page-sidebar {
\r
163 border-right: 1px solid #e2e2e2 !important;
\r
167 ul.page-sidebar-menu > li > a {
\r
168 border-top: 1px solid #e2e2e2 !important;
\r
169 color: #000 !important;
\r
173 ul.page-sidebar-menu > li:first-child > a {
\r
174 border-top: 1px solid transparent !important;
\r
177 ul.page-sidebar-menu > li:last-child > a {
\r
178 border-bottom: 1px solid transparent !important;
\r
181 ul.page-sidebar-menu > li a i {
\r
182 color: #bbb !important;
\r
184 ul.page-sidebar-menu > li.open > a,
\r
185 ul.page-sidebar-menu > li > a:hover,
\r
186 ul.page-sidebar-menu > li:hover > a {
\r
188 border-top: 1px solid #e8e8e8;
\r
190 ul.page-sidebar-menu > li.active > a .selected {
\r
195 background-image: url("../../image/sidebar-menu-arrow-green.png");
\r
197 .page-sidebar-reversed ul.page-sidebar-menu > li.active > a .selected {
\r
200 background-image: url("../../image/sidebar-menu-arrow-green-reverse.png");
\r
202 ul.page-sidebar-menu > li.active i {
\r
203 color: #fff !important;
\r
205 .page-sidebar-fixed ul.page-sidebar-menu > li.active > a .selected {
\r
208 ul.page-sidebar-menu > li.active > a{
\r
209 background: #28b779 !important;
\r
210 border-top-color: transparent !important;
\r
211 color:#fff !important;
\r
213 ul.page-sidebar-menu > li.active > a i {
\r
216 ul.page-sidebar-menu > li > a > .arrow:before,
\r
217 ul.page-sidebar-menu > li > a > .arrow.open:before {
\r
218 color: #ccc !important;
\r
220 ul.page-sidebar-menu > li.active > a .arrow:before,
\r
221 ul.page-sidebar-menu > li.active > a .arrow.open:before {
\r
222 color: #fff !important;
\r
224 ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
\r
225 border-top: 0px !important;
\r
228 ul.page-sidebar-menu ul.sub-menu > li > a {
\r
229 font-weight: 400 !important;
\r
230 color: #333 !important;
\r
232 ul.page-sidebar-menu ul.sub-menu > li.active > a,
\r
233 ul.page-sidebar-menu ul.sub-menu > li > a:hover {
\r
234 color: #818181 !important;
\r
235 background: #efefef !important;
\r
238 ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
\r
239 ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
\r
240 color: #ccc !important;
\r
243 /* sub menu links effects */
\r
244 ul.page-sidebar-menu ul.sub-menu > li.active > a,
\r
245 ul.page-sidebar-menu ul.sub-menu > li > a:hover,
\r
246 ul.page-sidebar-menu ul.sub-menu > li.open > a {
\r
247 color: #818181 !important;
\r
248 background: #efefef !important;
\r
250 ul.page-sidebar-menu ul.sub-menu > li > a i {
\r
251 color: #bbb !important;
\r
254 /* sidebar search */
\r
255 .page-sidebar .sidebar-search input {
\r
256 background-color: #fbfbfb !important;
\r
257 color: #727272 !important;
\r
259 .page-sidebar .sidebar-search input::-webkit-input-placeholder {
\r
260 color: #aaa !important;
\r
262 .page-sidebar .sidebar-search input:-moz-placeholder {
\r
263 color: #aaa !important;
\r
265 .page-sidebar .sidebar-search input:-ms-input-placeholder {
\r
266 color: #aaa !important;
\r
268 .page-sidebar .sidebar-search .input-box {
\r
269 border-bottom: 1px solid #e2e2e2 !important;
\r
271 .page-sidebar .sidebar-search .submit {
\r
272 background-image: url(../../image/search-icon-white.png);
\r
278 .sidebar-toggler {
\r
279 background-image: url(../../image/sidebar-toggler-light.jpg);
\r
280 background-color: #333;
\r
282 /* search box bg color on expanded */
\r
283 .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
\r
284 background-color: #fbfbfb !important;
\r
286 .page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
\r
287 background-image: url("../../image/sidebar-search-close-light.png");
\r
289 /* sub menu bg color on hover menu item */
\r
290 .page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
\r
291 background-color: #fbfbfb;
\r
296 .footer .footer-inner {
\r
299 .footer .footer-tools .go-top {
\r
300 background-color: #666666;
\r
302 .footer .footer-tools .go-top:hover {
\r
304 filter: alpha(opacity=70);
\r
306 .footer .footer-tools .go-top i {
\r
310 Footer Layouts (new in v1.3)
\r
312 /* begin:fixed footer */
\r
313 .page-footer-fixed .footer {
\r
314 background-color: #434343;
\r
316 .page-footer-fixed .footer .footer-inner {
\r
319 .page-footer-fixed .footer .footer-tools .go-top {
\r
320 background-color: #666666;
\r
322 .page-footer-fixed .footer .footer-tools .go-top i {
\r
325 /* end:fixed footer */
\r
327 Gritter Notifications
\r
330 background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -30px !important;
\r
333 background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left bottom !important;
\r
337 background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left -40px !important;
\r
340 background: url(../../thirdparty/gritter/images/gritter.png) no-repeat left top !important;
\r
343 text-shadow: none !important;
\r
344 /* Not supported by IE :( */
\r
347 /* for the light (white) version of the gritter notice */
\r
348 .gritter-light .gritter-item,
\r
349 .gritter-light .gritter-bottom,
\r
350 .gritter-light .gritter-top,
\r
351 .gritter-light .gritter-close {
\r
352 background-image: url(../../thirdparty/gritter/images/gritter-light.png) !important;
\r
354 .gritter-item-wrapper a {
\r
357 .gritter-item-wrapper a:hover {
\r
360 /* begin: boxed page */
\r
361 @media (min-width: 992px) {
\r
363 background-color: #E8E8E8 !important;
\r
365 .page-boxed .page-container {
\r
366 background-color: #fafafa;
\r
367 border-left: 1px solid #e2e2e2;
\r
368 border-bottom: 1px solid #e2e2e2;
\r
370 .page-sidebar-reversed.page-boxed .page-container {
\r
372 border-right: 1px solid #e2e2e2;
\r
374 .page-boxed.page-sidebar-fixed .page-container {
\r
378 .page-boxed.page-sidebar-fixed .page-sidebar {
\r
379 border-left: 1px solid #e2e2e2;
\r
381 .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
\r
382 border-right: 1px solid #e2e2e2;
\r
385 .page-boxed.page-sidebar-fixed.page-footer-fixed .footer {
\r
386 background-color: #E8E8E8 !important;
\r
389 /* end: boxed page */
\r
391 Landscape phone to portrait tablet
\r
393 @media (max-width: 991px) {
\r
398 background-color: #f1f1f1 !important;
\r
399 border-right: none !important;
\r
401 .page-sidebar-fixed .page-sidebar {
\r
402 border-right: none !important;
\r
405 border-left: none !important;
\r
407 ul.page-sidebar-menu > li > a {
\r
408 border-top: 1px solid #ccc !important;
\r
410 ul.page-sidebar-menu > li:last-child > a {
\r
411 border-bottom: 0 !important;
\r
414 ul.page-sidebar-menu > li.open > a,
\r
415 ul.page-sidebar-menu > li > a:hover {
\r
416 color: #666666 !important;
\r
417 background-color: #dddddd !important;
\r
419 ul.page-sidebar-menu > li.open > a {
\r
420 border-bottom-color: transparent !important;
\r
422 ul.page-sidebar-menu > li.active > a {
\r
423 color: #ffffff !important;
\r
424 background-color: #28b779 !important;
\r
427 ul.page-sidebar-menu ul.sub-menu > li > a {
\r
428 color: #111 !important;
\r
431 ul.page-sidebar-menu ul.sub-menu > li.open > a,
\r
432 ul.page-sidebar-menu ul.sub-menu > li.active > a,
\r
433 ul.page-sidebar-menu ul.sub-menu > li > a:hover {
\r
434 color: #666666 !important;
\r
435 background: #dddddd !important;
\r
438 .page-sidebar .sidebar-search input {
\r
439 background-color: #f1f1f1 !important;
\r
440 color: #ccc !important;
\r
443 .page-sidebar .sidebar-search .input-box {
\r
444 border-bottom-color: #ccc !important;
\r
446 .page-sidebar .sidebar-search input::-webkit-input-placeholder {
\r
447 color: #ccc !important;
\r
449 .page-sidebar .sidebar-search input:-moz-placeholder {
\r
450 color: #ccc !important;
\r
452 .page-sidebar .sidebar-search input:-ms-input-placeholder {
\r
453 color: #ccc !important;
\r
461 background-color: #434343;
\r
464 .footer .footer-inner {
\r
467 .footer .footer-tools .go-top {
\r
468 background-color: #666666;
\r
470 .footer .footer-tools .go-top i {
\r
475 @media (max-width: 767px) {
\r
477 background-color: #333 !important;
\r