|
-
- body.skin-black {
- .main-header {
- .logo {
- background-color: darken($color1,5) ;
- &:hover {
- background-color: $color1 ;
- }
- .logo-lg {
- img {
- width: 30px ;
- height: 30px ;
- }
- }
- .logo-mini {
- img {
- width: 30px ;
- height: 30px ;
- }
- }
- }
- .navbar {
- background-color: $color1 ;
- .sidebar-toggle {
- color: white ;
- }
-
- .navbar-custom-menu .navbar-nav > li > a,
- .navbar-right > li > a {
- border-left: solid 1px lighten($color1, 15) ;
- color: white ;
- }
-
- .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus,
- .nav .open > a, .nav .open > a:hover, .nav .open > a:focus,
- .nav > .active > a {
- color: white ;
- background-color: darken($color1, 4) ;
- }
-
- .dropdown-menu {
- @include box-shadow(0px 0px 4px gray) ;
- }
- }
-
- .logo, .navbar .sidebar-toggle {
- border-right: solid 1px lighten($color1, 15) ;
- }
-
- .messages-menu, .notifications-menu, .tasks-menu, .link-control-sidebar {
- display: none ;
- }
- }
-
- .sidebar-menu > li.active > a {
- border-color: $color1 ;
- }
-
- .content-wrapper {
- background-color: #f5f5f5 ;
-
- a {
- color: $color1 ;
- }
-
- .btn {
- color: white ;
- }
-
- .btn-default {
- color: #333 ;
- }
-
- .btn-primary {
- background-color: $color1 ;
- color: white ;
- border-color: $color1 ;
- }
- }
-
- .main-footer {
- a {
- color: $color1 ;
- }
- }
- }
-
- body.login-page {
- background: none ;
- background-color: $color2 ;
- .login-box {
- .login-logo {
- text-align: center ;
- font-family: 'comfortaalight' ;
- img {
- width: 50px ;
- }
- }
- .login-box-body {
- .btn-primary {
- background-color: $color1 ;
- border-color: $color1 ;
- padding: 5px 10px ;
-
- &:active {
- background-color: lighten($color1, 5) ;
- border-color: $color1 ;
- }
- }
-
- a {
- color: $color1 ;
- &:hover {
- color: lighten($color1, 5) ;
- }
- }
- }
- }
- }
|