l4kr/Futontime_UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
l4kr
2026-02-09 10:48:21 +01:00
commit 15f28c0dd6
848 changed files with 107188 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
modules/cardbuilder/card.css Normal file
View File

File diff suppressed because one or more lines are too long

1
modules/cardbuilder/card_nontv.css Normal file
View File

@@ -0,0 +1 @@
@media not all and (pointer:fine){.cardBox-touchzoom{transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition-delay:0.1s}.card-autoactive:active,.itemElement-activetouch{z-index:10;contain:layout style}.card-autoactive:active>.cardBox-touchzoom,.itemElement-activetouch>.cardBox-touchzoom{-webkit-transform:scale(1.08);transform:scale(1.08)}}@media all and (min-width:60em) and (max-width:99em){.withFullDrawer{--app-cards-size-adjust:-1}}@media all and (orientation:landscape){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:24em){:root{--backdrop-cards:2}}@media all and (orientation:portrait) and (min-width:31.25em){:root{--square-cards:3}}@media all and (min-width:31.25em){:root{--four-three-cards:3}}@media all and (min-width:36em){:root{--square-cards:3;--portrait-cards:4}}@media all and (min-width:40em){:root{--square-cards:4;--small-sidefooter-cards:2}}@media all and (orientation:landscape) and (min-width:40em){:root{--portrait-cards:5}}@media all and (orientation:landscape) and (min-width:50em){:root{--square-cards:5}}@media all and (min-width:45em){:root{--four-three-cards:4;--sidefooter-cards:2}}@media all and (min-width:50em){:root{--small-sidefooter-cards:3}}@media (min-width:50em){:root{--backdrop-cards:3}}@media all and (min-width:55em){:root{--banner-cards:2;--square-cards:5;--portrait-cards:5}}@media (min-width:62.5em){:root{--backdrop-cards:4}}@media all and (min-width:66em){:root{--small-sidefooter-cards:4}}@media all and (min-width:70em){:root{--four-three-cards:5;--square-cards:6;--portrait-cards:6}}@media all and (min-width:76em){:root{--sidefooter-cards:3}}@media all and (min-width:82.5em){:root{--backdrop-cards:5}}@media all and (min-width:85em){:root{--square-cards:7;--portrait-cards:7}}@media all and (min-width:100em){:root{--banner-cards:3;--small-sidefooter-cards:5;--four-three-cards:6;--square-cards:8;--portrait-cards:8}}@media all and (min-width:115em){:root{--small-sidefooter-cards:6;--portrait-cards:9;--square-cards:9}}@media all and (min-width:120em){:root{--small-sidefooter-cards:6}}@media all and (min-width:130em){:root{--square-cards:10;--portrait-cards:10}}@media all and (min-width:131.25em){:root{--backdrop-cards:6;--four-three-cards:7;--sidefooter-cards:4}}@media all and (min-width:145em){:root{--square-cards:11;--portrait-cards:11}}@media all and (min-width:150em){:root{--banner-cards:4}}@media all and (min-width:160em){:root{--backdrop-cards:7;--small-sidefooter-cards:7;--four-three-cards:8;--square-cards:12;--portrait-cards:12}}@media all and (min-width:175em){:root{--square-cards:13;--portrait-cards:13}}@media all and (min-width:180em){:root{--small-sidefooter-cards:8;--four-three-cards:9}}@media all and (min-width:190em){:root{--square-cards:14;--portrait-cards:14}}@media all and (min-width:200em){:root{--banner-cards:5;--sidefooter-cards:5;--backdrop-cards:8;--small-sidefooter-cards:9;--four-three-cards:10}}@media all and (min-width:205em){:root{--square-cards:15;--portrait-cards:15}}@media all and (min-width:220em){:root{--sidefooter-cards:6;--backdrop-cards:9;--small-sidefooter-cards:10;--four-three-cards:11;--square-cards:16;--portrait-cards:16}}@media all and (min-width:240em){:root{--banner-cards:6;--sidefooter-cards:7;--small-sidefooter-cards:11;--four-three-cards:12;--square-cards:17;--portrait-cards:17}}

1
modules/cardbuilder/card_nontv2.css Normal file
View File

