Browse Source

sonarr base fix

pull/241/head
gilbN 3 years ago
parent
commit
9ca0fc6b2d
  1. 8
      CSS/themes/sonarr/sonarr-base.css
  2. 50
      Resources/landing-page/css/custom.css
  3. 2753
      Resources/landing-page/css/styles.css

8
CSS/themes/sonarr/sonarr-base.css

@ -1071,11 +1071,3 @@ input[type=password] {
border-color: var(--text); border-color: var(--text);
color: var(--text); color: var(--text);
} }
/* Scrollbar test fix
[class*="PageContentBody-contentBody-"],
[class*="PageSidebar-sidebar-"] {
margin-right: -70px !important;
margin-bottom: -70px !important;
}

50
Resources/landing-page/css/custom.css

@ -1,4 +1,5 @@
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) { @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
#mainNav, #mainNav,
#mainNav.navbar-scrolled { #mainNav.navbar-scrolled {
box-shadow: none; box-shadow: none;
@ -6,27 +7,33 @@
-webkit-backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
} }
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#mainNav, #mainNav.navbar-scrolled {
#mainNav,
#mainNav.navbar-scrolled {
padding: 0 1rem 0 1rem !important; padding: 0 1rem 0 1rem !important;
} }
.branding { .branding {
height: 40px !important; height: 40px !important;
} }
#mainNav .navbar-nav .nav-item .nav-link{
#mainNav .navbar-nav .nav-item .nav-link {
padding-left: 1rem; padding-left: 1rem;
} }
} }
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) { /* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
#mainNav, #mainNav,
#mainNav.navbar-scrolled { #mainNav.navbar-scrolled {
box-shadow: none; box-shadow: none;
background-color: rgba(0, 0, 0, 0.9); background-color: rgba(0, 0, 0, 0.9);
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
#mainNav { #mainNav {
@ -81,15 +88,20 @@
color: #12afa0; color: #12afa0;
} }
} }
#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .navbar-nav .nav-item .nav-link:active {
#mainNav .navbar-nav .nav-item .nav-link:hover,
#mainNav .navbar-nav .nav-item .nav-link:active {
color: #12afa0; color: #12afa0;
} }
#mainNav .navbar-nav .nav-item .nav-link.active { #mainNav .navbar-nav .nav-item .nav-link.active {
color: #12afa0 !important; color: #12afa0 !important;
} }
.navbar-light .navbar-toggler-icon { .navbar-light .navbar-toggler-icon {
filter: invert(1); filter: invert(1);
} }
.navbar-light .navbar-toggler { .navbar-light .navbar-toggler {
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
border-color: rgb(255 255 255 / 10%); border-color: rgb(255 255 255 / 10%);
@ -152,10 +164,12 @@ hr.divider {
a { a {
color: #fff; color: #fff;
} }
a:hover { a:hover {
color: #12afa0; color: #12afa0;
text-decoration: none; text-decoration: none;
} }
.text-primary { .text-primary {
color: #12afa0 !important; color: #12afa0 !important;
} }
@ -163,7 +177,7 @@ a:hover {
body, body,
header.masthead { header.masthead {
background: black; background: black;
} }
/* IMAGE SLIDER */ /* IMAGE SLIDER */
.jquery-bg-slideshow-wrap-bg-element { .jquery-bg-slideshow-wrap-bg-element {
@ -173,10 +187,13 @@ header.masthead {
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.bg,header.masthead {
.bg,
header.masthead {
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%), url(../assets/img/space-gray.png) !important; background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%), url(../assets/img/space-gray.png) !important;
} }
} }
.bg { .bg {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -194,6 +211,7 @@ header.masthead {
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
} }
.theme-overview { .theme-overview {
background: #2d2d2d; background: #2d2d2d;
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0)); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 1.0), rgba(87, 109, 117, 1.0));
@ -202,32 +220,39 @@ header.masthead {
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
font-family: var(--font-family-sans-serif); font-family: var(--font-family-sans-serif);
} }
#services { #services {
background: rgba(87, 109, 117, 1.0); background: rgba(87, 109, 117, 1.0);
color: white; color: white;
padding: 0rem 0 8rem 0; padding: 0rem 0 8rem 0;
} }
.all-apps { .all-apps {
max-width: 1980px; max-width: 1980px;
} }
.img-fluid { .img-fluid {
border-radius: 5px; border-radius: 5px;
} }
.app-container { .app-container {
background: rgba(0, 0, 0, 0.2); background: rgba(0, 0, 0, 0.2);
color:rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
border-radius: 5px; border-radius: 5px;
max-width: 120px; max-width: 120px;
min-width: 120px; min-width: 120px;
} }
.app-container:hover { .app-container:hover {
color: white; color: white;
text-decoration: none; text-decoration: none;
background: #47918a80; background: #47918a80;
} }
.app-container:hover img { .app-container:hover img {
transform: scale(1.1); transform: scale(1.1);
} }
.app-container img { .app-container img {
transition: transform .5s; transition: transform .5s;
} }
@ -243,6 +268,7 @@ p {
font-weight: 500; font-weight: 500;
line-height: 1.2; line-height: 1.2;
} }
/* @media (min-width: 992px) { /* @media (min-width: 992px) {
.portfolio-box img { .portfolio-box img {
object-fit: cover; object-fit: cover;

2753
Resources/landing-page/css/styles.css

File diff suppressed because it is too large
Loading…
Cancel
Save