test
This commit is contained in:
deathbybandaid
parent
d83d5005a4
commit
ae89efda06
256
dbb-css/base/mailcow/mailcow-base.css
Normal file
256
dbb-css/base/mailcow/mailcow-base.css
Normal file
@ -0,0 +1,256 @@
|
|||||||
|
body {
|
||||||
|
background: var(--main-bg-color);
|
||||||
|
background-repeat: repeat, no-repeat;
|
||||||
|
background-attachment: fixed, fixed;
|
||||||
|
background-position: center center, center center;
|
||||||
|
background-size: auto, cover;
|
||||||
|
-webkit-background-size: auto, cover;
|
||||||
|
-moz-background-size: auto, cover;
|
||||||
|
-o-background-size: auto, cover;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
border: 1px solid var(--accent-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel {
|
||||||
|
background-color: var(--drop-down-menu-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-default>.panel-heading {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--modal-header-color);
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-default>.panel-heading {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--modal-header-color);
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
legend {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn-default {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-default:focus, .btn-default:hover, .btn-group.open .dropdown-toggle.btn-default {
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-default:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-block {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
color: var(--button-text);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
border-color: var(--button-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-success:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-block:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-content {
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-header {
|
||||||
|
border-bottom: 1px solid var(--modal-header-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-title {
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal .close {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default {
|
||||||
|
background-color: var(--modal-header-color);
|
||||||
|
border-color: var(--modal-header-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
||||||
|
color: var(--button-text-hover);
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
border: 1px solid var(--accent-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li>a {
|
||||||
|
border-color: var(--button-color);
|
||||||
|
background-color: var(--button-color);
|
||||||
|
color: var(--button-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs {
|
||||||
|
border-bottom: 1px solid var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav>li>a:focus, .nav>li>a:hover {
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs>li>a:hover {
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
||||||
|
color: var(--text-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
|
||||||
|
background-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-tabs .open>a, .nav-tabs .open>a:focus, .nav-tabs .open>a:hover {
|
||||||
|
border-color: var(--button-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu {
|
||||||
|
background-color: var(--drop-down-menu-bg);
|
||||||
|
border: 1px solid var(--drop-down-menu-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
|
||||||
|
color: var(--button-text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
|
||||||
|
color: var(--text-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody tr {
|
||||||
|
color: var(--modal-footer-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
|
||||||
|
color: var(--modal-footer-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
||||||
|
color: var(--modal-footer-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.list-group-item {
|
||||||
|
background-color: var(--drop-down-menu-bg);
|
||||||
|
border: 1px solid var(--drop-down-menu-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-striped>tbody>tr:nth-of-type(odd) {
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
tbody tr {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.label.label-last-login {
|
||||||
|
color: var(--text) !important;
|
||||||
|
background-color: var(--modal-bg-color) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.progress {
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
div.numberedtextarea-number {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.well {
|
||||||
|
border: 1px solid var(--modal-bg-color);
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
border: 1px solid var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-control {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
border: 1px solid var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group-addon {
|
||||||
|
color: var(--text);
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
border: 1px solid var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-heading a {
|
||||||
|
color: var(--link-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-heading a:hover {
|
||||||
|
color: var(--link-color-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile */
|
||||||
|
|
||||||
|
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-toggle {
|
||||||
|
border-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-default .navbar-toggle .icon-bar {
|
||||||
|
background-color: var(--modal-bg-color);
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user