mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-12 03:42:24 +02:00
644 lines
26 KiB
CSS
644 lines
26 KiB
CSS
@import url("/css/defaults/placeholders.css");
|
|
@import url("/css/defaults/transparent.css");
|
|
|
|
/* TEXT */
|
|
[class*="text-gray-"]:not(button:disabled):not(button):not(.text-gray-100) {
|
|
color: var(--text);
|
|
}
|
|
|
|
[class*="text-indigo-"]:not(.text-indigo-100),
|
|
.text-overseerr {
|
|
color: rgb(var(--accent-color));
|
|
}
|
|
|
|
.text-indigo-100 {
|
|
color: var(--label-text-color);
|
|
}
|
|
|
|
.text-gray-400,
|
|
.text-gray-200 {
|
|
color: var(--transparency-light-95) !important;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.tagline,
|
|
.media-crew>li>span {
|
|
color: var(--text-hover) !important;
|
|
}
|
|
|
|
p {
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.relative.z-10.flex.flex-col.flex-1.min-w-0.pr-4>div.flex.items-center.mt-2.text-sm.sm\:mt-1>span {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
.media-fact-value a,
|
|
.media-fact-value button,
|
|
a.crew-name,
|
|
.card-field a,
|
|
.prose a {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
a.text-indigo-500 {
|
|
color: var(--link-color) !important;
|
|
}
|
|
|
|
a.text-indigo-500:hover {
|
|
color: var(--link-color-hover) !important;
|
|
}
|
|
|
|
.media-fact-value a:hover,
|
|
.media-fact-value button:hover,
|
|
a.crew-name:hover,
|
|
.prose a:hover,
|
|
.card-field a:hover {
|
|
color: var(--link-color-hover);
|
|
}
|
|
|
|
.label-tip {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
|
|
/* BUTTONS */
|
|
|
|
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: rgb(var(--accent-color), .5);
|
|
border-color: rgb(var(--accent-color), .5);
|
|
color: var(--button-text);
|
|
}
|
|
|
|
#headlessui-listbox-button-\:r5\:>span:nth-child(1)>span.ml-1.truncate.text-gray-400 {
|
|
color: var(--button-text);
|
|
}
|
|
|
|
.focus\:border-blue-300:focus {
|
|
border-color: rgb(var(--accent-color)) !important;
|
|
}
|
|
|
|
button[type="submit"],
|
|
button[class="input-action"] {
|
|
color: var(--button-text)
|
|
}
|
|
|
|
button[class*="bg-indigo-"]:hover,
|
|
button[class*="bg-gray-"]:hover,
|
|
button[class*="border-indigo-"]:hover,
|
|
button[class*="border-gray-"]:hover,
|
|
button.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: rgb(var(--accent-color), .8);
|
|
border-color: rgb(var(--accent-color), .8);
|
|
color: var(--button-text-hover) !important;
|
|
}
|
|
|
|
button[type="submit"]:hover,
|
|
button.input-action:hover {
|
|
color: var(--button-text-hover)
|
|
}
|
|
|
|
/* INPUT FORMS */
|
|
|
|
[multiple]:focus,
|
|
[type=date]:focus,
|
|
[type=datetime-local]:focus,
|
|
[type=email]:focus,
|
|
[type=month]:focus,
|
|
[type=number]:focus,
|
|
[type=password]:focus,
|
|
[type=search]:focus,
|
|
[type=tel]:focus,
|
|
[type=text]:focus,
|
|
[type=time]:focus,
|
|
[type=url]:focus,
|
|
[type=week]:focus,
|
|
select:focus,
|
|
textarea:focus {
|
|
--tw-ring-color: rgb(var(--accent-color));
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
|
|
border-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
input[type=password],
|
|
input[type=text],
|
|
textarea {
|
|
border-color: rgba(255, 255, 255, .1);
|
|
background: var(--transparency-dark-25);
|
|
color: var(--text);
|
|
}
|
|
|
|
select:focus {
|
|
border-color: rgba(255, 255, 255, .1) !important;
|
|
background: var(--drop-down-menu-bg) !important;
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
select,
|
|
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div.mb-4.flex.flex-col.justify-between.lg\:flex-row.lg\:items-end>div.mt-2.flex.flex-grow.flex-col.sm\:flex-row.lg\:flex-grow-0>div>span {
|
|
border-color: rgba(255, 255, 255, .1) !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
select {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
|
|
background-position: right .5rem center !important;
|
|
background-repeat: no-repeat !important;
|
|
background-size: 1.5em 1.5em !important;
|
|
padding-right: 2.5rem !important;
|
|
-webkit-print-color-adjust: exact !important;
|
|
color-adjust: exact !important;
|
|
print-color-adjust: exact !important;
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
color: rgba(var(--accent-color));
|
|
}
|
|
|
|
[type=checkbox]:focus,
|
|
[type=radio]:focus {
|
|
outline: 2px solid transparent;
|
|
outline-offset: 2px;
|
|
--tw-ring-offset-width: 2px;
|
|
--tw-ring-offset-color: #fff;
|
|
--tw-ring-color: rgb(var(--accent-color));
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody>tr>td.px-4.py-4.text-sm.font-medium.leading-5.text-gray-100.whitespace-nowrap.false>span>span.bg-indigo-500,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>thead>tr>th.w-16.px-4.py-3.bg-gray-500.false>span>span.bg-indigo-500 {
|
|
background: rgb(var(--accent-color));
|
|
}
|
|
|
|
span.bg-indigo-500 {
|
|
background-color: rgb(var(--accent-color));
|
|
color: var(--label-text-color) !important;
|
|
border-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
.react-select-container .react-select__control {
|
|
border-color: rgba(255, 255, 255, 0.1) !important;
|
|
background: var(--transparency-dark-25) !important;
|
|
color: var(--text) !important;
|
|
}
|
|
|
|
.react-select-container .react-select__menu {
|
|
background: var(--drop-down-menu-bg);
|
|
color: var(--text);
|
|
}
|
|
|
|
.react-select-container .react-select__option--is-focused {
|
|
background: var(--transparency-light-10);
|
|
color: var(--text-hover)
|
|
}
|
|
|
|
|
|
.group-label,
|
|
label {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
select:focus {
|
|
background: var(--drop-down-menu-bg);
|
|
}
|
|
|
|
|
|
/* BG STUFF */
|
|
#__next>div,
|
|
body {
|
|
background: var(--main-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
color: var(--text);
|
|
}
|
|
|
|
[data-popper-placement] {
|
|
background: rgb(var(--accent-color)) !important;
|
|
color: var(--label-text-color) !important;
|
|
}
|
|
|
|
.hover\:bg-gray-700:hover {
|
|
--tw-bg-opacity: .3;
|
|
background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
|
|
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)
|
|
}
|
|
|
|
#search_field {
|
|
background: var(--transparency-dark-45);
|
|
}
|
|
|
|
|
|
/* TOP GRADIENT */
|
|
#__next>div>div.absolute.top-0.w-full.h-64.from-gray-800.to-gray-900.bg-gradient-to-bl .bg-gradient-to-t {
|
|
background: var(--main-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
|
|
}
|
|
|
|
/* GRADIENT ON CARDS'N'STUFF*/
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div {
|
|
background: none;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900.bg-gradient-to-t,
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div>div>div>div.absolute.bottom-0.left-0.right-0.h-12.rounded-b-xl.bg-gradient-to-t.from-gray-900 {
|
|
background-image: none !important;
|
|
}
|
|
|
|
/* SIDE BAR*/
|
|
|
|
.sidebar {
|
|
border-right-width: 1px;
|
|
--tw-border-opacity: .1;
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
background: var(--main-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
}
|
|
|
|
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a {
|
|
color: var(--text);
|
|
}
|
|
|
|
.to-purple-600 {
|
|
--tw-gradient-to: rgb(var(--accent-color), .3);
|
|
}
|
|
|
|
.hover\:to-purple-500:hover {
|
|
--tw-gradient-to: rgb(var(--accent-color), .8);
|
|
}
|
|
|
|
[role="menuitem"]:hover {
|
|
background: rgb(var(--accent-color), .3);
|
|
}
|
|
|
|
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
|
|
#__next>div>div.lg\:hidden>div>div.relative.flex.flex-col.flex-1.w-full.max-w-xs.bg-gray-800.sidebar.appear-done.enter-done>div.flex.flex-col.flex-1.h-0.pt-8.pb-8.overflow-y-auto.sm\:pb-4>nav>a.flex.items-center.px-2.py-2.text-base.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500 {
|
|
--tw-gradient-from: rgb(var(--accent-color), .3);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(var(--accent-color), .3));
|
|
}
|
|
|
|
.from-indigo-600 {
|
|
--tw-gradient-from: rgb(var(--accent-color), .3);
|
|
--tw-gradient-to: rgba(var(--accent-color), .3);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
}
|
|
|
|
.from-indigo-600:hover {
|
|
--tw-gradient-from: rgb(var(--accent-color), .7);
|
|
--tw-gradient-to: rgba(var(--accent-color), .7);
|
|
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
|
|
}
|
|
|
|
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500,
|
|
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>nav>a.flex.group.items-center.px-2.py-2.text-lg.leading-6.font-medium.rounded-md.text-white.focus\:outline-none.transition.ease-in-out.duration-150.bg-gradient-to-br.from-indigo-600.to-purple-600.hover\:from-indigo-500.hover\:to-purple-500>svg {
|
|
color: rgb(var(--accent-color)) !important;
|
|
}
|
|
|
|
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div {
|
|
background: var(--modal-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
}
|
|
|
|
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>header,
|
|
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div {
|
|
background: transparent;
|
|
}
|
|
|
|
body>div.z-50.fixed.inset-0.overflow-hidden.bg-opacity-70.bg-gray-800.enter-done>div>section>div>div>div>div.overflow-hidden.bg-gray-600.rounded-md.shadow {
|
|
background: var(--transparency-dark-25) !important;
|
|
}
|
|
|
|
#__next>div>div.fixed.top-0.bottom-0.left-0.z-30.hidden.lg\:flex.lg\:flex-shrink-0>div>div>div>div.px-2>a {
|
|
background: var(--transparency-dark-25)
|
|
}
|
|
|
|
/* LOADER */
|
|
body>div.fixed.top-0.left-0.z-50.w-full.transition-opacity.ease-out.duration-400.opacity-0>div {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
/* body>div.fixed.top-0.left-0.z-50.w-full .bg-indigo-400 {
|
|
background-color: rgb(var(--accent-color));
|
|
} */
|
|
|
|
/* DISCOVER PAGE */
|
|
|
|
.slider-title,
|
|
.to-purple-400 {
|
|
color: rgb(var(--accent-color));
|
|
}
|
|
|
|
a.slider-title:hover {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
/* CARDS */
|
|
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a,
|
|
#__next>div>div.relative.mb-16.flex.w-0.min-w-0.flex-1.flex-col.lg\:ml-64>main>div>div>div>div>div.hide-scrollbar.relative.-my-2.-ml-4.-mr-4.overflow-y-auto.overflow-x-scroll.overscroll-x-contain.whitespace-nowrap.px-2.py-2>div>a>div {
|
|
background: var(--transparency-light-15)
|
|
}
|
|
|
|
/* CARD HOVER */
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div>div>div:hover a {
|
|
background: linear-gradient(rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0, .7) 100%) !important;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>div>div.absolute.inset-0.z-0>div.absolute.inset-0 {
|
|
background-image: linear-gradient(135deg, rgba(var(--accent-color), 0.3) 0%, rgba(0, 0, 0) 75%) !important;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a:hover {
|
|
background: linear-gradient(rgba(var(--accent-color), .4) 0%, rgba(var(--accent-color), 0.3) 100%);
|
|
}
|
|
|
|
|
|
/* 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.absolute.left-0.right-0.z-0.-top-16.h-96>div>div>div.absolute.inset-0 {
|
|
background: var(--overseerr-gradient) !important;
|
|
}
|
|
|
|
#__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-overview {
|
|
/* background: var(--main-bg-color);
|
|
padding: 1rem 1rem 2rem 0;
|
|
padding-left: 1rem;
|
|
margin: 1rem -1rem -1rem; */
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div:hover,
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>ul>li>a>div:hover {
|
|
--tw-bg-opacity: 0.4;
|
|
background-color: rgb(var(--accent-color), var(--tw-bg-opacity));
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.relative.px-2.py-2.-my-2.-ml-4.-mr-4.overflow-x-scroll.overflow-y-auto.whitespace-nowrap.hide-scrollbar.overscroll-x-contain>div>a>div>div>div>div.text-gray-300 {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
#__next>div>div .bg-gradient-to-t.from-gray-800 {
|
|
background: none;
|
|
}
|
|
|
|
.media-facts {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
background: var(--transparency-dark-25);
|
|
color: var(--text-hover) !important;
|
|
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
|
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
}
|
|
|
|
.media-ratings,
|
|
.media-fact {
|
|
border-color: rgb(255 255 255 / 10%);
|
|
}
|
|
|
|
.media-fact-value {
|
|
color: var(--text);
|
|
}
|
|
|
|
/* REQUESTS */
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
|
|
background-image: linear-gradient(90deg, rgba(var(--accent-color), 0.2) 0%, rgb(var(--accent-color)) 100%) !important;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.flex.flex-col.justify-between.mb-4.lg\:items-end.lg\:flex-row>div.mt-8.md\:flex.md\:items-center.md\:justify-between>div>h2>span {
|
|
color: rgb(var(--accent-color));
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>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>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
|
|
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, var(--modal-bg-color) 100%) !important;
|
|
}
|
|
|
|
/* RINGA A DINGALING*/
|
|
.ring-1 {
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) rgb(255 255 255 / 10%) !important;
|
|
}
|
|
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.absolute.top-0.left-0.right-0.z-0.h-96>div>div>div.absolute.inset-0 {
|
|
background-image: linear-gradient(rgba(var(--accent-color), 0.2) 0%, #000 100%) !important;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div.bg-gray-800 {
|
|
background: #000;
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>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:nth-child(2)>div>div.absolute.inset-0.z-0.w-full.bg-center.bg-cover.xl\:w-2\/3>div.absolute.inset-0 {
|
|
background: linear-gradient(90deg, rgba(var(--accent-color), 0.4) 0%, #000 100%) !important;
|
|
}
|
|
|
|
/* SETTINGS */
|
|
|
|
code {
|
|
background: var(--transparency-dark-25);
|
|
}
|
|
|
|
#__next>div>div.relative.flex.flex-col.flex-1.w-0.min-w-0.mb-16.lg\:ml-64>main>div>div>div.mt-6>div.hidden.overflow-x-scroll.border-b.border-gray-600.sm\:block.hide-scrollbar>nav>a.px-1.py-4.ml-8.text-sm.font-medium.leading-5.transition.duration-300.border-b-2.border-transparent.whitespace-nowrap.first\:ml-0.text-indigo-500.border-indigo-600 {
|
|
border-color: rgb(var(--accent-color));
|
|
}
|
|
|
|
#__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>div>ul>li>div {
|
|
background: var(--transparency-light-10);
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
.bg-indigo-600 {
|
|
--tw-bg-opacity: 1;
|
|
background-color: rgba(var(--accent-color), var(--tw-bg-opacity));
|
|
}
|
|
|
|
.focus\:ring:focus {
|
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) rgba(var(--accent-color), 0.5);
|
|
}
|
|
|
|
.border-gray-600 {
|
|
--tw-border-opacity: .1;
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
}
|
|
|
|
.actions {
|
|
--tw-border-opacity: .1;
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
--tw-text-opacity: 1;
|
|
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
|
}
|
|
|
|
.border-gray-800,
|
|
.divide-gray-800>:not([hidden])~:not([hidden]) {
|
|
--tw-border-opacity: .2;
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
}
|
|
|
|
.border-gray-500,
|
|
.border-gray-700 {
|
|
--tw-border-opacity: .1;
|
|
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
|
}
|
|
|
|
#__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>div.hidden.sm\:block>nav>a.px-3.py-2.text-sm.font-medium.transition.duration-300.rounded-md.whitespace-nowrap.mx-2.my-1.bg-indigo-700 {
|
|
background-color: var(--button-color);
|
|
}
|
|
|
|
|
|
/* TABLE */
|
|
|
|
.divide-gray-700>:not([hidden])~:not([hidden]) {
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
table>thead>tr>th,
|
|
#__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>div>div.flex.flex-col>div>div>div>table>tbody>tr.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>div>div>table>tbody>tr.bg-gray-700 {
|
|
background: var(--transparency-dark-25) !important;
|
|
border-color: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
|
|
/* MODAL */
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.p-4.bg-gray-600.rounded-md.shadow,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div.bg-gray-700,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.mt-4>div.p-4.bg-gray-600.rounded-md.shadow {
|
|
background: var(--modal-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div>img {
|
|
display: none !important;
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div>div.absolute.top-0.left-0.right-0.z-0.h-64.max-h-full.w-full>span>img {
|
|
display: none !important;
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70.enter-done>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0,
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.absolute.top-0.left-0.right-0.z-0.w-full.h-64>div.absolute.inset-0 {
|
|
background: transparent !important;
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.h-full.w-full.items-center.justify-center.bg-gray-800.bg-opacity-70.opacity-100>div[aria-modal="true"] {
|
|
background: var(--main-bg-color);
|
|
}
|
|
|
|
body>div.fixed.top-0.bottom-0.left-0.right-0.z-50.flex.items-center.justify-center.w-full.h-full.bg-gray-800.bg-opacity-70>div>div.relative.mt-4.text-sm.leading-5.text-gray-300>div.flex.flex-col>div>div>div>table>tbody {
|
|
background: var(--transparency-light-10);
|
|
}
|
|
|
|
|
|
/* 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.mt-10.text-white > form > div:nth-child(5) > div > div > div > div > div > div {
|
|
background: var(--drop-down-menu-bg);
|
|
} */
|
|
|
|
#__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:hover {
|
|
background: var(--transparency-light-10);
|
|
}
|
|
|
|
|
|
[aria-labelledby="user-menu"] {
|
|
background: var(--drop-down-menu-bg);
|
|
}
|
|
|
|
[aria-labelledby="user-menu"] a:hover {
|
|
background: var(--transparency-light-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 {
|
|
background: var(--transparency-light-10);
|
|
}
|
|
|
|
/* TOAST */
|
|
|
|
#toast-container>div>div {
|
|
background: rgb(var(--accent-color));
|
|
}
|
|
|
|
#toast-container .text-gray-400,
|
|
#toast-container .text-white {
|
|
color: var(--label-text-color);
|
|
}
|
|
|
|
/* BLURSTUFF */
|
|
|
|
.backdrop-blur:not(.bg-yellow-500) {
|
|
background: rgb(var(--accent-color), 0.3);
|
|
--tw-backdrop-blur: blur(8px);
|
|
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
|
|
border-color: rgb(var(--accent-color), 0.3);
|
|
}
|
|
|
|
|
|
[aria-labelledby*="headlessui-label"][data-headlessui-state*="checked"] {
|
|
background: rgb(var(--accent-color), 0.3);
|
|
border-color: rgb(var(--accent-color), 0.3);
|
|
} |