1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-15 07:32:51 +01:00
theme.park/CSS/themes/ombi/ombi-base.css

150 lines
3.7 KiB
CSS
Raw Normal View History

2019-07-11 22:44:07 +02:00
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 {
2019-07-11 22:52:47 +02:00
background-color: rgba(0, 0, 0, 0.25);
2019-07-11 22:44:07 +02:00
color: #fff;
}
2019-07-11 23:12:44 +02:00
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
2019-07-11 22:44:07 +02:00
background-color: rgba(0, 0, 0, 0.25);
}
2019-07-12 17:42:25 +02:00
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
2019-07-11 22:54:37 +02:00
background-color: transparent;
}
2019-07-12 18:20:49 +02:00
.ui-tooltip .ui-tooltip-text{
background-color:var(--modal-bg-color) !important;
}
2019-07-11 22:44:07 +02:00
/* Search bar */
.search-bar-background[_ngcontent-c1] {
2019-07-11 23:07:28 +02:00
border-radius: 3px;
2019-07-18 22:54:04 +02:00
background-color: transparent !important;
2019-07-11 22:44:07 +02:00
}
.form-control-custom {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.input-group-addon {
background-color: rgba(0, 0, 0, 0.25);
}
2019-07-12 18:04:05 +02:00
.nav-tabs.nav-justified {
margin-bottom: 3px;
}
2019-07-11 22:44:07 +02:00
@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;
2019-07-11 23:07:28 +02:00
border-radius: 3px;
2019-07-11 22:44:07 +02:00
}
.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);
2019-07-11 23:12:44 +02:00
border-radius: 3px;
2019-07-11 22:44:07 +02:00
}
.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);
}