1 line
6.2 KiB
CSS
1 line
6.2 KiB
CSS
|
:root{--headerlogo-background-position:left center}.rtl:root{--headerlogo-background-position:right center}.pageTitle{vertical-align:middle;margin:0;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pageTitleWithLogo{background-position:left center;background-position:var(--headerlogo-background-position);background-size:contain;background-repeat:no-repeat;width:10.25em;height:1.25em}@media all and (orientation:portrait){.pageTitle:not(.pageTitleWithLogo){font-size:1.17em}}.pageTitleWithDefaultLogo{width:4.7em}.darkContentContainer .pageTitleWithDefaultLogo{background-image:url(../themes/logowhite.png)}.headerButton{flex-shrink:0}@supports selector(:hover) and (display:revert) and (column-gap:1em){.headerLeft,.headerRight{column-gap:.55em}.headerSectionItem{margin:0!important}.headerSelectedPlayer{margin-inline-end:-.5em!important}}.pageTitle-marginstart{margin-inline-start:.5em!important}@media all and (display-mode:minimal-ui){.headerBackButton-showfullscreen{display:none!important}}.headerUserButtonImage{border-radius:1000px}.headroom-hidden.headroom-scrolling .headerSection{visibility:hidden}.skinHeader{container-type:inline-size;container-name:appheader}@supports (height:calc(3.125em + 2 * max(3em,4em))){.skinHeader{padding-top:max(1.2em,env(safe-area-inset-top,0))}}.skinHeader-withnowplaying{padding-top:0}.appHeader-tv.semiTransparent,.appHeader-withfocuspreview{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.headerMiddle{overflow:hidden;flex-grow:1;display:flex;align-items:center;justify-content:center;margin:0 auto}.headerMiddle-withSectionTabs{width:60%}.headerLeft{display:flex;align-items:center;overflow:hidden;padding-inline-start:.85em;flex-grow:1;max-width:60%}.headerRight{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;padding-inline-end:.85em;flex-grow:0;margin-inline-start:auto;max-width:40%}.headerLeft,.headerRight{box-sizing:border-box;flex-shrink:1;flex-basis:auto}.headerLeft,.headerRight,.headerMiddle{height:3.127em}@media all and (min-width:60em){.headerHomeButton-withdockeddrawer,.headerMenuButton-withdockeddrawer{display:none!important}.skinHeader-withfulldrawer .pageTitleWithDefaultLogo{display:none}.headerLeft-withdockeddrawer{padding-inline-start:3rem}}.headerTop-withSectionTabs .headerLeft,.headerTop-withSectionTabs .headerRight{width:20%}@supports (container-type:inline-size){@container appheader not (min-width:120em){.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs){flex-wrap:wrap}.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs) .headerLeft{width:70%;max-width:initial}.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs) .headerRight{max-width:initial}.headerMiddle-withSectionTabs:not(.headerMiddle-tv){flex-grow:initial!important;flex-basis:100%;order:3;margin-top:.45em;width:initial}}}@supports not (container-type:inline-size){@media not all and (min-width:120em){.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs){flex-wrap:wrap}.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs) .headerLeft{width:70%;max-width:initial}.headerTop-withSectionTabs:not(.headerTop-tv-withSectionTabs) .headerRight{max-width:initial}.headerMiddle-withSectionTabs:not(.headerMiddle-tv){flex-grow:initial!important;flex-basis:100%;order:3;margin-top:.45em;width:initial}}}@media not all and (min-width:66em){.headerMiddle-withSectionTabs:not(.headerMiddle-tv){margin-top:0;height:2.5em}}@media (pointer:fine){.adjustHeaderForEmbeddedScroll{right:1.08em;inset-inline-start:0;inset-inline-end:1.08em}}.sectionTabs{text-align:center}.headerClock{margin:0 .25em;display:inline-block;vertical-align:middle;font-weight:600;font-size:118%}.headerSelectedPlayer{font-weight:400;max-width:10em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.button-help{color:#42a5f5!important}@media not all and (min-width:37.5em){.headerLeft{max-width:calc(100% - 20ch)}.headerRight{max-width:20ch}.headerSelectedPlayer{display:none}}.headerTop-tv-withSectionTabs-hideTitle .pageTitle:not(.pageTitleWithDefaultLogo){display:none!important
|