1 line
4.7 KiB
CSS
1 line
4.7 KiB
CSS
|
html.layout-tv:root,html.layout-tv.accent-blue:root,html.layout-tv.accent-pink:root,html.layout-tv.accent-purple:root,html.layout-tv.accent-red:root,html.layout-tv.accent-orangered:root,html.layout-tv.accent-emby:root{--theme-outline-width:0.2rem}@property --raywidth{syntax:'<percentage>';inherits:false;initial-value:2%}@property --basecol{syntax:'<color>';inherits:false;initial-value:white}@property --fullcol{syntax:'<color>';inherits:false;initial-value:white}html.layout-tv .headerClock.headerSectionItem{margin-inline-end:1.5rem!important}html.layout-tv .emby-scroller.scrollFrameX-tv{overflow:visible!important}.emby-button-focusscale:focus{transform:none!important}html.layout-tv .paper-icon-button-light-tv:focus,html.layout-tv .paper-icon-button-light:focus-visible{outline-style:none!important;background:var(--win-ControlFillColorSecondary);color:hsla(var(--theme-text-color-hue),var(--theme-text-color-saturation),var(--theme-text-color-lightness),var(--theme-text-color-alpha));overflow:visible;border-radius:.4em!important;z-index:2}html.layout-tv .emby-button:focus-visible{outline-style:none!important;z-index:2;border-radius:.4em!important}html.layout-tv .emby-tab-button.emby-button:focus-visible,html.layout-tv .paper-icon-button-light.emby-button:focus-visible{outline-offset:-0.3em!important}html.layout-tv .emby-button:focus-visible::before,html.layout-tv .paper-icon-button-light:focus-visible::before{content:"";display:block;position:absolute;--outset:calc(var(--theme-outline-width)* -1.4);--focusblur1:0.6rem;--focusblur2:1.4rem;top:var(--outset);left:var(--outset);bottom:var(--outset);right:var(--outset);mask-position:center center;mask-clip:no-clip;box-shadow:inset var(--theme-outline-color) 0 0 .45rem 0,var(--theme-outline-color) 0 0 var(--focusblur2) 0;outline-style:solid!important;outline-color:var(--theme-outline-color);outline-width:var(--theme-outline-width)!important;outline-offset:calc(var(--theme-outline-width)* -1)!important;border-radius:.4em!important;--basecol:hsl(0 2% 55% / 1);--fullcol:var(--basecol);--angle:0deg;--raywidth:2%;animation:rotateGradient 15s 2s linear infinite,revealFocus .6s 0s forwards cubic-bezier(.39,.58,.57,1),highlightsFadeIn 6s 2s linear;mask-mode:luminance,luminance,luminance;filter:saturate(1.3) brightness(1.05)}@media (prefers-color-scheme:dark){html.layout-tv .cardBox{background-color:#1c1c1c}}html.layout-tv .card:focus-visible .cardBox-sideFooter,html.layout-tv .card:focus-visible .cardBox{outline-style:none!important;box-shadow:var(--theme-outline-color) 0 0 .95rem .1rem}@media (prefers-color-scheme:dark){html.layout-tv .cardBox{background-color:#1c1c1c}}html.layout-tv .card:focus>.cardBox-focustransform{transform:none}html.layout-tv .card:focus-visible .cardBox-sideFooter::before,html.layout-tv .card:focus-visible .cardBox::before{content:"";display:block;position:absolute;--outset:calc(var(--theme-outline-width)* -2.0);--focusblur1:1.5rem;--focusblur2:3rem;top:var(--outset);left:var(--outset);bottom:var(--outset);right:var(--outset);mask-position:center center;mask-clip:no-clip;box-shadow:inset var(--theme-outline-color) 0 0 9px 0,var(--theme-outline-color) 0 0 60px 0;box-shadow:inset var(--theme-outline-color) 0 0 .45rem 0,var(--theme-outline-color) 0 0 var(--focusblur2) 0;outline-style:solid!important;outline-color:var(--theme-outline-color);outline-width:calc(var(--theme-outline-width) * 1)!important;outline-offset:calc(var(--theme-outline-width)* -1)!important;border-radius:var(--theme-outline-radius)!important;border-radius:.8rem!important;--basecol:hsl(0 2% 55% / 1);--fullcol:var(--basecol);--angle:0deg;--raywidth:2%;animation:rotateGradient 15s 2s linear infinite,revealFocus .6s 0s forwards cubic-bezier(.39,.58,.57,1),highlightsFadeIn 6s 2s linear;mask-mode:luminance,luminance,luminance;mask-image:conic-gradient(from var(--angle) at 50% 50%,var(--fullcol),var(--basecol) var(--raywidth),var(--basecol) calc(100% - var(--raywidth)),var(--fullcol) 100%);filter:saturate(1.5) brightness(1.4)}@keyframes revealFocus{0%{box-shadow:inset var(--theme-outline-color) 0 0 .45re
|