769 lines
17 KiB
CSS
769 lines
17 KiB
CSS
.top-bar-logo {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-right: 15px;
|
|
background-image: url(URL_DE_TU_LOGO_AQUI);
|
|
background-repeat: no-repeat;
|
|
background-size: auto 75%;
|
|
width: 215px;
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
.top-bar {
|
|
background: none;
|
|
background-color: #161b22;
|
|
border-bottom: 1px solid #161b22;
|
|
box-shadow: none;
|
|
display: flex;
|
|
height: 40px;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 2;
|
|
}
|
|
|
|
.top-bar-usage-inner {
|
|
color: #fff;
|
|
display: flex;
|
|
font-weight: 500;
|
|
text-shadow: none;
|
|
font-size: 15px;
|
|
background: #394252;
|
|
padding: 3px 15px;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.top-bar-logo > img {
|
|
opacity: 0 !important;
|
|
z-index: -10;
|
|
}
|
|
|
|
body {
|
|
color: #fff !important;
|
|
background: #0d1117 !important;
|
|
}
|
|
|
|
.button.button-secondary {
|
|
color: #0d6efd !important;
|
|
background: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
box-shadow: none !important;
|
|
padding: 6px 10px !important;
|
|
font-size: 14px !important;
|
|
border-radius: 5px !important;
|
|
font-weight: 600 !important;
|
|
text-shadow: none !important;
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
.button.button-secondary:hover {
|
|
background: #0b5ed7 !important;
|
|
border: 1px solid #0b5ed7 !important;
|
|
color: #fff !important;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.button.button-secondary:active {
|
|
background: #0b5ed7 !important;
|
|
border: 1px solid #0b5ed7 !important;
|
|
color: #fff !important;
|
|
text-shadow: none !important;
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5) !important;
|
|
|
|
}
|
|
|
|
.button.button-secondary:focus {
|
|
background: #0b5ed7 !important;
|
|
border: 1px solid #0b5ed7 !important;
|
|
color: #fff !important;
|
|
text-shadow: none !important;
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5) !important;
|
|
|
|
}
|
|
|
|
.button.button-secondary > .icon-green{
|
|
color: #fff !important;
|
|
}
|
|
|
|
.button.button-secondary > .icon-blue{
|
|
color: #fff;
|
|
}
|
|
|
|
.form-control:disabled, .form-select:disabled {
|
|
background-color: #10151c !important;
|
|
color: #fff !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.form-check label, .form-label {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.button-secondary {
|
|
color: #fff;
|
|
background: #0d6efd;
|
|
border: 1px solid #0d6efd;
|
|
box-shadow: none;
|
|
padding: 6px 10px;
|
|
font-size: 14px;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.button-secondary:hover {
|
|
background: #0b5ed7;
|
|
border: 1px solid #0b5ed7;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.button-secondary:active {
|
|
background: #0b5ed7;
|
|
border: 1px solid #0b5ed7;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);
|
|
|
|
}
|
|
|
|
.button-secondary:focus {
|
|
background: #0b5ed7;
|
|
border: 1px solid #0b5ed7;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5);
|
|
|
|
}
|
|
|
|
.button-secondary > .icon-green{
|
|
color: #fff;
|
|
}
|
|
|
|
.button-secondary > .icon-blue{
|
|
color: #fff;
|
|
}
|
|
|
|
.button-secondary > .icon-orange {
|
|
color: #fff;
|
|
}
|
|
|
|
.button-secondary > .icon-maroon {
|
|
color: #fff;
|
|
}
|
|
|
|
.button-secondary > .icon-red {
|
|
color: #fff;
|
|
}
|
|
|
|
.button > .icon-purple {
|
|
color: #fff;
|
|
}
|
|
|
|
.form-control {
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
border-radius: 5px !important;
|
|
box-shadow: none !important;
|
|
color: #fff !important;
|
|
display: block !important;
|
|
font-size: .8rem !important;
|
|
font-weight: 400 !important;
|
|
line-height: 1.5 !important;
|
|
padding: 8px 12px !important;
|
|
transition: background-color .5s !important;
|
|
}
|
|
|
|
.form-control:hover {
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #0d6efd8f !important;
|
|
border-radius: 5px !important;
|
|
box-shadow: none !important;
|
|
color: #fff !important;
|
|
display: block !important;
|
|
font-size: .8rem !important;
|
|
font-weight: 400 !important;
|
|
line-height: 1.5 !important;
|
|
padding: 8px 12px !important;
|
|
transition: background-color .5s !important;
|
|
}
|
|
|
|
.form-control:active {
|
|
color: #fff !important;
|
|
background-color: #121d2f !important;
|
|
border-color: #121d2f !important;
|
|
outline: 0 !important;
|
|
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
|
|
transition: .2s !important;
|
|
}
|
|
|
|
.form-control:focus {
|
|
color: #fff !important;
|
|
background-color: #121d2f !important;
|
|
border-color: #121d2f !important;
|
|
outline: 0 !important;
|
|
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
|
|
transition: .2s !important;
|
|
}
|
|
|
|
.form-select {
|
|
padding: 8px 12px !important;
|
|
line-height: 1.5 !important;
|
|
color: #fff !important;
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
border-radius: .25rem !important;
|
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.form-select:hover {
|
|
padding: 8px 12px !important;
|
|
line-height: 1.5 !important;
|
|
color: #fff !important;
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #0d6efd8f !important;
|
|
border-radius: .25rem !important;
|
|
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.form-select:focus {
|
|
color: #fff !important;
|
|
background-color: #121d2f !important;
|
|
border-color: #121d2f !important;
|
|
outline: 0 !important;
|
|
box-shadow: 0 0 0 .25rem rgba(13,110,253,.25) !important;
|
|
transition: .2s !important;
|
|
}
|
|
|
|
.form-control.list-editor {
|
|
border: none !important;
|
|
}
|
|
|
|
.form-control.list-editor:hover {
|
|
padding: 8px 12px !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.main-menu-item-link {
|
|
border-bottom: 4px solid #0d1117 !important;
|
|
}
|
|
|
|
.main-menu-item-link.active, .main-menu-item-link:hover {
|
|
background-color: #121d2f !important;
|
|
border-bottom-color: #0d6efd !important;
|
|
transition: .3s !important;
|
|
border-radius: 10px !important;
|
|
}
|
|
|
|
.main-menu-item-link.active .main-menu-item-label, .main-menu-item-link.active .main-menu-item-label .fas, .main-menu-item-link:hover .main-menu-item-label {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.main-menu-stats {
|
|
color: #fff !important;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 1.8;
|
|
padding-bottom: 10px;
|
|
padding-top: 10px;
|
|
text-transform: capitalize;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.top-bar-menu-link {
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border: 0;
|
|
border-left: 1px solid transparent;
|
|
border-right: 1px solid transparent;
|
|
color: #fff;
|
|
display: flex;
|
|
font-size: .8rem;
|
|
font-weight: 600;
|
|
padding: 10px;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.top-bar-menu-link:hover {
|
|
background: #0d6efd !important;
|
|
border-left: 1px solid rgba(0,0,0,.1) !important;
|
|
border-right: 1px solid rgba(0,0,0,.1) !important;
|
|
box-shadow: none !important;
|
|
color: #fff !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.top-bar-menu-link:active {
|
|
background: #fff !important;
|
|
border-left: 1px solid rgba(0,0,0,.15) !important;
|
|
border-right: 1px solid rgba(0,0,0,.15) !important;
|
|
box-shadow: none !important;
|
|
color: #0d6efd !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.top-bar-menu-link.active {
|
|
background: #fff;
|
|
border-left: 1px solid hsla(0,0%,100%,.98);
|
|
border-right: 1px solid hsla(0,0%,100%,.98);
|
|
color: #0d6efd;
|
|
text-shadow: none;
|
|
}
|
|
|
|
ul.main-menu-stats > li {
|
|
font-weight: 600;
|
|
}
|
|
|
|
ul.main-menu-stats > li > span {
|
|
font-weight: 600;
|
|
color: #0d6efd;
|
|
background: #121d2f !important;
|
|
padding: 2px 7px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.main-menu-item-label {
|
|
color: #fff;
|
|
font-weight: 600;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.main-menu-item-label .fas {
|
|
color: #fff;
|
|
}
|
|
|
|
.badge {
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
border-radius: 50%;
|
|
box-shadow: none;
|
|
color: #0d6efd;
|
|
display: inline-block;
|
|
font-size: .75rem;
|
|
font-weight: 700;
|
|
line-height: 24px;
|
|
margin-top: -2px;
|
|
min-height: 24px;
|
|
min-width: 26px;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.toolbar {
|
|
background-color: #0d1117 !important;
|
|
border-bottom: 1px solid #0d6efd42 !important;
|
|
border-top: 1px solid #0d6efd42 !important;
|
|
margin-top: 10px;
|
|
height: 55px;
|
|
}
|
|
|
|
.units {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
.table-header {
|
|
background: #0d6efd;
|
|
border-bottom: none;
|
|
border-left: none;
|
|
border-radius: 8px;
|
|
border-right: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
font-size: .8rem;
|
|
line-height: 1rem;
|
|
min-height: 28px;
|
|
overflow: hidden;
|
|
padding: 4px 0 4px 15px;
|
|
text-shadow: none;
|
|
width: 1024px;
|
|
}
|
|
|
|
.l-unit, .units .l-unit {
|
|
background-color: #0d1117 !important;
|
|
border-left: none;
|
|
border-right: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.l-unit:hover, .units .l-unit:hover {
|
|
background-color: #121d2f !important;
|
|
border-left: none !important;
|
|
border-right: none !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
color: #0d6efd !important;
|
|
border-radius: 8px !important;
|
|
}
|
|
|
|
.units .l-unit {
|
|
border-bottom: 1px solid #0d6efd42 !important;
|
|
}
|
|
|
|
.l-unit__stat-col--left a:hover {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.l-unit__stat-col--left a, .l-unit__stat-col--left a:visited {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.icon-dim {
|
|
color: #0d6efd !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.icon-dim:hover {
|
|
color: #00409e !important;
|
|
}
|
|
|
|
.button {
|
|
color: #fff;
|
|
background: #00bb64;
|
|
border: 1px solid #00bb64;
|
|
box-shadow: none;
|
|
padding: 6px 10px;
|
|
font-size: 14px;
|
|
border-radius: 5px;
|
|
font-weight: 600;
|
|
text-shadow: none;
|
|
text-transform: capitalize !important;
|
|
}
|
|
|
|
.button:hover {
|
|
background: #069b55;
|
|
border: 1px solid #069b55;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.button:active {
|
|
background: #069b55;
|
|
border: 1px solid #069b55;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: 0 0 0 0.25rem rgba(6,155,85,.5)
|
|
|
|
}
|
|
|
|
.button:focus {
|
|
background: #069b55;
|
|
border: 1px solid #069b55;
|
|
color: #fff;
|
|
text-shadow: none;
|
|
box-shadow: 0 0 0 0.25rem rgba(6,155,85,.5)
|
|
|
|
}
|
|
|
|
.container.app-footer-inner > p {
|
|
background: #121d2f !important;
|
|
color: #0d6efd !important;
|
|
font-weight: 600 !important;
|
|
width: max-content !important;
|
|
padding: 2px 10px !important;
|
|
border-radius: 5px !important;
|
|
}
|
|
|
|
.toolbar-sorting-toggle {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.toolbar-sorting-toggle:active, .toolbar-sorting-toggle:active b {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.card {
|
|
background-color: #f5f5f5;
|
|
border: 1px solid #d3d3d3;
|
|
border-radius: 4px;
|
|
border-radius: 8px;
|
|
box-shadow: none;
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.card-content {
|
|
color: #fff !important;
|
|
border-top: 1px solid #e6e6e6 !important;
|
|
background: #121d2f !important;
|
|
}
|
|
|
|
.form-title {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.form-link {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.form-link:hover {
|
|
background-color: #0d6efd !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.server-summary-icon {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.top-bar-notification-item.unseen .top-bar-notification-title {
|
|
color: #0d6efc !important;
|
|
}
|
|
|
|
.top-bar-notification-item {
|
|
color: #fff !important;
|
|
background: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
}
|
|
|
|
.top-bar-notification-item a {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.top-bar-notification-item a:hover {
|
|
color: #003e9a !important;
|
|
}
|
|
|
|
.top-bar-notification-delete .fas {
|
|
color: #0d6efd !important;
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.top-bar-notifications-list {
|
|
border-radius: 10px !important;
|
|
margin-top: 10px !important;
|
|
border: none !important
|
|
}
|
|
|
|
.alert {
|
|
border: none !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: none !important;
|
|
color: #fff !important;
|
|
font-weight: 400 !important;
|
|
padding: 15px !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.alert-danger {
|
|
background-color: #ff6868 !important;
|
|
}
|
|
|
|
.alert-info {
|
|
background-color: #0d6efd !important;
|
|
}
|
|
|
|
.alert-info .fas {
|
|
color: #0d6efd;
|
|
}
|
|
|
|
.modal {
|
|
background-color: #0d1117 !important;
|
|
border: none !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.modal-title {
|
|
color: #0d6efd !important;
|
|
text-transform: uppercase !important;
|
|
font-weight: 600 !important;
|
|
}
|
|
|
|
.modal-message {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.modal-options {
|
|
box-shadow: 0 0 2px rgb(0 0 0 / 25%) !important;
|
|
}
|
|
|
|
.hint {
|
|
color: #fff !important;
|
|
}
|
|
|
|
p.hint.u-mb20 b {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.inline-alert-success {
|
|
color: #1f8721 !important;
|
|
background: #d2ffe2 !important;
|
|
padding: 10px !important;
|
|
border-radius: 6px !important;
|
|
}
|
|
|
|
.inline-alert-success a {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.inline-alert-success a:hover {
|
|
color: #00409e !important;
|
|
}
|
|
|
|
.inline-alert-danger {
|
|
color: #d92727 !important;
|
|
padding: 10px !important;
|
|
background: #ffdede !important;
|
|
border-radius: 6px !important;
|
|
}
|
|
|
|
.panel {
|
|
border: 1px solid #d9d9d9 !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: none !important;
|
|
padding: 20px !important;
|
|
}
|
|
|
|
.panel a {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.panel a:hover {
|
|
color: #00409e !important;
|
|
}
|
|
|
|
.tabs {
|
|
border: 1px solid #0d6efd7a !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.tabs-item {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.tabs-item:hover, .tabs-item[aria-selected=true] {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.tabs-item:active {
|
|
color: #00409e !important;
|
|
}
|
|
|
|
.toolbar-sorting-menu {
|
|
background-color: #fff !important;
|
|
border: 1px solid #fff !important;
|
|
border-radius: 7px !important;
|
|
}
|
|
|
|
.toolbar-sorting-menu span:hover {
|
|
background: #0d6efd !important;
|
|
color: #ffffff !important;
|
|
box-shadow: 0 0 1px #fff, 0 0 6px hsla(0,0%,100%,.6) !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.toolbar-sorting-menu span.active {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.toolbar-sorting-menu span.active:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.shortcuts {
|
|
background: #000916 !important;
|
|
border: 1px solid #000916 !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: 0 4px 30px rgba(0,0,0,.5) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.shortcuts-title {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.shortcuts-close {
|
|
padding: 0px 10px !important;
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.shortcuts-close:hover {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.shortcuts-close:active {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.toolbar-link.selected, .toolbar-link:hover {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.toolbar-link:active {
|
|
color: #00409e !important;
|
|
}
|
|
|
|
.collapse-header {
|
|
background: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
box-shadow: none !important;
|
|
color: #0d6efd !important;
|
|
text-shadow: none !important;
|
|
border-radius: 7px !important;
|
|
}
|
|
|
|
.collapse-header:hover {
|
|
color: #0d6efd !important;
|
|
background: #1e2531 !important;
|
|
}
|
|
|
|
.collapse-header:active {
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.5) !important;
|
|
}
|
|
|
|
nav.main-menu {
|
|
background: #0d1117 !important;
|
|
}
|
|
|
|
.section-title {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.toolbar-input-submit {
|
|
background-color: #121d2f !important;
|
|
border: 1px solid #121d2f !important;
|
|
box-shadow: none !important;
|
|
color: #0d6efd !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.toolbar-sorting-toggle:hover, .toolbar-sorting-toggle:hover b {
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.toolbar-input-submit:hover {
|
|
background-color: #fff !important;
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.toolbar-input-submit:focus,.toolbar-input-submit:active {
|
|
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25) !important;
|
|
color: #0d6efd !important;
|
|
}
|
|
|
|
.app-footer {
|
|
border-top: none !important;
|
|
}
|
|
|
|
.body-stats .l-unit__name {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.server-summary-title {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.statistics-count {
|
|
border-bottom: none !important;
|
|
border-right: none !important;
|
|
text-align: center !important;
|
|
background: #121d2f !important;
|
|
border-radius: 5px !important;
|
|
}
|