@@ -0,0 +1 @@
.cardOverlayButton{color:rgba(255,255,255,.76);margin:0;z-index:1}.cardOverlayButton-br{position:absolute;bottom:.5em;right:.25em;inset-inline-start:initial;inset-inline-end:.25em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end}.cardOverlayButton-fab{padding:.25em;font-size:140%}@media all and (orientation:portrait) and (max-width:35em){.scrollX{--backdrop-cards:1.2}}.cardOverlayContainer{background:rgba(51,51,51,.5);opacity:0;transition:opacity .2s ease-out;position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;-webkit-user-select:none;user-select:none;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.42em;z-index:2;contain:layout style;-webkit-user-select:none;user-select:none}@media not all and (pointer:fine){.cardOverlayContainer{display:none}}.cardContent-button+.cardOverlayContainer{cursor:pointer}.chkCardSelectContainer{font-size:88%;width:auto!important;margin:0!important;display:-webkit-inline-flex!important;display:inline-flex!important;-webkit-align-items:flex-start!important;align-items:flex-start!important;padding-top:.8em!important;position:absolute!important;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;padding:.35em .25em!important}@media (pointer:fine){.card-hoverable:hover .cardOverlayContainer{opacity:1;display:-webkit-flex;display:flex}}.chkCardSelect{top:0;left:0;inset-inline-start:0;inset-inline-end:initial}.chkCardSelect-checkboxLabel::before{border-radius:100em!important;box-shadow:0 .25em .4375em rgba(0,0,0,.25)}.chkCardSelect-checkboxLabel::after{border-width:.2em!important}.cardOverlayFab-primary{font-size:280%;padding:.1em;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;margin-top:-.6em!important;margin-bottom:0!important;-webkit-margin-start:-.6em!important;margin-inline-start:-.6em!important;-webkit-margin-end:0!important;margin-inline-end:0!important}.multi-select-active .cardIndicator{display:none}.multi-select-active .cardOverlayContainer{opacity:1!important;display:-webkit-flex!important;display:flex!important}.multi-select-active .cardOverlayButton:not(.chkCardSelectContainer){display:none!important}.item-multiselected .cardOverlayContainer{background:0 0!important}

1
modules/cardbuilder/card_post.css Normal file
View File

