diff --git a/css/base/overseerr/overseerr-base.css b/css/base/overseerr/overseerr-base.css index 7175ef33..eebd42bc 100644 --- a/css/base/overseerr/overseerr-base.css +++ b/css/base/overseerr/overseerr-base.css @@ -65,6 +65,7 @@ button[class*="bg-indigo-"], button[class*="bg-gray-"], button[class*="border-indigo-"], button[class*="border-gray-"], +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a, button.input-action { background-color: var(--button-color); border-color: var(--button-color); @@ -81,7 +82,8 @@ button[class*="bg-gray-"]:hover, button[class*="border-indigo-"]:hover, button[class*="border-gray-"]:hover, button.input-action:hover, -button[class="input-action"]:hover { +button[class="input-action"]:hover, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.relative.z-40.mt-6.mb-12.lg\:flex.lg\:items-end.lg\:justify-between.lg\:space-x-5 > div.flex.flex-col-reverse.mt-6.space-y-4.space-y-reverse.justify-stretch.lg\:flex-row.lg\:justify-end.lg\:space-x-reverse.lg\:space-y-0.lg\:space-x-3 > a:hover { background-color: var(--button-color-hover); border-color: var(--button-color-hover); color: var(--button-text-hover); @@ -203,6 +205,11 @@ body { color: rgb(var(--accent-color)) !important; } +.bg-gray-700 { + --tw-bg-opacity: .05; + background-color: rgba(var(--accent-color), var(--tw-bg-opacity)); +} + /* SEARCH BAR */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>.bg-gray-700 { background-color: rgb(var(--accent-color), .3) @@ -335,7 +342,8 @@ a.slider-title:hover { /* SHOW PAGE */ -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0 { +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-page-bg-image>div.absolute.inset-0, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.absolute.left-0.right-0.z-0.-top-16.h-96 > div > div > div.absolute.inset-0 { background: var(--overseerr-gradient) !important; } @@ -513,7 +521,8 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent /* DROPDOWN */ #__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div.bg-gray-700, -#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a { +#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.media-header>div.media-actions>span>span>div>div>div>a, +#__next > div > div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64 > main > div > div > div.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div { background: var(--drop-down-menu-bg); } @@ -521,6 +530,14 @@ body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-cent background: rgba(255, 255, 255, 0.1); } + +[aria-labelledby="user-menu"] { + background: var(--drop-down-menu-bg); +} +[aria-labelledby="user-menu"] a:hover{ + background-color: rgba(255, 255, 255, 0.05); +} + /* LOGIN */ #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>button, #__next>div>div.relative.z-50.mt-8.sm\:mx-auto.sm\:w-full.sm\:max-w-md>div>div:nth-child(3)>button {