Commit inicial Ventas Productivo
This commit is contained in:
JORGE LUIS CAUDILLO ESPARZA
19
Metronic/assets/admin/layout3/css/custom.css
Normal file
19
Metronic/assets/admin/layout3/css/custom.css
Normal file
@@ -0,0 +1,19 @@
|
||||
/* here you can put your own css to customize and override the theme */
|
||||
|
||||
/***
|
||||
Rounded Portlets
|
||||
***/
|
||||
/*
|
||||
.portlet {
|
||||
border-radius: 4px !important;
|
||||
}
|
||||
|
||||
.portlet .portlet-title {
|
||||
border-radius: 4px 4px 0px 0px !important;
|
||||
}
|
||||
|
||||
.portlet .portlet-body,
|
||||
.portlet .portlet-body .form-actions {
|
||||
border-radius: 0px 0px 4px 4px !important;
|
||||
}
|
||||
*/
|
||||
1894
Metronic/assets/admin/layout3/css/layout.css
Normal file
1894
Metronic/assets/admin/layout3/css/layout.css
Normal file
File diff suppressed because it is too large
Load Diff
1894
Metronic/assets/admin/layout3/css/layoutlight.css
Normal file
1894
Metronic/assets/admin/layout3/css/layoutlight.css
Normal file
File diff suppressed because it is too large
Load Diff
611
Metronic/assets/admin/layout3/css/themes/blue-hoki.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/blue-hoki.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #67809F !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #67809F;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #67809F;
|
||||
border-color: #67809F;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #67809F;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #67809F;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #67809F;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #7088a5;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #5e7694;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #5e7694;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #546984;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #586e8b;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #7088a5;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #7088a5;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #67809F !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #778da9 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #67809F;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #566c88;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #778da9;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/blue-steel.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/blue-steel.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #4B77BE !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #4B77BE;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #4B77BE;
|
||||
border-color: #4B77BE;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #4B77BE;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #4B77BE;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #4B77BE;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #567fc2;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #416db4;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #416db4;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #3a61a1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #3d66a8;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #567fc2;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #567fc2;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4B77BE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #5e85c5 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #4B77BE;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #3b64a5;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #5e85c5;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/default.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/default.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #4db3a4;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #4db3a4;
|
||||
border-color: #4db3a4;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background: none ;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #4db3a4;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #4db3a4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #4db3a4;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #58b8a9;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #46a597;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #46a597;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #3f9387;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #429a8d;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #58b8a9;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #58b8a9;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #4db3a4 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #5fbbad !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #4db3a4;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #40978a;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #5fbbad;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/green-haze.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/green-haze.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #44B6AE !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #44B6AE;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #44B6AE;
|
||||
border-color: #44B6AE;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #44B6AE;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #44B6AE;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #44B6AE;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #4dbcb5;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #3ea7a0;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #3ea7a0;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #38958e;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #3a9c95;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #4dbcb5;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #4dbcb5;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #44B6AE !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #54bfb8 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #44B6AE;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #399892;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #54bfb8;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/purple-plum.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/purple-plum.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #8775A7 !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #8775A7;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #8775A7;
|
||||
border-color: #8775A7;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #8775A7;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #8775A7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #8775A7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #8f7ead;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #7c699f;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #7c699f;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #705d91;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #746198;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #8f7ead;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #8f7ead;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8775A7 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #9585b1 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #8775A7;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #725f95;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #9585b1;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/purple-studio.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/purple-studio.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #8E44AD !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #8E44AD;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #8E44AD;
|
||||
border-color: #8E44AD;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #8E44AD;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #8E44AD;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #8E44AD;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #9749b7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #823e9e;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #823e9e;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #73378c;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #793a93;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #9749b7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #9749b7;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #8E44AD !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #9b50ba !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #8E44AD;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #763890;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #9b50ba;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/red-intense.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/red-intense.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #E35B5A !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #E35B5A;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #E35B5A;
|
||||
border-color: #E35B5A;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #E35B5A;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #E35B5A;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #E35B5A;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #e56867;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #e04a49;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #e04a49;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #dc3433;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #de3d3b;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #e56867;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #e56867;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E35B5A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #e77170 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #E35B5A;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #dd3837;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #e77170;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/red-sunglo.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/red-sunglo.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #E26A6A !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #E26A6A;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #E26A6A;
|
||||
border-color: #E26A6A;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #E26A6A;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #E26A6A;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #E26A6A;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #e47777;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #df5959;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #df5959;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #db4444;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #dc4c4c;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #e47777;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #e47777;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #E26A6A !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #e67f7f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #E26A6A;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #db4848;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #e67f7f;
|
||||
}
|
||||
BIN
Metronic/assets/admin/layout3/css/themes/vssver2.scc
Normal file
BIN
Metronic/assets/admin/layout3/css/themes/vssver2.scc
Normal file
Binary file not shown.
611
Metronic/assets/admin/layout3/css/themes/yellow-crusta.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/yellow-crusta.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #F3C200 !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #F3C200;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #F3C200;
|
||||
border-color: #F3C200;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #F3C200;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #F3C200;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #F3C200;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #ffcc03;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #dfb200;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #dfb200;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #c59d00;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #cfa500;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #ffcc03;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #ffcc03;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F3C200 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #ffce0d !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #F3C200;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #caa100;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #ffce0d;
|
||||
}
|
||||
611
Metronic/assets/admin/layout3/css/themes/yellow-orange.css
Normal file
611
Metronic/assets/admin/layout3/css/themes/yellow-orange.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/****
|
||||
Boby
|
||||
****/
|
||||
body {
|
||||
background-color: #fff;
|
||||
}
|
||||
body.page-md {
|
||||
background: white;
|
||||
}
|
||||
|
||||
/******
|
||||
General
|
||||
******/
|
||||
/* Theme Font Color */
|
||||
.theme-font {
|
||||
color: #F2784B !important;
|
||||
}
|
||||
|
||||
/* Pace - Page Progress */
|
||||
.pace .pace-progress {
|
||||
background: #F2784B;
|
||||
}
|
||||
|
||||
/* Theme Light Portlet */
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default {
|
||||
border-color: #bbc2ce;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
|
||||
font-size: 13px;
|
||||
color: #a6b0bf;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
|
||||
color: #fff;
|
||||
background: #F2784B;
|
||||
border-color: #F2784B;
|
||||
}
|
||||
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Header
|
||||
******/
|
||||
.page-header {
|
||||
background-color: #fff;
|
||||
/* Page Header Top */
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-top {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .page-header-top.fixed {
|
||||
background: #fff !important;
|
||||
box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav {
|
||||
/* Top Links */
|
||||
/* Separator */
|
||||
/* Extended Dropdowns */
|
||||
/* Notification */
|
||||
/* Inbox */
|
||||
/* Tasks */
|
||||
/* User */
|
||||
/* Language */
|
||||
/* Dark version */
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
|
||||
color: #C1CCD1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
|
||||
background-color: #f36a5a;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
|
||||
color: #a4b4bb;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
|
||||
border-left: 1px solid #E3E8EC;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
|
||||
border-bottom-color: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
|
||||
background: #f7f8fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
|
||||
color: #6f949c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
|
||||
color: #3175af;
|
||||
text-decoration: none;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
|
||||
border-bottom: 1px solid #EFF2F6 !important;
|
||||
color: #222222;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
|
||||
background: #f8f9fa;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #e4e4e4;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
|
||||
background-color: #F2784B;
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
|
||||
border-color: transparent transparent transparent #F2784B;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
|
||||
color: #5b9bd1;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
|
||||
background-color: #dfe2e9;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
|
||||
width: 195px;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
|
||||
color: #8ea3b6;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
|
||||
color: #7089a2;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
|
||||
background: #2e343b;
|
||||
border: 0;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
|
||||
border-bottom-color: #2e343b;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
|
||||
background: #272c33;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
|
||||
color: #87b6dd;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
|
||||
color: #aaafb7;
|
||||
border-bottom: 1px solid #3b434c !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
|
||||
color: #6FA7D7;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
|
||||
background: #373e47;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
|
||||
border-bottom: 0 !important;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
|
||||
background: #3b434c;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
|
||||
background: #23272d;
|
||||
}
|
||||
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
|
||||
background: #181b1e;
|
||||
}
|
||||
.page-header .page-header-menu {
|
||||
background: #444d58;
|
||||
/* Default Mega Menu */
|
||||
/* Light Mega Menu */
|
||||
/* Header seaech box */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #ced5de;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #ced5de;
|
||||
background: #5d6b7a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #606d7d;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #555;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
|
||||
color: #ffffff;
|
||||
background: #55616f;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
|
||||
color: #ffffff;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
|
||||
color: #333 !important;
|
||||
background: #fafafc !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
|
||||
color: #333 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
|
||||
color: #f1f1f1;
|
||||
background: #4E5966;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
|
||||
color: #BCC2CB;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
|
||||
box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
|
||||
background: #fafafc;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #000;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #000;
|
||||
background: #eaeaf2;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #6fa7d7;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
|
||||
background-color: #ededf4;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
|
||||
border: 1px solid #eaeaf2;
|
||||
border-top: 0;
|
||||
}
|
||||
.page-header .page-header-menu .search-form {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group {
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control {
|
||||
color: #616d7d;
|
||||
background: #38414c;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
|
||||
color: #5f6a7a;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
|
||||
color: #5f6a7a;
|
||||
}
|
||||
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
|
||||
color: #616d7d;
|
||||
}
|
||||
|
||||
/******
|
||||
Page Footer
|
||||
******/
|
||||
.page-prefooter {
|
||||
background: #48525e;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter h2 {
|
||||
color: #F2784B;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control {
|
||||
background: #343b44;
|
||||
border-color: #343b44;
|
||||
color: #a2abb7;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-moz-placeholder {
|
||||
color: #939eac;
|
||||
opacity: 1;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
|
||||
color: #939eac;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn {
|
||||
color: #fff;
|
||||
background-color: #f38359;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
color: #fff;
|
||||
background-color: #f16a38;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #f16a38;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
|
||||
background-image: none;
|
||||
background-color: #ef5820;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
|
||||
background-color: #f05f2a;
|
||||
}
|
||||
.open .page-prefooter .subscribe-form .btn.dropdown-toggle {
|
||||
background-image: none;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
|
||||
background-color: #f38359;
|
||||
}
|
||||
.page-prefooter .subscribe-form .btn .badge {
|
||||
color: #f38359;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #3b434c;
|
||||
color: #a2abb7;
|
||||
}
|
||||
|
||||
/* Scroll Top */
|
||||
.scroll-to-top > i {
|
||||
color: #657383;
|
||||
font-size: 32px;
|
||||
opacity: 0.7 ;
|
||||
filter: alpha(opacity=70) ;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
/* 992px */
|
||||
.page-header {
|
||||
/* Page Header Menu */
|
||||
}
|
||||
.page-header .page-header-menu.fixed {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9995;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
/* 991px */
|
||||
.page-header .page-header-menu {
|
||||
background: #eff3f8;
|
||||
/* Horizontal mega menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav {
|
||||
background: #fff !important;
|
||||
/* Mega menu content */
|
||||
/* Classic menu */
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
|
||||
box-shadow: none;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
|
||||
border-right: none !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
|
||||
color: #72808a;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {
|
||||
background: none !important;
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
|
||||
background: none !important;
|
||||
color: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
|
||||
color: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
|
||||
border: 0 !important;
|
||||
border-top: 1px solid #eee;
|
||||
box-shadow: none !important;
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
|
||||
border-bottom: 1px solid #F0F0F0;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
|
||||
margin-top: 1px;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
|
||||
color: #666 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
|
||||
background: none !important;
|
||||
color: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
|
||||
color: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
|
||||
color: #fff !important;
|
||||
background: #F2784B !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.active > a:after,
|
||||
.page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
|
||||
border: 0 !important;
|
||||
margin: 0 !important;
|
||||
color: #fff !important;
|
||||
background: #f48a63 !important;
|
||||
}
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
|
||||
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .form-control {
|
||||
background: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit {
|
||||
background: #F2784B;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit i {
|
||||
color: #fff !important;
|
||||
}
|
||||
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
|
||||
background: #ef5b25;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
/* 480px */
|
||||
.page-header {
|
||||
/* Top menu */
|
||||
}
|
||||
.page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu {
|
||||
background-color: #fff;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background-color: white;
|
||||
}
|
||||
.page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
|
||||
background: none;
|
||||
}
|
||||
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
/****
|
||||
CSS3 Spinner Bar
|
||||
****/
|
||||
.page-spinner-bar > div,
|
||||
.block-spinner-bar > div {
|
||||
background: #f48a63;
|
||||
}
|
||||
BIN
Metronic/assets/admin/layout3/css/vssver2.scc
Normal file
BIN
Metronic/assets/admin/layout3/css/vssver2.scc
Normal file
Binary file not shown.
BIN
Metronic/assets/admin/layout3/img/ajax-loading.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/ajax-loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
BIN
Metronic/assets/admin/layout3/img/ajax-modal-loading.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/ajax-modal-loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar.png
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar1.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar10.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar10.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar11.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar11.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar2.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar3.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar4.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar5.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar6.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar7.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar8.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar8.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/admin/layout3/img/avatar9.jpg
Normal file
BIN
Metronic/assets/admin/layout3/img/avatar9.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
Metronic/assets/admin/layout3/img/icon-color-close.png
Normal file
BIN
Metronic/assets/admin/layout3/img/icon-color-close.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
BIN
Metronic/assets/admin/layout3/img/icon-color.png
Normal file
BIN
Metronic/assets/admin/layout3/img/icon-color.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
Metronic/assets/admin/layout3/img/loading-spinner-blue.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/loading-spinner-blue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/admin/layout3/img/loading-spinner-default.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/loading-spinner-default.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/admin/layout3/img/loading-spinner-grey.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/loading-spinner-grey.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
Metronic/assets/admin/layout3/img/loading.gif
Normal file
BIN
Metronic/assets/admin/layout3/img/loading.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-big-white.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-big-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-big.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-big.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1011 B |
BIN
Metronic/assets/admin/layout3/img/logo-blue-hoki.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-blue-hoki.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-blue-steel.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-blue-steel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-default.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-green-haze.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-green-haze.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-purple-plum.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-purple-plum.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-purple-studio.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-purple-studio.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-red-intense.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-red-intense.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-red-sunglo.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-red-sunglo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-yellow-crusta.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-yellow-crusta.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo-yellow-orange.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo-yellow-orange.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
Metronic/assets/admin/layout3/img/logo.png
Normal file
BIN
Metronic/assets/admin/layout3/img/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
Metronic/assets/admin/layout3/img/menu-toggler.png
Normal file
BIN
Metronic/assets/admin/layout3/img/menu-toggler.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 966 B |
BIN
Metronic/assets/admin/layout3/img/vssver2.scc
Normal file
BIN
Metronic/assets/admin/layout3/img/vssver2.scc
Normal file
Binary file not shown.
178
Metronic/assets/admin/layout3/scripts/demo.js
Normal file
178
Metronic/assets/admin/layout3/scripts/demo.js
Normal file
@@ -0,0 +1,178 @@
|
||||
/**
|
||||
Demo script to handle the theme demo
|
||||
**/
|
||||
var Demo = function () {
|
||||
|
||||
// Handle Theme Settings
|
||||
var handleTheme = function () {
|
||||
|
||||
var panel = $('.theme-panel');
|
||||
|
||||
if ($('.page-head > .container-fluid').size() === 1) {
|
||||
$('.theme-setting-layout', panel).val("fluid");
|
||||
} else {
|
||||
$('.theme-setting-layout', panel).val("boxed");
|
||||
}
|
||||
|
||||
if ($('.top-menu li.dropdown.dropdown-dark').size() > 0) {
|
||||
$('.theme-setting-top-menu-style', panel).val("dark");
|
||||
} else {
|
||||
$('.theme-setting-top-menu-style', panel).val("light");
|
||||
}
|
||||
|
||||
if ($('body').hasClass("page-header-top-fixed")) {
|
||||
$('.theme-setting-top-menu-mode', panel).val("fixed");
|
||||
} else {
|
||||
$('.theme-setting-top-menu-mode', panel).val("not-fixed");
|
||||
}
|
||||
|
||||
if ($('.hor-menu.hor-menu-light').size() > 0) {
|
||||
$('.theme-setting-mega-menu-style', panel).val("light");
|
||||
} else {
|
||||
$('.theme-setting-mega-menu-style', panel).val("dark");
|
||||
}
|
||||
|
||||
if ($('body').hasClass("page-header-menu-fixed")) {
|
||||
$('.theme-setting-mega-menu-mode', panel).val("fixed");
|
||||
} else {
|
||||
$('.theme-setting-mega-menu-mode', panel).val("not-fixed");
|
||||
}
|
||||
|
||||
//handle theme layout
|
||||
var resetLayout = function () {
|
||||
$("body").
|
||||
removeClass("page-header-top-fixed").
|
||||
removeClass("page-header-menu-fixed");
|
||||
|
||||
$('.page-header-top > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-header-menu > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-head > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-content > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-prefooter > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
$('.page-footer > .container-fluid').removeClass("container-fluid").addClass('container');
|
||||
};
|
||||
|
||||
var setLayout = function () {
|
||||
|
||||
var layoutMode = $('.theme-setting-layout', panel).val();
|
||||
var headerTopMenuStyle = $('.theme-setting-top-menu-style', panel).val();
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuStyle = $('.theme-setting-mega-menu-style', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
resetLayout(); // reset layout to default state
|
||||
|
||||
if (layoutMode === "fluid") {
|
||||
$('.page-header-top > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-header-menu > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-head > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-content > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-prefooter > .container').removeClass("container").addClass('container-fluid');
|
||||
$('.page-footer > .container').removeClass("container").addClass('container-fluid');
|
||||
|
||||
//Metronic.runResizeHandlers();
|
||||
}
|
||||
|
||||
if (headerTopMenuStyle === 'dark') {
|
||||
$(".top-menu > .navbar-nav > li.dropdown").addClass("dropdown-dark");
|
||||
} else {
|
||||
$(".top-menu > .navbar-nav > li.dropdown").removeClass("dropdown-dark");
|
||||
}
|
||||
|
||||
if (headerTopMenuMode === 'fixed') {
|
||||
$("body").addClass("page-header-top-fixed");
|
||||
} else {
|
||||
$("body").removeClass("page-header-top-fixed");
|
||||
}
|
||||
|
||||
if (headerMegaMenuStyle === 'light') {
|
||||
$(".hor-menu").addClass("hor-menu-light");
|
||||
} else {
|
||||
$(".hor-menu").removeClass("hor-menu-light");
|
||||
}
|
||||
|
||||
if (headerMegaMenuMode === 'fixed') {
|
||||
$("body").addClass("page-header-menu-fixed");
|
||||
} else {
|
||||
$("body").removeClass("page-header-menu-fixed");
|
||||
}
|
||||
};
|
||||
|
||||
// handle theme colors
|
||||
var setColor = function (color) {
|
||||
var color_ = (Metronic.isRTL() ? color + '-rtl' : color);
|
||||
$('#style_color').attr("href", Layout.getLayoutCssPath() + 'themes/' + color_ + ".css");
|
||||
$('.page-logo img').attr("src", Layout.getLayoutImgPath() + 'logo-' + color + '.png');
|
||||
};
|
||||
|
||||
$('.theme-colors > li', panel).click(function () {
|
||||
var color = $(this).attr("data-theme");
|
||||
setColor(color);
|
||||
$('.theme-colors > li', panel).removeClass("active");
|
||||
$(this).addClass("active");
|
||||
});
|
||||
|
||||
$('.theme-setting-top-menu-mode', panel).change(function(){
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
if (headerMegaMenuMode === "fixed") {
|
||||
alert("The top menu and mega menu can not be fixed at the same time.");
|
||||
$('.theme-setting-mega-menu-mode', panel).val("not-fixed");
|
||||
headerTopMenuMode = 'not-fixed';
|
||||
}
|
||||
});
|
||||
|
||||
$('.theme-setting-mega-menu-mode', panel).change(function(){
|
||||
var headerTopMenuMode = $('.theme-setting-top-menu-mode', panel).val();
|
||||
var headerMegaMenuMode = $('.theme-setting-mega-menu-mode', panel).val();
|
||||
|
||||
if (headerTopMenuMode === "fixed") {
|
||||
alert("The top menu and mega menu can not be fixed at the same time.");
|
||||
$('.theme-setting-top-menu-mode', panel).val("not-fixed");
|
||||
headerTopMenuMode = 'not-fixed';
|
||||
}
|
||||
});
|
||||
|
||||
$('.theme-setting', panel).change(setLayout);
|
||||
|
||||
$('.theme-setting-layout', panel).change(function(){
|
||||
Index.redrawCharts(); // reload the chart on layout width change
|
||||
});
|
||||
};
|
||||
|
||||
// handle theme style
|
||||
var setThemeStyle = function(style) {
|
||||
var file = (style === 'rounded' ? 'components-rounded' : 'components');
|
||||
file = (Metronic.isRTL() ? file + '-rtl' : file);
|
||||
|
||||
$('#style_components').attr("href", Metronic.getGlobalCssPath() + file + ".css");
|
||||
|
||||
if ($.cookie) {
|
||||
$.cookie('layout-style-option', style);
|
||||
}
|
||||
|
||||
|
||||
};
|
||||
|
||||
return {
|
||||
|
||||
//main function to initiate the theme
|
||||
init: function() {
|
||||
// handles style customer tool
|
||||
handleTheme();
|
||||
|
||||
// handle layout style change
|
||||
$('.theme-panel .theme-setting-style').change(function() {
|
||||
setThemeStyle($(this).val());
|
||||
});
|
||||
|
||||
// set layout style from cookie
|
||||
if ($.cookie && $.cookie('layout-style-option') === 'rounded') {
|
||||
setThemeStyle($.cookie('layout-style-option'));
|
||||
$('.theme-panel .theme-setting-style').val($.cookie('layout-style-option'));
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
297
Metronic/assets/admin/layout3/scripts/layout.js
Normal file
297
Metronic/assets/admin/layout3/scripts/layout.js
Normal file
@@ -0,0 +1,297 @@
|
||||
/**
|
||||
Core script to handle the entire theme and core functions
|
||||
**/
|
||||
var Layout = function () {
|
||||
|
||||
var layoutImgPath = 'admin/layout3/img/';
|
||||
|
||||
var layoutCssPath = 'admin/layout3/css/';
|
||||
|
||||
var resBreakpointMd = Metronic.getResponsiveBreakpoint('md');
|
||||
|
||||
//* BEGIN:CORE HANDLERS *//
|
||||
// this function handles responsive layout on screen size resize or mobile device rotate.
|
||||
|
||||
// Handles header
|
||||
var handleHeader = function () {
|
||||
// handle search box expand/collapse
|
||||
$('.page-header').on('click', '.search-form', function (e) {
|
||||
$(this).addClass("open");
|
||||
$(this).find('.form-control').focus();
|
||||
|
||||
$('.page-header .search-form .form-control').on('blur', function (e) {
|
||||
$(this).closest('.search-form').removeClass("open");
|
||||
$(this).unbind("blur");
|
||||
});
|
||||
});
|
||||
|
||||
// handle hor menu search form on enter press
|
||||
$('.page-header').on('keypress', '.hor-menu .search-form .form-control', function (e) {
|
||||
if (e.which == 13) {
|
||||
$(this).closest('.search-form').submit();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
// handle header search button click
|
||||
$('.page-header').on('mousedown', '.search-form.open .submit', function (e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
$(this).closest('.search-form').submit();
|
||||
});
|
||||
|
||||
// handle scrolling to top on responsive menu toggler click when header is fixed for mobile view
|
||||
$('body').on('click', '.page-header-top-fixed .page-header-top .menu-toggler', function(){
|
||||
Metronic.scrollTop();
|
||||
});
|
||||
};
|
||||
|
||||
// Handles main menu
|
||||
var handleMainMenu = function () {
|
||||
|
||||
// handle menu toggler icon click
|
||||
$(".page-header .menu-toggler").on("click", function(event) {
|
||||
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||
var menu = $(".page-header .page-header-menu");
|
||||
if (menu.is(":visible")) {
|
||||
menu.slideUp(300);
|
||||
} else {
|
||||
menu.slideDown(300);
|
||||
}
|
||||
|
||||
if ($('body').hasClass('page-header-top-fixed')) {
|
||||
Metronic.scrollTop();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// handle sub dropdown menu click for mobile devices only
|
||||
$(".hor-menu .dropdown-submenu > a").on("click", function(e) {
|
||||
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||
if ($(this).next().hasClass('dropdown-menu')) {
|
||||
e.stopPropagation();
|
||||
if ($(this).parent().hasClass("open")) {
|
||||
$(this).parent().removeClass("open");
|
||||
$(this).next().hide();
|
||||
} else {
|
||||
$(this).parent().addClass("open");
|
||||
$(this).next().show();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// handle hover dropdown menu for desktop devices only
|
||||
if (Metronic.getViewPort().width >= resBreakpointMd) {
|
||||
$('.hor-menu [data-hover="megamenu-dropdown"]').not('.hover-initialized').each(function() {
|
||||
$(this).dropdownHover();
|
||||
$(this).addClass('hover-initialized');
|
||||
});
|
||||
}
|
||||
|
||||
// handle auto scroll to selected sub menu node on mobile devices
|
||||
$(document).on('click', '.hor-menu .menu-dropdown > a[data-hover="megamenu-dropdown"]', function() {
|
||||
if (Metronic.getViewPort().width < resBreakpointMd) {
|
||||
Metronic.scrollTo($(this));
|
||||
}
|
||||
});
|
||||
|
||||
// hold mega menu content open on click/tap.
|
||||
$(document).on('click', '.mega-menu-dropdown .dropdown-menu, .classic-menu-dropdown .dropdown-menu', function (e) {
|
||||
e.stopPropagation();
|
||||
});
|
||||
|
||||
// handle fixed mega menu(minimized)
|
||||
$(window).scroll(function() {
|
||||
var offset = 75;
|
||||
if ($('body').hasClass('page-header-menu-fixed')) {
|
||||
if ($(window).scrollTop() > offset){
|
||||
$(".page-header-menu").addClass("fixed");
|
||||
} else {
|
||||
$(".page-header-menu").removeClass("fixed");
|
||||
}
|
||||
}
|
||||
|
||||
if ($('body').hasClass('page-header-top-fixed')) {
|
||||
if ($(window).scrollTop() > offset){
|
||||
$(".page-header-top").addClass("fixed");
|
||||
} else {
|
||||
$(".page-header-top").removeClass("fixed");
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handle sidebar menu links
|
||||
var handleMainMenuActiveLink = function(mode, el) {
|
||||
var url = location.hash.toLowerCase();
|
||||
|
||||
var menu = $('.hor-menu');
|
||||
|
||||
if (mode === 'click' || mode === 'set') {
|
||||
el = $(el);
|
||||
} else if (mode === 'match') {
|
||||
menu.find("li > a").each(function() {
|
||||
var path = $(this).attr("href").toLowerCase();
|
||||
// url match condition
|
||||
if (path.length > 1 && url.substr(1, path.length - 1) == path.substr(1)) {
|
||||
el = $(this);
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (!el || el.size() == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (el.attr('href').toLowerCase() === 'javascript:;' || el.attr('href').toLowerCase() === '#') {
|
||||
return;
|
||||
}
|
||||
|
||||
// disable active states
|
||||
menu.find('li.active').removeClass('active');
|
||||
menu.find('li > a > .selected').remove();
|
||||
menu.find('li.open').removeClass('open');
|
||||
|
||||
el.parents('li').each(function () {
|
||||
$(this).addClass('active');
|
||||
|
||||
if ($(this).parent('ul.navbar-nav').size() === 1) {
|
||||
$(this).find('> a').append('<span class="selected"></span>');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
// Handles main menu on window resize
|
||||
var handleMainMenuOnResize = function() {
|
||||
// handle hover dropdown menu for desktop devices only
|
||||
var width = Metronic.getViewPort().width;
|
||||
var menu = $(".page-header-menu");
|
||||
|
||||
if (width >= resBreakpointMd && menu.data('breakpoint') !== 'desktop') {
|
||||
// reset active states
|
||||
$('.hor-menu [data-toggle="dropdown"].active').removeClass('open');
|
||||
|
||||
menu.data('breakpoint', 'desktop');
|
||||
$('.hor-menu [data-hover="megamenu-dropdown"]').not('.hover-initialized').each(function() {
|
||||
$(this).dropdownHover();
|
||||
$(this).addClass('hover-initialized');
|
||||
});
|
||||
$('.hor-menu .navbar-nav li.open').removeClass('open');
|
||||
$(".page-header-menu").css("display", "block");
|
||||
} else if (width < resBreakpointMd && menu.data('breakpoint') !== 'mobile') {
|
||||
// set active states as open
|
||||
$('.hor-menu [data-toggle="dropdown"].active').addClass('open');
|
||||
|
||||
menu.data('breakpoint', 'mobile');
|
||||
// disable hover bootstrap dropdowns plugin
|
||||
$('.hor-menu [data-hover="megamenu-dropdown"].hover-initialized').each(function() {
|
||||
$(this).unbind('hover');
|
||||
$(this).parent().unbind('hover').find('.dropdown-submenu').each(function() {
|
||||
$(this).unbind('hover');
|
||||
});
|
||||
$(this).removeClass('hover-initialized');
|
||||
});
|
||||
} else if (width < resBreakpointMd) {
|
||||
//$(".page-header-menu").css("display", "none");
|
||||
}
|
||||
};
|
||||
|
||||
var handleContentHeight = function() {
|
||||
var height;
|
||||
|
||||
if ($('body').height() < Metronic.getViewPort().height) {
|
||||
height = Metronic.getViewPort().height -
|
||||
$('.page-header').outerHeight() -
|
||||
($('.page-container').outerHeight() - $('.page-content').outerHeight()) -
|
||||
$('.page-prefooter').outerHeight() -
|
||||
$('.page-footer').outerHeight();
|
||||
|
||||
$('.page-content').css('min-height', height);
|
||||
}
|
||||
};
|
||||
|
||||
// Handles the go to top button at the footer
|
||||
var handleGoTop = function () {
|
||||
var offset = 100;
|
||||
var duration = 500;
|
||||
|
||||
if (navigator.userAgent.match(/iPhone|iPad|iPod/i)) { // ios supported
|
||||
$(window).bind("touchend touchcancel touchleave", function(e){
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$('.scroll-to-top').fadeIn(duration);
|
||||
} else {
|
||||
$('.scroll-to-top').fadeOut(duration);
|
||||
}
|
||||
});
|
||||
} else { // general
|
||||
$(window).scroll(function() {
|
||||
if ($(this).scrollTop() > offset) {
|
||||
$('.scroll-to-top').fadeIn(duration);
|
||||
} else {
|
||||
$('.scroll-to-top').fadeOut(duration);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$('.scroll-to-top').click(function(e) {
|
||||
e.preventDefault();
|
||||
$('html, body').animate({scrollTop: 0}, duration);
|
||||
return false;
|
||||
});
|
||||
};
|
||||
|
||||
//* END:CORE HANDLERS *//
|
||||
|
||||
return {
|
||||
|
||||
// Main init methods to initialize the layout
|
||||
// IMPORTANT!!!: Do not modify the core handlers call order.
|
||||
|
||||
initHeader: function() {
|
||||
handleHeader(); // handles horizontal menu
|
||||
handleMainMenu(); // handles menu toggle for mobile
|
||||
Metronic.addResizeHandler(handleMainMenuOnResize); // handle main menu on window resize
|
||||
|
||||
if (Metronic.isAngularJsApp()) {
|
||||
handleMainMenuActiveLink('match'); // init sidebar active links
|
||||
}
|
||||
},
|
||||
|
||||
initContent: function() {
|
||||
handleContentHeight(); // handles content height
|
||||
},
|
||||
|
||||
initFooter: function() {
|
||||
handleGoTop(); //handles scroll to top functionality in the footer
|
||||
},
|
||||
|
||||
init: function () {
|
||||
this.initHeader();
|
||||
this.initContent();
|
||||
this.initFooter();
|
||||
},
|
||||
|
||||
setMainMenuActiveLink: function(mode, el) {
|
||||
handleMainMenuActiveLink(mode, el);
|
||||
},
|
||||
|
||||
closeMainMenu: function() {
|
||||
$('.hor-menu').find('li.open').removeClass('open');
|
||||
|
||||
if (Metronic.getViewPort().width < resBreakpointMd && $('.page-header-menu').is(":visible")) { // close the menu on mobile view while laoding a page
|
||||
$('.page-header .menu-toggler').click();
|
||||
}
|
||||
},
|
||||
|
||||
getLayoutImgPath: function() {
|
||||
return Metronic.getAssetsPath() + layoutImgPath;
|
||||
},
|
||||
|
||||
getLayoutCssPath: function() {
|
||||
return Metronic.getAssetsPath() + layoutCssPath;
|
||||
}
|
||||
};
|
||||
|
||||
}();
|
||||
1
Metronic/assets/admin/layout3/scripts/quick-nav.min.js
vendored
Normal file
1
Metronic/assets/admin/layout3/scripts/quick-nav.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var QuickNav = function () { return { init: function () { if ($(".quick-nav").length > 0) { var i = $(".quick-nav"); i.each(function () { var i = $(this), n = i.find(".quick-nav-trigger"); n.on("click", function (n) { n.preventDefault(), i.toggleClass("nav-is-visible") }) }), $(document).on("click", function (n) { !$(n.target).is(".quick-nav-trigger") && !$(n.target).is(".quick-nav-trigger span") && i.removeClass("nav-is-visible") }) } } } }(); QuickNav.init();
|
||||
1
Metronic/assets/admin/layout3/scripts/quick-sidebar.min.js
vendored
Normal file
1
Metronic/assets/admin/layout3/scripts/quick-sidebar.min.js
vendored
Normal file
@@ -0,0 +1 @@
|
||||
var QuickSidebar = function () { var i = function () { $(".dropdown-quick-sidebar-toggler a, .page-quick-sidebar-toggler, .quick-sidebar-toggler").click(function (i) { $("body").toggleClass("page-quick-sidebar-open") }) }, a = function () { var i = $(".page-quick-sidebar-wrapper"), a = i.find(".page-quick-sidebar-chat"), e = function () { var e, t = i.find(".page-quick-sidebar-chat-users"); e = i.height() - i.find(".nav-tabs").outerHeight(!0), App.destroySlimScroll(t), t.attr("data-height", e), App.initSlimScroll(t); var r = a.find(".page-quick-sidebar-chat-user-messages"), s = e - a.find(".page-quick-sidebar-chat-user-form").outerHeight(!0); s -= a.find(".page-quick-sidebar-nav").outerHeight(!0), App.destroySlimScroll(r), r.attr("data-height", s), App.initSlimScroll(r) }; e(), App.addResizeHandler(e), i.find(".page-quick-sidebar-chat-users .media-list > .media").click(function () { a.addClass("page-quick-sidebar-content-item-shown") }), i.find(".page-quick-sidebar-chat-user .page-quick-sidebar-back-to-list").click(function () { a.removeClass("page-quick-sidebar-content-item-shown") }); var t = function (i) { i.preventDefault(); var e = a.find(".page-quick-sidebar-chat-user-messages"), t = a.find(".page-quick-sidebar-chat-user-form .form-control"), r = t.val(); if (0 !== r.length) { var s = function (i, a, e, t, r) { var s = ""; return s += '<div class="post ' + i + '">', s += '<img class="avatar" alt="" src="' + Layout.getLayoutImgPath() + t + '.jpg"/>', s += '<div class="message">', s += '<span class="arrow"></span>', s += '<a href="#" class="name">Bob Nilson</a> ', s += '<span class="datetime">' + a + "</span>", s += '<span class="body">', s += r, s += "</span>", s += "</div>", s += "</div>" }, n = new Date, c = s("out", n.getHours() + ":" + n.getMinutes(), "Bob Nilson", "avatar3", r); c = $(c), e.append(c), e.slimScroll({ scrollTo: "1000000px" }), t.val(""), setTimeout(function () { var i = new Date, a = s("in", i.getHours() + ":" + i.getMinutes(), "Ella Wong", "avatar2", "Lorem ipsum doloriam nibh..."); a = $(a), e.append(a), e.slimScroll({ scrollTo: "1000000px" }) }, 3e3) } }; a.find(".page-quick-sidebar-chat-user-form .btn").click(t), a.find(".page-quick-sidebar-chat-user-form .form-control").keypress(function (i) { return 13 == i.which ? (t(i), !1) : void 0 }) }, e = function () { var i = $(".page-quick-sidebar-wrapper"), a = function () { var a, e = i.find(".page-quick-sidebar-alerts-list"); a = i.height() - 80 - i.find(".nav-justified > .nav-tabs").outerHeight(), App.destroySlimScroll(e), e.attr("data-height", a), App.initSlimScroll(e) }; a(), App.addResizeHandler(a) }, t = function () { var i = $(".page-quick-sidebar-wrapper"), a = function () { var a, e = i.find(".page-quick-sidebar-settings-list"); a = i.height() - 80 - i.find(".nav-justified > .nav-tabs").outerHeight(), App.destroySlimScroll(e), e.attr("data-height", a), App.initSlimScroll(e) }; a(), App.addResizeHandler(a) }; return { init: function () { i(), a(), e(), t() } } }(); App.isAngularJsApp() === !1 && jQuery(document).ready(function () { QuickSidebar.init() });
|
||||
BIN
Metronic/assets/admin/layout3/scripts/vssver2.scc
Normal file
BIN
Metronic/assets/admin/layout3/scripts/vssver2.scc
Normal file
Binary file not shown.
Reference in New Issue
Block a user