@@ -0,0 +1 @@
.cardPlayedIndicator,.cardTimerIndicator,.cardUserDisabledIcon{border-radius:100em;font-size:1.1em;height:1.25em;width:1.25em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.18em;position:absolute;right:.18em;inset-inline-start:initial;inset-inline-end:.18em;contain:layout style}.cardTimerIndicator{font-size:1.28em}.cardUserDisabledIcon{font-size:1.4em;color:#777;background:#d3d3d3;height:1.4em;width:1.4em}.cardPlayedIndicator+.cardTimerIndicator{right:1.5em;inset-inline-start:initial;inset-inline-end:1.5em}.cardCountIndicator{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;top:.225em;position:absolute;right:.225em;inset-inline-start:initial;inset-inline-end:.225em;contain:layout style}.cardProgramIndicator{contain:layout style;display:-webkit-inline-flex;display:inline-flex;margin-top:0;margin-bottom:.2em;-webkit-margin-start:.35em;margin-inline-start:.35em;-webkit-margin-end:0;margin-inline-end:0;padding:.08em .5em;border-radius:.42em;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-transform:uppercase;text-shadow:none;font-size:86%;font-weight:600}.appfooter-drag-reorder-active{display:none!important}.dragClone .cardBox{transition:-webkit-transform ease-out .3s!important;transition:transform ease-out .3s!important}.dragClone.dragging .cardBox{-webkit-transform:scale(70%)!important;transform:scale(70%)!important}.dragClone .cardOverlayContainer{display:none!important}.cardIndicatorIcon{font-size:1.6em;top:.225em;left:.225em;inset-inline-start:.225em;inset-inline-end:initial;position:absolute;color:#fff}.cardIndicatorIcon-dragHandle{right:.225em;inset-inline-start:initial;inset-inline-end:.225em;text-shadow:.14em .14em .28em rgba(0,0,0,.45);cursor:pointer}.cardMediaInfoItems{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-column-gap:initial!important;column-gap:initial!important;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.cardMediaInfoItem{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.cardMediaInfoItem+.cardMediaInfoItem{-webkit-margin-start:.5em!important;margin-inline-start:.5em!important}.cardMediaInfoItem .starIcon{line-height:.96}.card.dragging-over{position:relative;contain:none!important;z-index:1}.dragging-over-left::before{content:' ';width:.24em;position:absolute;top:.8em;bottom:.8em;left:-.14em;inset-inline-start:-.14em;inset-inline-end:initial;z-index:99999;border-radius:100em}.dragging-over-right::after{content:' ';width:.24em;position:absolute;right:-.14em;top:.8em;bottom:.8em;inset-inline-start:initial;inset-inline-end:-.14em;z-index:99999;border-radius:100em}.cardProgressBarContainer{background:0 0!important;height:.22em}.visualCardBox-vibrant-lg::before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background:rgba(0,0,0,.2);z-index:-1}.autoWidthCardBox{contain:layout style}.card:focus .cardContent-bxsborder{contain:initial;content-visibility:initial;overflow:visible}.card:focus-visible .cardContent-bxsborder-fv{contain:initial;content-visibility:initial;overflow:visible}.sideFooterCard:focus .cardBox-sideFooter-f{overflow:visible}.sideFooterCard:focus .cardContent-sideFooter-f{border-start-start-radius:inherit;border-end-start-radius:inherit}.card:focus .cardContent-bxsborder::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.card:focus-visible .cardContent-bxsborder-fv::before{content:" ";position:absolute;top:-.34em;left:-.34em;right:-.34em;bottom:-.34em;border-width:.22em;border-style:solid;border-radius:.6em}.card:focus .cardContent-round::before{border-radius:100em}.cardImage-bxsborder{border-radius:inherit}.cardImage-bxsborder-fv{border-radius:inherit}.buttonCardBox{border-radius:100em;margin:.4em}.buttonCardBox::before,.cardBox-sideFooter::before{display:none!important}.cardText-watching{visibility:hidden}.cardText-currentwatching{visibility:visible}

1
modules/cardbuilder/card_sizes_base.css Normal file
View File

@@ -0,0 +1 @@
.squareCard{width:16.6666667%}.squareCard-horiz{width:15.3333333vw}.portraitCard{width:16.6666667%}.portraitCard-horiz{width:15.3333333vw}.bannerCard{width:33.333333%}.bannerCard-horiz{width:30.66667vw}.sideFooterCard{width:25%}.sideFooterCard-horiz{width:23vw}.fourThreeCard{width:25%}.fourThreeCard-horiz{width:23vw}.backdropCard{width:25%}.backdropCard-horiz{width:23vw}

0
modules/cardbuilder/card_sizes_container.css Normal file
View File

1
modules/cardbuilder/card_sizes_horizontal_all.css Normal file
View File

@@ -0,0 +1 @@
.spotlightItemsContainer{height:auto}.spotlightButtonsItemsContainer{container-type:initial;height:auto}.spotlightButtonCard-horizontal{width:33.333333%}

1
modules/cardbuilder/card_sizes_horizontal_base.css Normal file
View File

@@ -0,0 +1 @@
.squareCard-xGrid{width:7em}.portraitCard-xGrid{width:7em}.fourThreeCard-xGrid{width:9em}.backdropCard-xGrid{width:12em}.wideSpotlightCard{width:24em!important}.spotlightButtonCardContent-horizontal{height:calc((55vh / 3) - .6em);aspect-ratio:initial!important;padding-bottom:0!important}

1
modules/cardbuilder/card_sizes_horizontal_container.css Normal file
View File

@@ -0,0 +1 @@
.squareCard-xGrid{width:calc((((100cqh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (1 / 1)) + .6em)}.portraitCard-xGrid{width:calc((((100cqh / (max((2 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (3 / 2)) + .6em)}.fourThreeCard-xGrid{width:calc((((100cqh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (3 / 4)) + .6em)}.backdropCard-xGrid{width:calc((((100cqh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (9 / 16)) + .6em)}.wideSpotlightCard{width:calc((((100cqh * 2 / 3) - .6em)/ (9 / 16)) + .6em)}.spotlightButtonCardContent-horizontal{height:calc((100cqh / 3) - .6em);aspect-ratio:initial!important;padding-bottom:0!important}

1
modules/cardbuilder/card_sizes_horizontal_var.css Normal file
View File

@@ -0,0 +1 @@
.squareCard-xGrid{width:calc((((55vh / (3 + var(--app-cards-size-adjust) + var(--user-cards-size-adjust))) - .6em)/ (1 / 1)) + .6em)}.portraitCard-xGrid{width:calc((((55vh / (2 + var(--app-cards-size-adjust) + var(--user-cards-size-adjust))) - .6em)/ (3 / 2)) + .6em)}.fourThreeCard-xGrid{width:calc((((55vh / (3 + var(--app-cards-size-adjust) + var(--user-cards-size-adjust))) - .6em)/ (3 / 4)) + .6em)}.backdropCard-xGrid{width:calc((((55vh / (3 + var(--app-cards-size-adjust) + var(--user-cards-size-adjust))) - .6em)/ (9 / 16)) + .6em)}.wideSpotlightCard{width:calc((((55vh * 2 / 3) - .6em)/ (9 / 16)) + .6em)}.spotlightButtonCardContent-horizontal{height:calc((55vh / 3) - .6em);aspect-ratio:initial!important;padding-bottom:0!important}

1
modules/cardbuilder/card_sizes_horizontal_varcalcmax.css Normal file
View File

@@ -0,0 +1 @@
.squareCard-xGrid{width:calc((((55vh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (1 / 1)) + .6em)}.portraitCard-xGrid{width:calc((((55vh / (max((2 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (3 / 2)) + .6em)}.fourThreeCard-xGrid{width:calc((((55vh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (3 / 4)) + .6em)}.backdropCard-xGrid{width:calc((((55vh / (max((3 + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))) - .6em)/ (9 / 16)) + .6em)}.wideSpotlightCard{width:calc((((55vh * 2 / 3) - .6em)/ (9 / 16)) + .6em)}.spotlightButtonCardContent-horizontal{height:calc((55vh / 3) - .6em);aspect-ratio:initial!important;padding-bottom:0!important}

1
modules/cardbuilder/card_sizes_var.css Normal file
View File

@@ -0,0 +1 @@
.squareCard{width:16.6666667%;width:calc(100% / (var(--square-cards) + var(--app-cards-size-adjust)))}.squareCard-horiz{width:15.3333333vw;width:calc(93vw / var(--square-cards))}.portraitCard{width:16.6666667%;width:calc(100% / (var(--portrait-cards) + var(--app-cards-size-adjust)))}.portraitCard-horiz{width:15.3333333vw;width:calc(93vw / var(--portrait-cards))}.bannerCard{width:33.333333%;width:calc(100% / (var(--banner-cards) + var(--app-cards-size-adjust)))}.bannerCard-horiz{width:30.66667vw;width:calc(93vw / var(--banner-cards))}.sideFooterCard{width:25%;width:calc(100% / (var(--sidefooter-cards) + var(--app-cards-size-adjust)))}.sideFooterCard-horiz{width:23vw;width:calc(93vw / var(--sidefooter-cards))}.smallSideFooterCard{width:16.6666667%;width:calc(100% / (var(--small-sidefooter-cards) + var(--app-cards-size-adjust)))}.smallSideFooterCard-horiz{width:15.3333333vw;width:calc(93vw / (var(--small-sidefooter-cards)))}.fourThreeCard{width:25%;width:calc(100% / (var(--four-three-cards) + var(--app-cards-size-adjust)))}.fourThreeCard-horiz{width:23vw;width:calc(93vw / var(--four-three-cards))}.backdropCard{width:25%;width:calc(100% / (var(--backdrop-cards) + var(--app-cards-size-adjust)))}.backdropCard-horiz{width:23vw;width:calc(93vw / var(--backdrop-cards))}

1
modules/cardbuilder/card_sizes_varcalcmax.css Normal file
View File

@@ -0,0 +1 @@
@supports (width:max(10em,5vw)){.squareCard{width:calc(100% / max((var(--square-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.squareCard-horiz{width:calc(93vw / max((var(--square-cards) + var(--user-cards-size-adjust)),2))}.portraitCard{width:calc(100% / max((var(--portrait-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),3))}.portraitCard-horiz{width:calc(93vw / max((var(--portrait-cards) + var(--user-cards-size-adjust)),3))}.bannerCard{width:calc(100% / max((var(--banner-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.bannerCard-horiz{width:calc(93vw / max((var(--banner-cards) + var(--user-cards-size-adjust)),1))}.sideFooterCard{width:calc(100% / max((var(--sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.sideFooterCard-horiz{width:calc(93vw / max((var(--sidefooter-cards) + var(--user-cards-size-adjust)),1))}.smallSideFooterCard{width:calc(100% / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1.3))}.smallSideFooterCard-horiz{width:calc(93vw / max((var(--small-sidefooter-cards) + var(--user-cards-size-adjust)),1.3))}.fourThreeCard{width:calc(100% / max((var(--four-three-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),2))}.fourThreeCard-horiz{width:calc(93vw / max((var(--four-three-cards) + var(--user-cards-size-adjust)),2))}.backdropCard{width:calc(100% / max((var(--backdrop-cards) + var(--user-cards-size-adjust) + var(--app-cards-size-adjust)),1))}.backdropCard-horiz{width:calc(93vw / max((var(--backdrop-cards) + var(--user-cards-size-adjust)),1))}}

1
modules/cardbuilder/card_tv2.css Normal file
View File

@@ -0,0 +1 @@
:root{--square-cards:5;--banner-cards:3;--sidefooter-cards:3;--small-sidefooter-cards:4;--portrait-cards:6;--backdrop-cards:4;--four-three-cards:5}

1
modules/cardbuilder/cardbuilder.js Normal file
View File

File diff suppressed because one or more lines are too long

1
modules/cardbuilder/cardpadder_legacy.css Normal file
View File

@@ -0,0 +1 @@
.cardOverlayContainer{bottom:initial!important}.cardPadder-backdrop{padding-bottom:56.25%}.cardPadder-margin.cardPadder-backdrop{margin-bottom:56.25%}.cardPadder-square{padding-bottom:100%}.cardPadder-margin.cardPadder-square{margin-bottom:100%}.cardPadder-portrait{padding-bottom:150%}.cardPadder-margin.cardPadder-portrait{margin-bottom:150%}.cardPadder-fourThree{padding-bottom:75%}.cardPadder-margin.cardPadder-fourThree{margin-bottom:75%}.cardPadder-banner{padding-bottom:18.5%}.cardPadder-margin.cardPadder-banner{margin-bottom:18.5%}