mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 10:02:32 +01:00
149 lines
3.7 KiB
CSS
149 lines
3.7 KiB
CSS
body {
|
|
background: var(--main-bg-color);
|
|
}
|
|
/* Navbar */
|
|
.navbar-default {
|
|
background: var(--main-bg-color);
|
|
border-color: #FFF;
|
|
}
|
|
|
|
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.navbar-default .navbar-nav>.open>a {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
color: #fff;
|
|
}
|
|
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
|
|
background-color: transparent;
|
|
}
|
|
.ui-tooltip .ui-tooltip-text{
|
|
background-color:var(--modal-bg-color) !important;
|
|
}
|
|
|
|
/* Search bar */
|
|
.search-bar-background[_ngcontent-c1] {
|
|
border-radius: 3px;
|
|
}
|
|
.form-control-custom {
|
|
background-color: rgba(0, 0, 0, 0.25) !important;
|
|
}
|
|
.input-group-addon {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.nav-tabs.nav-justified {
|
|
margin-bottom: 3px;
|
|
}
|
|
@media (max-width: 978px) {
|
|
.form-control-search[_ngcontent-c1] {
|
|
width: -webkit-fill-available !important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.nav-tabs.nav-justified>li>a {
|
|
border-bottom: none;
|
|
}
|
|
}
|
|
@media (min-width: 979px) {
|
|
.form-control-search[_ngcontent-c1] {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Expand season request */
|
|
.content-space[_ngcontent-c3] {
|
|
padding: 15px;
|
|
background: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.table-striped>tbody>tr:nth-of-type(odd) {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
.table-hover>tbody>tr:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu {
|
|
background: var(--modal-bg-color);
|
|
}
|
|
.dropdown-menu>li>a:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
.navbar-nav>li>.dropdown-menu {
|
|
width: 163.5px;
|
|
}
|
|
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
/* Settings */
|
|
hr {
|
|
border: 1px dashed #d7d7d7;
|
|
}
|
|
|
|
/* Buttons */
|
|
.btn-primary-outline, .btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover, .open>.btn-primary-outline.dropdown-toggle {
|
|
color: #ffffff!important;
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
|
border-color: rgba(0, 0, 0, 0)!important;
|
|
}
|
|
|
|
.btn-primary-outline:hover {
|
|
background-color: rgba(255, 255, 255, 0.08) !important;
|
|
border-color: #00000000!important;
|
|
}
|
|
.btn-link {
|
|
color: #ffffff;
|
|
}
|
|
.btn-link:focus, .btn-link:hover {
|
|
color: #ddd;
|
|
}
|
|
|
|
/* Settings menu */
|
|
|
|
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
|
border: 1px solid #00000000 !important;
|
|
border-radius: 3px;
|
|
}
|
|
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.45) !important;
|
|
border: 1px solid #00000000 !important;
|
|
}
|
|
.nav-tabs>li>a:hover {
|
|
border-color: transparent;
|
|
}
|
|
.nav>li>a:focus, .nav>li>a:hover {
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
border-radius: 3px;
|
|
}
|
|
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
border-color: #00000000;
|
|
}
|
|
.panel {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.card-header {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
color: #ebebeb;
|
|
padding: 10px 15px;
|
|
border-bottom: 1px solid #00000000;
|
|
}
|
|
a.active {
|
|
background-color: rgba(0, 0, 0, 0.45);
|
|
}
|
|
|
|
.ui-state-highlight {
|
|
background: var(--modal-bg-color);
|
|
} |