mirror of
https://github.com/gilbN/theme.park.git
synced 2024-09-11 19:32:24 +02:00
*arr popover/tooltip changes
This commit is contained in:
parent
938ce32d12
commit
229f71d51b
@ -447,22 +447,30 @@ a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"] {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
color: #fff;
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
-webkit-backdrop-filter: saturate(1) blur(1.5em);
|
||||
backdrop-filter: saturate(1) blur(1.5em);
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
|
||||
|
@ -385,22 +385,30 @@ a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"] {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
color: #fff;
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
-webkit-backdrop-filter: saturate(1) blur(1.5em);
|
||||
backdrop-filter: saturate(1) blur(1.5em);
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
|
||||
|
@ -386,22 +386,30 @@ a:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"] {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
color: #fff;
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
-webkit-backdrop-filter: saturate(1) blur(1.5em);
|
||||
backdrop-filter: saturate(1) blur(1.5em);
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
|
||||
|
@ -443,22 +443,30 @@ a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"] {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
color: #fff;
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
-webkit-backdrop-filter: saturate(1) blur(1.5em);
|
||||
backdrop-filter: saturate(1) blur(1.5em);
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
|
||||
|
@ -12,13 +12,13 @@
|
||||
|
||||
:root {
|
||||
--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-unaired: 93 156 236;
|
||||
--calendar-tv-unaired: 93 156 236;
|
||||
--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;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
@ -44,11 +44,11 @@ body {
|
||||
|
||||
/* LINKS */
|
||||
[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 {
|
||||
color: var(--link-color-hover);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
a {
|
||||
@ -290,6 +290,7 @@ a:hover {
|
||||
#sidebar-toggle-button {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
#sidebar-toggle-button:hover,
|
||||
#sidebar-toggle-button:focus,
|
||||
#sidebar-toggle-button:active {
|
||||
@ -392,46 +393,42 @@ a:hover {
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-bod-"] {
|
||||
background: var(--modal-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat !important;
|
||||
background-attachment: fixed, fixed !important;
|
||||
background-position: center center, center center !important;
|
||||
background-size: auto, cover !important;
|
||||
-webkit-background-size: auto, cover !important;
|
||||
-moz-background-size: auto, cover !important;
|
||||
-o-background-size: auto, cover !important;
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
background: #1f1f1f;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltipContainer-"] {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
[class*="Tooltip-tooltip-"][class*=Tooltip-inverse-] {
|
||||
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;
|
||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
|
||||
@supports (backdrop-filter: blur(1em)) or (-webkit-backdrop-filter:blur(1em)) {
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-inverse-"],
|
||||
[class*="Popover-title-"],
|
||||
[class*="SeasonInfo-title-"],
|
||||
[class*="Popover-body-"],
|
||||
[class*="Tooltip-body-"],
|
||||
[class*="Tooltip-tooltipContainer-"],
|
||||
[class*="Tooltip-tooltip-"][class*="Tooltip-default-"] {
|
||||
-webkit-backdrop-filter: saturate(1) blur(1.5em);
|
||||
backdrop-filter: saturate(1) blur(1.5em);
|
||||
background: rgb(var(--accent-color),0.05);
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-inverse-"] {
|
||||
border-bottom-color: #fff;
|
||||
border-bottom-color: var(--text);
|
||||
}
|
||||
|
||||
[class*="Tooltip-bottom-"][class*="Tooltip-default-"] {
|
||||
border-bottom-color: #fff !important;
|
||||
border-bottom-color: var(--text) !important;
|
||||
}
|
||||
|
||||
[class*="Tooltip-right-"][class*="Tooltip-default-"] {
|
||||
border-right-color: #fff !important;
|
||||
border-right-color: var(--text) !important;
|
||||
}
|
||||
|
||||
[class*="EpisodeTitleLink-link-"]:hover {
|
||||
|
Loading…
Reference in New Issue
Block a user