body.skin-black { .main-header { .logo { background-color: white ; font-family: 'highvoltageregular'; font-size: 23px; &:hover, &:focus { background-color: white ; text-decoration: none; } .logo-lg { img { width: 30px ; height: 30px ; } } .logo-mini { img { width: 30px ; height: 30px ; } } } .navbar { background-color: white ; .producer-panel { position: relative; float: left; padding: 15px; padding-left: 50px; margin-left: 7px; &.without-logo { padding-left: 10px; } .logo { position: absolute; top: 5px; left: 0px; background-color: white; width: 40px; height: 40px; @include border-radius(50px); border: solid 1px #e0e0e0; text-align: center; overflow: hidden; .img-logo { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 35px; max-height: 35px; } } .title { position: relative; top: 2px; text-transform: uppercase; } } .sidebar-toggle { color: #333 ; } .link-support { float: left; padding: 15px 15px; border-right: solid 1px #e0e0e0; color: #333; &:hover { text-decoration: none; color: $color1; } } .navbar-custom-menu .navbar-nav > li > a, .navbar-right > li > a { border-left: solid 1px #e0e0e0 ; color: #333 ; } .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: $color1 ; } .dropdown-menu { @include box-shadow(0px 0px 4px gray) ; } } .logo, .navbar .sidebar-toggle { border-right: solid 1px #e0e0e0 ; } .link-control-sidebar { display: none ; } .notifications-menu { ul.menu { max-height: 300px ; li { a { padding-top: 4px ; padding-bottom: 4px ; h5 { margin-bottom: 2px ; small { float: right ; } } p { margin-left: 10px ; } } } } } .navbar .nav li.producer-menu { .dropdown-menu { width: 400px; } .search-producer { margin: 10px; width: 94%; } .li-alert-no-results { display: none; .alert { margin-bottom: 0px; margin-left: 10px; margin-right: 10px; padding: 15px 15px 10px 15px; } } .label { position: relative ; top: -2px ; left: 0px ; } #link-display-producers-offline { color: $color1; } .offline { display: none; } } } .sidebar { .sidebar-menu > li.header { color: #899397; } } .sidebar-menu > li.active > a { border-color: $color1 ; } section.sidebar { .user-panel { text-align: center; .image { margin-bottom: 3px; } .title { font-weight: bold; color: white; } } } .content-wrapper { background-color: #f5f5f5 ; .content-header { background-color: #F5F5F5 ; padding-bottom: 15px ; border-bottom: solid 1px #e0e0e0 ; border-top: solid 1px #e0e0e0 ; .btn { padding: 3px 6px; font-size: 10px; font-family: Arial; text-transform: uppercase; } h1 { font-family: 'myriadpro-light'; font-size: 20px; } } a { color: darken($color1, 5) ; } .btn { color: white ; } .btn-default { color: #333 ; background-color: white ; } .btn-primary { background-color: $color1 ; color: white ; border-color: $color1 ; } .alert { a { color: white ; } a.btn { color: #333 ; text-decoration: none ; } .close { font-size: 30px; position: relative; top: -15px; text-decoration: none; color: white; opacity: 0.6; &:hover { opacity: 1; } } } .callout { h4 .fa { margin-right: 7px ; } a { color: white ; } .btn { color: #333 ; text-decoration: none ; } } .table { th { font-size: 13px ; } th.column-actions, td.column-actions { width: 172px; text-align: right ; } td.text-small, th.text-small { font-size: 12px ; } } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: $color1 ; border: solid 1px $color1 ; color: white ; } .pagination > li > a, .pagination > li > span { color: $color1 ; &:hover { color: darken($color1, 10) ; } } .submenu { margin-bottom: 25px ; } } .main-footer { a { color: $color1 ; } } } body.login-page { background: none ; background-color: $color2 ; .login-box { .login-logo { text-align: center ; font-family: 'highvoltageregular'; 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) ; } } } } }