|
|
@ -48,6 +48,9 @@ body { |
|
|
|
background-clip: padding-box; |
|
|
|
} |
|
|
|
/* Navbar */ |
|
|
|
.navbar-default .navbar-brand { |
|
|
|
color: var(--accent-color); |
|
|
|
} |
|
|
|
.navbar-default { |
|
|
|
background: var(--main-bg-color); |
|
|
|
border-color: #FFF; |
|
|
@ -62,6 +65,7 @@ body { |
|
|
|
|
|
|
|
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { |
|
|
|
background-color: rgba(255, 255, 255, 0.08); |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.navbar-default .navbar-nav>.open>a { |
|
|
|
background-color: rgba(0, 0, 0, 0.25); |
|
|
@ -76,6 +80,19 @@ body { |
|
|
|
.ui-tooltip .ui-tooltip-text{ |
|
|
|
background-color:var(--modal-bg-color) !important; |
|
|
|
} |
|
|
|
@media (max-width: 924px) { |
|
|
|
.navbar-collapse.collapse { |
|
|
|
box-shadow: 0px 15px 10px -10px rgba(0, 0, 0, 0.7); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/* Loading bar */ |
|
|
|
.pace .pace-progress { |
|
|
|
background: var(--loading-bar) !important; |
|
|
|
} |
|
|
|
.pace .pace-progress-inner { |
|
|
|
box-shadow: 0 0 10px var(--loading-bar), 0 0 5px var(--loading-bar) !important; |
|
|
|
} |
|
|
|
|
|
|
|
/* Search bar */ |
|
|
|
.search-bar-background[_ngcontent-c1] { |
|
|
@ -162,16 +179,19 @@ hr { |
|
|
|
} |
|
|
|
|
|
|
|
/* 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{ |
|
|
|
color: var(--request-button) !important; |
|
|
|
border-color: var(--request-button) !important; |
|
|
|
outline: none !important; |
|
|
|
} |
|
|
|
.open>.btn-primary-outline.dropdown-toggle,.btn-primary-outline.active, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline:focus, .btn-primary-outline:hover{ |
|
|
|
background-color: var(--request-button-hover) !important; |
|
|
|
border-color: var(--request-button-hover)!important; |
|
|
|
} |
|
|
|
|
|
|
|
.btn-primary-outline:hover { |
|
|
|
background-color: rgba(255, 255, 255, 0.08) !important; |
|
|
|
border-color: #00000000!important; |
|
|
|
background-color: var(--request-button-hover) !important; |
|
|
|
border-color: transparent!important; |
|
|
|
} |
|
|
|
.btn-link { |
|
|
|
color: #ffffff; |
|
|
@ -180,7 +200,9 @@ hr { |
|
|
|
color: #ddd; |
|
|
|
} |
|
|
|
.input-group-addon .btn-group .btn { |
|
|
|
outline: none; |
|
|
|
outline: none !important; |
|
|
|
border: 1px solid transparent !important; |
|
|
|
margin-right: 1px; |
|
|
|
} |
|
|
|
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { |
|
|
|
margin-left: 3px; |
|
|
@ -224,4 +246,12 @@ a.active { |
|
|
|
|
|
|
|
.ui-state-highlight { |
|
|
|
background: var(--modal-bg-color); |
|
|
|
} |
|
|
|
|
|
|
|
/* Main page */ |
|
|
|
.backdrop { |
|
|
|
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6) !important; |
|
|
|
} |
|
|
|
a>h4 { |
|
|
|
color: var(--accent-color); |
|
|
|
} |