You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1365 lines
36 KiB
CSS
1365 lines
36 KiB
CSS
2 months ago
|
.skin-1 {
|
||
|
|
background-color: #4a4f56;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .navbar {
|
||
|
|
background: #2c6aa0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar, .skin-1 .sidebar:before {
|
||
|
|
background-color: #222a2d;
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li {
|
||
|
|
border-color: #3f4e54;
|
||
|
|
border-top-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > a, .skin-1 .menu-min .nav-list > li.open > a {
|
||
|
|
background-color: #222a2d;
|
||
|
|
color: #b1bac1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li:hover > a {
|
||
|
|
background-color: #414b51;
|
||
|
|
color: #e1eaf1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > a > .arrow {
|
||
|
|
color: #b1bac1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.open > a > .arrow {
|
||
|
|
color: #85c0ec;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu > li > a {
|
||
|
|
border-top-color: #afbdc9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active .submenu > li > a {
|
||
|
|
border-top-color: #70818e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list li.active > a:after {
|
||
|
|
border-right-color: #FFF;
|
||
|
|
border-width: 16px 10px;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active.open > ul.submenu > li.active > a:after {
|
||
|
|
top: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active > a:after {
|
||
|
|
border-width: 10px 6px;
|
||
|
|
top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
border-right-color: #242a2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.open > a, .skin-1 .nav-list > li.open > a:hover {
|
||
|
|
color: #85c0ec;
|
||
|
|
background-color: #222a2d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active > a, .skin-1 .nav-list > li.active > a:hover, .skin-1 .menu-min .nav-list > li.active > a, .skin-1 .menu-min .nav-list > li.active > a:hover {
|
||
|
|
background-color: #141a1b;
|
||
|
|
color: #55a0dc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > ul.submenu {
|
||
|
|
background-color: #3a4344;
|
||
|
|
border-top-color: #5a6364;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active > ul.submenu {
|
||
|
|
background-color: #141a1b;
|
||
|
|
border-top-color: #2f3e44;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li > a {
|
||
|
|
color: #d1dae1;
|
||
|
|
border-bottom-color: #5a6364;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li:first-child > a {
|
||
|
|
border-top-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li > a:hover {
|
||
|
|
color: #8ab4de;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li.active > a {
|
||
|
|
color: #55a0dc;
|
||
|
|
border-bottom-color: #2f3e44;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li:hover > a {
|
||
|
|
color: #e1eaf1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li > a > .menu-text {
|
||
|
|
background-color: #414b51;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
background-color: #242a2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active:hover > a, .skin-1 .menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
color: #55a0dc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li > a.active, .skin-1 .menu-min .nav-list > li.open.active > a {
|
||
|
|
background-color: #141a1b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li > a > .menu-text, .skin-1 .menu-min .nav-list > li > ul.submenu {
|
||
|
|
border-color: #3f4e54;
|
||
|
|
margin-top: 1px;
|
||
|
|
border-left-color: #242a2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li:before, .skin-1 .nav-list > li > .submenu:before {
|
||
|
|
border-color: #929ba3;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active > .submenu > li:before, .skin-1 .nav-list > li.active > .submenu:before {
|
||
|
|
border-color: #3f4e54;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
|
||
|
|
border-bottom-color: #5a606a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar-collapse {
|
||
|
|
background-color: #141a1b;
|
||
|
|
border-color: #3f4e54;
|
||
|
|
border-top-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar-collapse:before {
|
||
|
|
border-color: #3f4e54;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar-collapse > [class*="icon-"] {
|
||
|
|
background-color: #222a2d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar-shortcuts, .skin-1 .sidebar-shortcuts-mini {
|
||
|
|
background-color: #141a1b;
|
||
|
|
border-color: #3f4e54;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .sidebar > .nav-search {
|
||
|
|
background-color: #141a1b;
|
||
|
|
border-color: #3f4e54;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .sidebar-shortcuts-large {
|
||
|
|
background-color: #141a1b;
|
||
|
|
box-shadow: none;
|
||
|
|
border: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .breadcrumbs {
|
||
|
|
border: 0;
|
||
|
|
background-color: #f0f0f0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width:991px) {
|
||
|
|
.skin-1 .sidebar {
|
||
|
|
border: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active.open > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li > .submenu a {
|
||
|
|
border-top-color: #7b858c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li.active > .submenu > li > .submenu a {
|
||
|
|
border-top-color: #545b60;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu > li a {
|
||
|
|
color: #d1dae1;
|
||
|
|
font-size: 13px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu > li a:hover {
|
||
|
|
color: #8ab4de;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child {
|
||
|
|
color: #55a0dc;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li.open > a, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a {
|
||
|
|
color: #85c0ec;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child, .skin-1 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu li.active > a {
|
||
|
|
color: #61a8dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > .submenu li.active > a:hover {
|
||
|
|
color: #85c0ec;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li .submenu li > a > .arrow {
|
||
|
|
color: #BBB;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-1 .nav-list > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > a:hover > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow, .skin-1 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 {
|
||
|
|
background-color: #5c5c5c;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .navbar {
|
||
|
|
background: #c6487e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar, .skin-2 .sidebar:before {
|
||
|
|
background-color: #505050;
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li {
|
||
|
|
border-color: #444;
|
||
|
|
border-top-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:last-child {
|
||
|
|
border-bottom-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a, .skin-2 .menu-min .nav-list > li.open > a, .skin-2 .nav-list .open > a, .skin-2 .nav-list .open > a:hover, .skin-2 .nav-list .open > a:focus {
|
||
|
|
background-color: #393939;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > a {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a:hover:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list li.active > a:after {
|
||
|
|
border-right-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > a:after, .skin-2 .nav-list > li.active > .submenu > li.active > a:after {
|
||
|
|
top: 2px;
|
||
|
|
right: 0;
|
||
|
|
border-width: 16px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li.active > a:after {
|
||
|
|
border-width: 10px 6px;
|
||
|
|
top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
border-right-color: #292929;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
|
||
|
|
border-right-color: #FFF;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu {
|
||
|
|
background-color: #303030;
|
||
|
|
border-top-color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > .submenu {
|
||
|
|
background-color: #222;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li:first-child > a {
|
||
|
|
border-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > a {
|
||
|
|
color: #CCC;
|
||
|
|
border-bottom-color: #555;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a > .menu-text {
|
||
|
|
color: #DDD;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a:hover > .menu-text {
|
||
|
|
color: rgba(0,0,0,0.5);
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > a:hover > .menu-text {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a > .arrow {
|
||
|
|
color: #AAA;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a:hover > .arrow {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li > a > .menu-text {
|
||
|
|
color: #FFF;
|
||
|
|
font-weight: bold;
|
||
|
|
opacity: 1;
|
||
|
|
filter: alpha(opacity=100);
|
||
|
|
background-color: #292929;
|
||
|
|
border: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
|
||
|
|
margin-top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
|
||
|
|
margin-top: 0;
|
||
|
|
background-color: #292929;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li > ul.submenu {
|
||
|
|
box-shadow: none;
|
||
|
|
border: 0;
|
||
|
|
background-color: #303030;
|
||
|
|
margin-left: 1px;
|
||
|
|
margin-top: 1px;
|
||
|
|
border-left: 1px solid #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu > li > a:hover {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu > li:before, .skin-2 .nav-list > li > ul.submenu > li:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu > li > a {
|
||
|
|
padding-left: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a, .skin-2 .menu-min .nav-list > li > a > .menu-text {
|
||
|
|
color: #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(1) > a, .skin-2 .menu-min .nav-list > li:nth-child(1) > a > .menu-text {
|
||
|
|
color: #00be67;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(2) > a, .skin-2 .menu-min .nav-list > li:nth-child(2) > a > .menu-text {
|
||
|
|
color: #5ed02b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(3) > a, .skin-2 .menu-min .nav-list > li:nth-child(3) > a > .menu-text {
|
||
|
|
color: #a7d700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(4) > a, .skin-2 .menu-min .nav-list > li:nth-child(4) > a > .menu-text {
|
||
|
|
color: #cee100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(5) > a, .skin-2 .menu-min .nav-list > li:nth-child(5) > a > .menu-text {
|
||
|
|
color: #f8c600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(6) > a, .skin-2 .menu-min .nav-list > li:nth-child(6) > a > .menu-text {
|
||
|
|
color: #ffab00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(7) > a, .skin-2 .menu-min .nav-list > li:nth-child(7) > a > .menu-text {
|
||
|
|
color: #ff6e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(8) > a, .skin-2 .menu-min .nav-list > li:nth-child(8) > a > .menu-text {
|
||
|
|
color: #f21c30;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(9) > a, .skin-2 .menu-min .nav-list > li:nth-child(9) > a > .menu-text {
|
||
|
|
color: #ee218b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(10) > a, .skin-2 .menu-min .nav-list > li:nth-child(10) > a > .menu-text {
|
||
|
|
color: #c55ee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(11) > a, .skin-2 .menu-min .nav-list > li:nth-child(11) > a > .menu-text {
|
||
|
|
color: #218bee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(12) > a, .skin-2 .menu-min .nav-list > li:nth-child(12) > a > .menu-text {
|
||
|
|
color: #2ecee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li.active > a > [class*="icon-"], .skin-2 .nav-list > li:not(.active):hover > a > [class*="icon-"] {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > a > .menu-text {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > ul.submenu {
|
||
|
|
background-color: #222;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu:before {
|
||
|
|
display: block;
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
z-index: auto;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
background-color: #393939;
|
||
|
|
opacity: .12;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge:not(.badge-transparent), .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label:not(.label-transparent) {
|
||
|
|
background-color: rgba(0,0,0,0.5)!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent, .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent {
|
||
|
|
color: rgba(255,255,255,0.75)!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent [class*="icon-"], .skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent [class*="icon-"] {
|
||
|
|
color: rgba(255,255,255,0.75)!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > a:hover, .skin-2 .menu-min .nav-list > li:hover > a, .skin-2 .menu-min .nav-list > li.active > a {
|
||
|
|
background-color: #c6487e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu:before {
|
||
|
|
background-color: #35262d;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(1) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(1):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(1) > a, .skin-2 .nav-list > li:nth-child(1) > ul.submenu:before {
|
||
|
|
background-color: #00be67;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(2) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(2):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(2) > a, .skin-2 .nav-list > li:nth-child(2) > ul.submenu:before {
|
||
|
|
background-color: #5ed02b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(3) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(3):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(3) > a, .skin-2 .nav-list > li:nth-child(3) > ul.submenu:before {
|
||
|
|
background-color: #a7d700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(4) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(4):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(4) > a, .skin-2 .nav-list > li:nth-child(4) > ul.submenu:before {
|
||
|
|
background-color: #cee100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(5) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(5):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(5) > a, .skin-2 .nav-list > li:nth-child(5) > ul.submenu:before {
|
||
|
|
background-color: #f8c600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(6) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(6):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(6) > a, .skin-2 .nav-list > li:nth-child(6) > ul.submenu:before {
|
||
|
|
background-color: #ffab00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(7) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(7):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(7) > a, .skin-2 .nav-list > li:nth-child(7) > ul.submenu:before {
|
||
|
|
background-color: #ff6e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(8) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(8):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(8) > a, .skin-2 .nav-list > li:nth-child(8) > ul.submenu:before {
|
||
|
|
background-color: #f21c30;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(9) > a:hover, .skin-2 .menu-min .nav-listli:nth-child(9):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(9) > a, .skin-2 .nav-list > li:nth-child(9) > ul.submenu:before {
|
||
|
|
background-color: #ee218b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(10) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(10):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(10) > a, .skin-2 .nav-list > li:nth-child(10) > ul.submenu:before {
|
||
|
|
background-color: #c55ee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(11) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(11):hover > a, .skin-2 .menu-min .nav-list li.active:nth-child(11) > a, .skin-2 .nav-list > li:nth-child(11) > ul.submenu:before {
|
||
|
|
background-color: #218bee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(12) > a:hover, .skin-2 .menu-min .nav-list li:nth-child(12):hover > a, .skin-2 .menu-min .nav-listli.active:nth-child(12) > a, .skin-2 .nav-list > li:nth-child(12) > ul.submenu:before {
|
||
|
|
background-color: #2ecee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu {
|
||
|
|
border-top-style: inset;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li > ul.submenu {
|
||
|
|
border-top-color: #666!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu {
|
||
|
|
border-top-color: #c6487e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(1) > ul.submenu {
|
||
|
|
border-top-color: #00be67;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(2) > ul.submenu {
|
||
|
|
border-top-color: #5ed02b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(3) > ul.submenu {
|
||
|
|
border-top-color: #a7d700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(4) > ul.submenu {
|
||
|
|
border-top-color: #cee100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(5) > ul.submenu {
|
||
|
|
border-top-color: #f8c600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(6) > ul.submenu {
|
||
|
|
border-top-color: #ffab00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(7) > ul.submenu {
|
||
|
|
border-top-color: #ff6e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(8) > ul.submenu {
|
||
|
|
border-top-color: #f21c30;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(9) > ul.submenu {
|
||
|
|
border-top-color: #ee218b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(10) > ul.submenu {
|
||
|
|
border-top-color: #c55ee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(11) > ul.submenu {
|
||
|
|
border-top-color: #218bee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(12) > ul.submenu {
|
||
|
|
border-top-color: #2ecee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > ul.submenu li.active > a {
|
||
|
|
color: #c6487e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(1) > ul.submenu li.active > a {
|
||
|
|
color: #00be67;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(2) > ul.submenu li.active > a {
|
||
|
|
color: #5ed02b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(3) > ul.submenu li.active > a {
|
||
|
|
color: #a7d700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(4) > ul.submenu li.active > a {
|
||
|
|
color: #cee100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(5) > ul.submenu li.active > a {
|
||
|
|
color: #f8c600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(6) > ul.submenu li.active > a {
|
||
|
|
color: #ffab00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(7) > ul.submenu li.active > a {
|
||
|
|
color: #ff6e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(8) > ul.submenu li.active > a {
|
||
|
|
color: #f21c30;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(9) > ul.submenu li.active > a {
|
||
|
|
color: #ee218b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(10) > ul.submenu li.active > a {
|
||
|
|
color: #c55ee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(11) > ul.submenu li.active > a {
|
||
|
|
color: #218bee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(12) > ul.submenu li.active > a {
|
||
|
|
color: #2ecee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > a, .skin-2 .nav-list > li.active > a:hover {
|
||
|
|
background-color: #242424;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-collapse {
|
||
|
|
background-color: #2c2c2c;
|
||
|
|
border-top: 1px solid #666;
|
||
|
|
border-bottom: 1px solid #777;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-collapse:before {
|
||
|
|
border-color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-collapse > [class*="icon-"] {
|
||
|
|
background-color: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-shortcuts {
|
||
|
|
background-color: #393939;
|
||
|
|
border-color: #666;
|
||
|
|
min-height: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar > .nav-search {
|
||
|
|
background-color: #393939;
|
||
|
|
border-color: #666;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-shortcuts .btn {
|
||
|
|
border-radius: 32px!important;
|
||
|
|
border-width: 2px;
|
||
|
|
background-color: #555!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-shortcuts .btn:hover {
|
||
|
|
background-color: #222!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .sidebar-shortcuts-large {
|
||
|
|
border: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
background-color: #393939;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-shortcuts-mini {
|
||
|
|
background-color: #141a1b;
|
||
|
|
border-color: #3f4e54;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .sidebar-shortcuts-mini .btn {
|
||
|
|
border-width: 2px!important;
|
||
|
|
border-radius: 32px!important;
|
||
|
|
padding: 6px!important;
|
||
|
|
opacity: 1;
|
||
|
|
background-color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.skin-2 .main-content {
|
||
|
|
padding-top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .breadcrumbs {
|
||
|
|
border: 0;
|
||
|
|
background-color: #e7f2f8;
|
||
|
|
margin: 0 8px 0;
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width:991px) {
|
||
|
|
.skin-2 .sidebar {
|
||
|
|
border: 0;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.skin-2 .main-content {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .breadcrumbs {
|
||
|
|
margin: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li .submenu a {
|
||
|
|
background-color: transparent!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > .submenu a {
|
||
|
|
border-top-color: #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li.active > .submenu > li > .submenu a {
|
||
|
|
border-top-color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu li > .submenu > li a {
|
||
|
|
color: #d5d5d5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu li > .submenu > li a > [class*="icon-"]:first-child {
|
||
|
|
color: #d5d5d5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li .submenu a > .arrow {
|
||
|
|
color: #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > a:hover > .arrow, .skin-2 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow {
|
||
|
|
color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > .submenu > li > a {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 38px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a {
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 54px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li ul.submenu li.open > a {
|
||
|
|
color: #c6487e;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(1) ul.submenu li.open > a {
|
||
|
|
color: #00be67;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(2) ul.submenu li.open > a {
|
||
|
|
color: #5ed02b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(3) ul.submenu li.open > a {
|
||
|
|
color: #a7d700;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(4) ul.submenu li.open > a {
|
||
|
|
color: #cee100;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(5) ul.submenu li.open > a {
|
||
|
|
color: #f8c600;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(6) ul.submenu li.open > a {
|
||
|
|
color: #ffab00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(7) ul.submenu li.open > a {
|
||
|
|
color: #ff6e00;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(8) ul.submenu li.open > a {
|
||
|
|
color: #f21c30;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(9) ul.submenu li.open > a {
|
||
|
|
color: #ee218b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(10) ul.submenu li.open > a {
|
||
|
|
color: #c55ee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(11) ul.submenu li.open > a {
|
||
|
|
color: #218bee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li:nth-child(12) ul.submenu li.open > a {
|
||
|
|
color: #2ecee7;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li ul.submenu li > a:hover {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li.open > a > [class*="icon-"]:first-child, .skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > [class*="icon-"]:first-child {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-2 .nav-list > li > .submenu > li.open > a > .arrow, .skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow {
|
||
|
|
color: inherit;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 {
|
||
|
|
background-color: #BBB;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .main-container:after {
|
||
|
|
background: #FFF;
|
||
|
|
background: -moz-linear-gradient(top,#eef5fa 0,#FFF 8%) 0 4px;
|
||
|
|
background: -webkit-gradient(linear,0 0,0 100%,from(#eef5fa),color-stop(4%,#FFF)) 0 4px;
|
||
|
|
background: -webkit-linear-gradient(top,#eef5fa 0,#FFF 8%) 0 4px;
|
||
|
|
background: -o-linear-gradient(top,#eef5fa 0,#FFF 8%) 0 4px;
|
||
|
|
background: -ms-linear-gradient(top,#eef5fa 0,#FFF 8%) 0 4px;
|
||
|
|
background: linear-gradient(top,#eef5fa 0,#FFF 8%) 0 4px;
|
||
|
|
-moz-background-size: 100% 26px;
|
||
|
|
-webkit-background-size: 100% 26px;
|
||
|
|
-o-background-size: 100% 26px;
|
||
|
|
-ms-background-size: 100% 26px;
|
||
|
|
background-size: 100% 26px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .navbar {
|
||
|
|
background: #393939;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar, .skin-3 .sidebar:before {
|
||
|
|
background-color: #d6d6d6;
|
||
|
|
border-right: 1px solid #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .page-content {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .infobox:not(.infobox-dark) {
|
||
|
|
border-style: solid;
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li {
|
||
|
|
border-color: #f2f2f2;
|
||
|
|
border-bottom-width: 0;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:before {
|
||
|
|
display: inline-block;
|
||
|
|
content: "";
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
max-width: 0;
|
||
|
|
overflow: hidden;
|
||
|
|
border-left: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active:before {
|
||
|
|
border-left-color: #4d96cb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:first-child {
|
||
|
|
border-top: 1px solid #f2f2f2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:last-child {
|
||
|
|
border-bottom-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:hover {
|
||
|
|
border-left-color: #1963aa;
|
||
|
|
border-top-color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:hover + li {
|
||
|
|
border-top-color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:last-child:hover {
|
||
|
|
border-bottom-color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active {
|
||
|
|
border-left-color: #1a67bd;
|
||
|
|
border-top-color: #a4c6dd!important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active + li {
|
||
|
|
border-top-color: #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active:last-child {
|
||
|
|
border-bottom-color: #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li > a:hover:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li > a {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
color: #5a5a5a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li:hover > a {
|
||
|
|
background-color: #EEE;
|
||
|
|
color: #1963aa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li > a:focus {
|
||
|
|
color: #1963aa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.open > a {
|
||
|
|
background-color: #f3f3f3;
|
||
|
|
color: #1963aa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.open > a {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
color: #5a5a5a;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.open > a > .menu-text {
|
||
|
|
color: #1963aa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
border-left-color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active > a {
|
||
|
|
background-color: #eef8ff;
|
||
|
|
color: #4d96cb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active > a:after {
|
||
|
|
border-right-color: #FFF;
|
||
|
|
right: -1px;
|
||
|
|
top: 0;
|
||
|
|
z-index: 12;
|
||
|
|
border-width: 18px 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active > a:before {
|
||
|
|
content: "";
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
z-index: 11;
|
||
|
|
left: auto;
|
||
|
|
bottom: auto;
|
||
|
|
width: auto;
|
||
|
|
max-width: auto;
|
||
|
|
background-color: transparent;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 18px 12px;
|
||
|
|
border-color: transparent;
|
||
|
|
border-right-color: #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active.open > .submenu li.active > a:before, .skin-3 .nav-list > li.active.open > .submenu li.active > a:after {
|
||
|
|
border-width: 14px 10px;
|
||
|
|
top: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active.open > .submenu .submenu li.active > a:before, .skin-3 .nav-list > li.active.open > .submenu .submenu li.active > a:after {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active.open > a:after, .skin-3 .nav-list li.active.open > a:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li.active:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active > .submenu > li.active > a:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active.open > .submenu > li.active > a:before {
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list li.active.open > .submenu > li.active > a:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.active > a {
|
||
|
|
background-color: #4d96cb;
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
color: #4d96cb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list li.active > a:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.active > a:after {
|
||
|
|
display: block;
|
||
|
|
border-width: 12px 7px;
|
||
|
|
top: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .sidebar-shortcuts {
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar.menu-min > .nav-search {
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li > .submenu, .skin-3 .menu-min .nav-list > li.active > .submenu {
|
||
|
|
border-left-color: #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list > li > a > .arrow {
|
||
|
|
right: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-collapse {
|
||
|
|
background-color: #d0d0d0;
|
||
|
|
border-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-collapse:before {
|
||
|
|
border-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-collapse > [class*="icon-"] {
|
||
|
|
background-color: #FFF;
|
||
|
|
border-color: #999;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-shortcuts {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
border-bottom: 0;
|
||
|
|
border-color: #FFF;
|
||
|
|
min-height: 40px;
|
||
|
|
border-left: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar > .nav-search {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
border-bottom: 0;
|
||
|
|
border-color: #FFF;
|
||
|
|
border-left: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-shortcuts-mini {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar-shortcuts-mini > .btn {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .sidebar-shortcuts-large {
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.skin-3 .main-content {
|
||
|
|
padding-top: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .breadcrumbs {
|
||
|
|
border: 0;
|
||
|
|
border-radius: 4px;
|
||
|
|
background-color: #e7f2f8;
|
||
|
|
margin: 0 8px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-search-input {
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .page-content > .page-header:first-child {
|
||
|
|
border-bottom-color: #c9c9c9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .hr {
|
||
|
|
border-color: #d5d5d5;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width:991px) {
|
||
|
|
.skin-3 .sidebar, .skin-3 .nav-list > li, .skin-3 .sidebar-shortcuts {
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .sidebar {
|
||
|
|
border-color: #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
body.skin-3 .main-content {
|
||
|
|
padding-top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .breadcrumbs {
|
||
|
|
border-radius: 0;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-toggler {
|
||
|
|
background-color: #62a8d1;
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-toggler:after, .skin-3 .menu-toggler:before {
|
||
|
|
border-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-toggler > .menu-text {
|
||
|
|
border-top-color: #62a8d1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-toggler > .menu-text:after {
|
||
|
|
color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active > a:before, .skin-3 .nav-list li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list li.active > a:before, .skin-3 .menu-min .nav-list li.active > a:after {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .nav-list li.active.open > .submenu > li.active > a:before {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.skin-3 .menu-min .nav-list > li.active.open:hover > a:after {
|
||
|
|
display: block!important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-1 .sidebar, .rtl.skin-1 .sidebar:before {
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-1 .nav-list li.active > a:after {
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-1 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
border-left-color: #242a2b;
|
||
|
|
border-right-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-1 .menu-min .nav-list > li > a > .menu-text, .rtl.skin-1 .menu-min .nav-list > li > ul.submenu {
|
||
|
|
border-left-color: #3f4e54;
|
||
|
|
border-right-color: #242a2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .sidebar, .rtl.skin-2 .sidebar:before {
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list li.active > a:after {
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list > li.active > a:after, .rtl.skin-2 .nav-list > li.active > .submenu > li.active > a:after {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .menu-min .nav-list > li.active:hover > a:after {
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #292929;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #FFF;
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .menu-min .nav-list > li > a > .menu-text {
|
||
|
|
text-shadow: -1px 1px 0 rgba(0,0,0,0.5);
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .menu-min .nav-list > li > ul.submenu {
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: 1px;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 1px solid #FFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list > li > ul.submenu > li > a {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 28px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > a {
|
||
|
|
margin-left: auto;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
padding-right: 38px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a {
|
||
|
|
margin-left: auto;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-right: 0;
|
||
|
|
padding-right: 54px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .sidebar, .rtl.skin-3 .sidebar:before {
|
||
|
|
border-right: 0;
|
||
|
|
border-left: 1px solid #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list > li:before {
|
||
|
|
left: auto;
|
||
|
|
right: 0;
|
||
|
|
border-left: none;
|
||
|
|
border-right: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list > li.active:before {
|
||
|
|
border-left: none;
|
||
|
|
border-right-color: #4d96cb;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list > li:hover {
|
||
|
|
border-left-color: #f2f2f2;
|
||
|
|
border-right-color: #1963aa;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list > li.active {
|
||
|
|
border-left-color: #f2f2f2;
|
||
|
|
border-right-color: #1a67bd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
|
||
|
|
border-left-color: #CCC;
|
||
|
|
border-right-color: #EEE;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list li.active > a:after {
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #FFF;
|
||
|
|
left: -1px;
|
||
|
|
right: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list li.active > a:before {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-color: #a4c6dd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .menu-min .sidebar-shortcuts {
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .sidebar.menu-min > .nav-search {
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .menu-min .nav-list > li > .submenu, .rtl.skin-3 .menu-min .nav-list > li.active > .submenu {
|
||
|
|
border-right-color: #CCC;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .nav-list > li > a > .arrow {
|
||
|
|
right: auto;
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .sidebar-shortcuts {
|
||
|
|
border-left: none;
|
||
|
|
border-right: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.rtl.skin-3 .sidebar > .nav-search {
|
||
|
|
border-left: none;
|
||
|
|
border-right: 3px solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media only screen and (max-width:991px) {
|
||
|
|
.rtl.skin-3 .sidebar, .rtl.skin-3 .nav-list > li, .rtl.skin-3 .sidebar-shortcuts {
|
||
|
|
border-right: 0;
|
||
|
|
}
|
||
|
|
}
|