|
|
@ -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 { |
|
|
|