diff --git a/css/base/ombi/ombi-base.css b/css/base/ombi/ombi-base.css index 2a3be240..b901fa08 100644 --- a/css/base/ombi/ombi-base.css +++ b/css/base/ombi/ombi-base.css @@ -83,7 +83,7 @@ a:hover { /* TOP NAV */ .top-search-bar .mat-form-field-flex { - border: 1px solid rgba(255, 255, 255, 0.10); + border: 1px solid rgba(255, 255, 255, 0.10) !important; background: var(--transparency-dark-45); } @@ -271,55 +271,20 @@ a:hover { } } */ -/* MOBILE */ -@media (min-width: 768px) { - .sidenav-container .sidenav { - background: var(--transparency-dark-45) !important; - } +.detailed-container { + border: none !important; + background-color: var(--transparency-dark-25) !important; } - - -@media (max-width: 768px) { - .p-carousel-item { - min-height: 230px !important; - max-width: 11.7rem !important - } - - .p-carousel .p-carousel-content .p-carousel-next, - .p-carousel .p-carousel-content .p-carousel-prev { - display: none; - } - - .right { - text-align: right !important; - margin-top: -61px; - } -} - -.p-carousel-item { - min-height: 290px; - max-height: 290px; - max-width: 12rem; -} - -@media (max-width: 768px) { - .section h2 { - margin-left: 5px !important; - } -} - -@media (min-width: 768px) { - .section h2 { - margin-left: 63px !important; - } +.detailed-container .poster { + border: 1px solid transparent !important; } /* CARDS */ -.ombi-card { + .ombi-card { padding: 0px !important; margin: 5px !important; } - +/* #cardImage, .ombi-card { border-radius: .75rem !important; @@ -328,7 +293,7 @@ a:hover { #cardImage { min-height: 225px; } - +*/ .p-carousel-indicators, .p-carousel-items-container { display: flex; @@ -339,11 +304,8 @@ a:hover { .c .card-top-info { top: -1px !important; position: absolute; - border-radius: .75rem .75rem 0 0 !important; - background-color: var(--transparency-dark-70) !important; - backdrop-filter: blur(10px) !important; - -webkit-backdrop-filter: blur(10px) !important; - transition: 0s -webkit-filter linear; + border-radius:10px 10px 0 0 !important; + background-color: var(--transparency-dark-90) !important; } .ombi-card .button-request-container .button-request {