|
@ -12,13 +12,13 @@ |
|
|
|
|
|
|
|
|
:root { |
|
|
:root { |
|
|
--calendar-tv-unaired-premiere: 53 197 244; |
|
|
--calendar-tv-unaired-premiere: 53 197 244; |
|
|
--calendar-tv-downloading: 122 67 182; |
|
|
--calendar-tv-downloading: 122 67 182; |
|
|
--calendar-tv-unmonitored: 173 173 173; |
|
|
--calendar-tv-unmonitored: 173 173 173; |
|
|
--calendar-tv-unaired: 93 156 236; |
|
|
--calendar-tv-unaired: 93 156 236; |
|
|
--calendar-tv-missing: 240 80 80; |
|
|
--calendar-tv-missing: 240 80 80; |
|
|
--calendar-tv-on-air: 255 165 0; |
|
|
--calendar-tv-on-air: 255 165 0; |
|
|
--calendar-tv-available: 39 194 76; |
|
|
--calendar-tv-available: 39 194 76; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
body { |
|
|
body { |
|
|
background: var(--main-bg-color); |
|
|
background: var(--main-bg-color); |
|
@ -44,11 +44,11 @@ body { |
|
|
|
|
|
|
|
|
/* LINKS */ |
|
|
/* LINKS */ |
|
|
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { |
|
|
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):not([class*="Button-"]) { |
|
|
color: var(--link-color); |
|
|
color: var(--link-color); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { |
|
|
[class*="Link-to-"]:not([class*="PageSidebarItem-link-"]):hover:not([class*="Button-"]):hover { |
|
|
color: var(--link-color-hover); |
|
|
color: var(--link-color-hover); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
a { |
|
|
a { |
|
@ -290,6 +290,7 @@ a:hover { |
|
|
#sidebar-toggle-button { |
|
|
#sidebar-toggle-button { |
|
|
color: var(--text); |
|
|
color: var(--text); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
#sidebar-toggle-button:hover, |
|
|
#sidebar-toggle-button:hover, |
|
|
#sidebar-toggle-button:focus, |
|
|
#sidebar-toggle-button:focus, |
|
|
#sidebar-toggle-button:active { |
|
|
#sidebar-toggle-button:active { |
|
@ -392,46 +393,42 @@ a:hover { |
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
background-color: rgba(0, 0, 0, .25) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], |
|
|
[class*="Popover-title-"], |
|
|
[class*="Popover-title-"], |
|
|
[class*="SeasonInfo-title-"], |
|
|
[class*="SeasonInfo-title-"], |
|
|
[class*="Popover-body-"], |
|
|
[class*="Popover-body-"], |
|
|
[class*="Tooltip-bod-"] { |
|
|
[class*="Tooltip-body-"], |
|
|
background: var(--modal-bg-color) !important; |
|
|
[class*="Tooltip-tooltipContainer-"], |
|
|
background-repeat: repeat, no-repeat !important; |
|
|
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { |
|
|
background-attachment: fixed, fixed !important; |
|
|
background: #1f1f1f; |
|
|
background-position: center center, center center !important; |
|
|
color: #eee; |
|
|
background-size: auto, cover !important; |
|
|
} |
|
|
-webkit-background-size: auto, cover !important; |
|
|
|
|
|
-moz-background-size: auto, cover !important; |
|
|
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) { |
|
|
-o-background-size: auto, cover !important; |
|
|
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"], |
|
|
} |
|
|
[class*="Popover-title-"], |
|
|
|
|
|
[class*="SeasonInfo-title-"], |
|
|
[class*="Tooltip-tooltipContainer-"] { |
|
|
[class*="Popover-body-"], |
|
|
color: #fff; |
|
|
[class*="Tooltip-body-"], |
|
|
} |
|
|
[class*="Tooltip-tooltipContainer-"], |
|
|
|
|
|
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] { |
|
|
[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] { |
|
|
-webkit-backdrop-filter: saturate(1) blur(1.5em); |
|
|
background: var(--modal-bg-color); |
|
|
backdrop-filter: saturate(1) blur(1.5em); |
|
|
background-repeat: repeat, no-repeat; |
|
|
background: rgb(var(--accent-color),0.05); |
|
|
background-attachment: fixed, fixed; |
|
|
color: white; |
|
|
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; |
|
|
|
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { |
|
|
[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] { |
|
|
border-bottom-color: #fff; |
|
|
border-bottom-color: var(--text); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { |
|
|
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] { |
|
|
border-bottom-color: #fff !important; |
|
|
border-bottom-color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
[class*="Tooltip-right-"][class*="Tooltip-default-"] { |
|
|
[class*="Tooltip-right-"][class*="Tooltip-default-"] { |
|
|
border-right-color: #fff !important; |
|
|
border-right-color: var(--text) !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
[class*="EpisodeTitleLink-link-"]:hover { |
|
|
[class*="EpisodeTitleLink-link-"]:hover { |
|
|