2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
.button-follow-story._followed,.button-read-later._remembered{background:var(--button-secondary-background-active) !important;color:var(--button-secondary-text-active) !important;border:var(--button-secondary-border-active) !important}:root.no-covers .story .story__thumbnail{display:none;content-visibility:hidden}:root.no-covers .story .story__taxonomies{margin-bottom:1.5rem}:root.no-covers .story .story__taxonomies-space{display:none}:root.no-covers .story .story__header{display:block;padding-top:var(--layout-main-inset-top)}:root.no-covers .story .story__header:not(._no-thumbnail){padding-top:calc(var(--layout-main-inset-top) + var(--layout-spacing-vertical))}:root.no-covers .story .story__title{padding-top:0}:root.minimal #toggle-view:checked~.story__chapters .chapter-group__list-item{box-shadow:var(--minimal-container-box-shadow)}.story__article._no-checkmarks .checkmark{display:none;content-visibility:hidden}.story__header{--img-height: clamp(145px, 3.5714285714vw + 130.7142857143px, 165px);--img-width: clamp(96px, 2.5vw + 86px, 110px);grid-template-columns:var(--img-width) 1fr;grid-template-rows:var(--layout-main-inset-top) auto auto;gap:0 clamp(10px, 14.5454545455vw - 36.5454545455px, 18px);margin-bottom:1.75rem}@media only screen and (min-width: 375px){.story__header{gap:0 clamp(16px, 2.0356234097vw + 8.3664122137px, 24px)}}@media only screen and (min-width: 640px){.story__header{--img-height: clamp(197px, 5vw + 177px, 225px);--img-width: clamp(131px, 3.3928571429vw + 117.4285714286px, 150px);margin-bottom:2.5rem}}.story__header:not(._no-thumbnail){display:grid}.story__header:not(._no-thumbnail) .story__taxonomies{max-height:66px;overflow:hidden}@media only screen and (min-width: 640px){.story__header:not(._no-thumbnail) .story__taxonomies{max-height:44px}}.story__header:not(._no-thumbnail) .story__taxonomies-space{grid-area:2/2/3/3;height:98px}@media only screen and (min-width: 640px){.story__header:not(._no-thumbnail) .story__taxonomies-space{height:72px}}.story__header .story__taxonomies{grid-area:2/2/3/3;align-self:center}.story__header .story__identity{grid-area:4/1/5/3;display:flex;flex-direction:column;justify-content:flex-end;margin-top:1.75rem}@media only screen and (min-width: 640px){.story__header .story__identity{grid-area:3/2/4/3;margin-top:0}}.story__header._no-tax{grid-template-rows:var(--layout-main-inset-top) auto auto}.story__header._no-tax .story__identity{grid-area:2/2/4/3;margin-top:0}@media only screen and (min-width: 640px){.story__header._no-tax{--img-height: clamp(145px, 3.5714285714vw + 130.7142857143px, 165px);--img-width: clamp(96px, 2.5vw + 86px, 110px)}}.story__header._no-thumbnail{margin-top:var(--layout-main-inset-top);margin-bottom:1.75rem}.story__header._no-thumbnail .story__taxonomies{margin-bottom:1.5rem}.story__thumbnail{--focus-offset: 2px;grid-area:1/1/4/2;position:relative;height:var(--img-height)}@media only screen and (min-width: 640px){.story__thumbnail{grid-area:1/1/4/2}}.story__thumbnail-ribbon{position:absolute;inset:0;top:0;overflow:hidden}.story__thumbnail a{cursor:zoom-in}.story__thumbnail img{position:absolute;inset:0;display:block;background:var(--placeholder-background);border-radius:var(--layout-border-radius-small);height:100%;max-height:var(--img-height);object-fit:cover;filter:var(--figure-drop-shadow);content-visibility:auto}.story__identity h1{font-size:clamp(22px, 1.5625vw + 17px, 32px);line-height:1.2}.story__identity-meta{display:block;color:var(--fg-600);font-size:var(--fs-xs);font-style:italic;line-height:1.3;padding-top:.5rem}@media only screen and (min-width: 640px){.story__identity-meta{padding-bottom:2px}}.story__identity-meta a:not(:hover){color:currentColor}.story__copyright-notice{color:var(--fg-800);font-size:var(--fs-xxs);font-style:italic;margin-top:1.5rem}.story__tags-and-warnings{margin-top:2rem}.story__after-summary{display:flex;gap:0 24px;align-items:center;justify-content:space-between;margin-top:3rem}.story__after-summary .media-buttons{padding:4px 0;max-height:32px}.story__actions{display:flex;gap:3px}.story__actions>*{border-radius:0}.story__actions>*:first-child{border-top-left-radius:var(--layout-border-radius-small);border-bottom-left-radius:var(--layout-border-radius-small)}.story__actions>*:last-child,.story__actions>*.button-follow-story{border-top-right-radius:var(--layout-border-radius-small);border-bottom-right-radius:var(--layout-border-radius-small)}.story__tabs{margin:3rem 0 1.5rem}.story__chapters{display:flex;flex-direction:column-reverse;margin-top:-24px}.story .chapter-group{margin-top:24px;margin-left:var(--layout-spacing-horizontal-small);margin-right:var(--layout-spacing-horizontal-small)}@media only screen and (min-width: 375px){.story .chapter-group{margin-left:var(--layout-spacing-horizontal);margin-right:var(--layout-spacing-horizontal)}}.story .chapter-group .chapter-group__list-item._collapse{display:block;content-visibility:visible;padding:0 !important}.story .chapter-group .chapter-group__list-item._collapse label{display:flex;align-items:center;justify-content:center;content-visibility:visible;color:var(--fg-900);line-height:1.125;padding:1.125rem 0;transition:color var(--transition-duration)}.story .chapter-group .chapter-group__list-item._collapse label:hover{color:var(--fg-700)}.story__footer{padding-top:.75rem;padding-bottom:1.75rem}.story__meta{display:flex;align-items:center;justify-content:flex-end;color:var(--fg-600);font-family:var(--font-note);font-size:var(--fs-ds);line-height:1.75rem;padding:.25rem 8px .25rem 0;white-space:nowrap}@media only screen and (min-width: 640px){.story__meta>*:not(:first-child){margin-left:1.5rem}}.story__meta>*:not(:first-child):not(.checkmark)::before{content:"\2022";color:var(--fg-800);font-family:var(--font-base);padding:0 .25rem 0 .35rem}@media only screen and (min-width: 640px){.story__meta>*:not(:first-child):not(.checkmark)::before{content:none}}.story__meta .checkmark{margin-left:1.25rem}.story__meta>span :is(i, .icon){display:none;color:var(--fg-800);margin-right:.25rem}@media only screen and (min-width: 640px){.story__meta>span :is(i, .icon){display:initial}}.story .checkmark{--focus-offset: 2px;color:var(--fg-600);font-size:18px;padding:0 4px;margin-right:-4px}.story .checkmark:not(.marked){color:var(--checkmark-not-checked);text-shadow:none}.story .icon-password.grid-view{grid-area:1/3/2/4;color:var(--fg-600);text-align:right}.story__custom-page{padding-top:0;padding-bottom:0}.story__custom-page-wrapper{padding:8px 2px}.story__blog{margin-left:var(--layout-spacing-horizontal-small);margin-right:var(--layout-spacing-horizontal-small)}@media only screen and (min-width: 375px){.story__blog{margin-left:var(--layout-spacing-horizontal);margin-right:var(--layout-spacing-horizontal)}}.story__blog-list{display:flex;flex-direction:column;gap:3px;font-size:var(--fs-xs);line-height:1.5}.story__blog-list-item{background:var(--infobox-gradient);padding:.5rem 8px .5rem 0;border-radius:var(--layout-border-radius-small)}.story__blog-title{color:var(--fg-400);font-weight:var(--font-weight-strong)}.story__blog-content{color:var(--fg-600)}.story__chapter-list-toggles{display:flex}.story__toggle:is(label){display:flex;align-items:center}.story__toggle:is(label) .on{display:none;content-visibility:hidden}#toggle-order:checked~.story__tabs label._order .on{display:block;content-visibility:visible}#toggle-order:checked~.story__tabs label._order .off{display:none;content-visibility:hidden}#toggle-order:not(:checked)~.story__chapters{flex-direction:column}#toggle-order:not(:checked)~.story__chapters .chapter-group__list-item{order:initial !important}#toggle-view:not(:checked)~.story__chapters .grid-view{display:none;content-visibility:hidden}#toggle-view:checked~.story__tabs label._view .on{display:block;content-visibility:visible}#toggle-view:checked~.story__tabs label._view .off{display:none;content-visibility:hidden}#toggle-view:checked~.story__chapters{margin-top:-24px}#toggle-view:checked~.story__chapters .list-view{display:none;content-visibility:hidden}#toggle-view:checked~.story__chapters .chapter-group__list{display:grid;gap:clamp(12px, 2.5vw + 4px, 16px);grid-template-columns:repeat(auto-fill, minmax(min(100%, 136px), 1fr))}@media only screen and (min-width: 480px){#toggle-view:checked~.story__chapters .chapter-group__list{grid-template-columns:repeat(auto-fill, minmax(min(100%, 200px), 1fr))}}#toggle-view:checked~.story__chapters .chapter-group__list-item{background:var(--e-2);padding:.5rem;border:none !important;border-radius:var(--layout-border-radius-small);filter:var(--container-drop-shadow)}#toggle-view:checked~.story__chapters .chapter-group__list-item-icon{display:none;content-visibility:hidden}#toggle-view:checked~.story__chapters .chapter-group__list-item-link{grid-area:1/1/2/4;font-size:var(--fs-dxs)}#toggle-view:checked~.story__chapters .chapter-group__list-item-link._password{grid-area:1/1/2/3}#toggle-view:checked~.story__chapters .chapter-group__list-item-date::before{content:none}@media only screen and (max-width: 340px){#toggle-view:checked~.story__chapters .chapter-group__list-item-words span span{display:none;content-visibility:hidden}}#toggle-view:checked~.story__chapters .chapter-group__list-item-subrow{grid-area:2/1/3/4}#toggle-view:checked~.story__chapters .chapter-group__list-item-right{align-items:flex-end;height:100%}#toggle-view:checked~.story__chapters .chapter-group__list-item-right .checkmark{font-size:14px;line-height:1;padding:4px 8px 8px 8px;transform:translate(8px, 8px)}#toggle-chapter:checked~.story__tabs .tabs #chapter-tab,#toggle-blog:checked~.story__tabs .tabs #blog-tab,#toggle-custom-0:checked~.story__tabs .tabs #custom-tab-0,#toggle-custom-1:checked~.story__tabs .tabs #custom-tab-1,#toggle-custom-2:checked~.story__tabs .tabs #custom-tab-2,#toggle-custom-3:checked~.story__tabs .tabs #custom-tab-3,#toggle-custom-4:checked~.story__tabs .tabs #custom-tab-4{background:var(--tab-background-active);color:var(--tab-text-active);text-shadow:var(--tab-text-shadow-active)}#toggle-chapter:not(:checked)~.story__chapters,#toggle-blog:not(:checked)~.story__blog,#toggle-custom-0:not(:checked)~#tab-page-0,#toggle-custom-1:not(:checked)~#tab-page-1,#toggle-custom-2:not(:checked)~#tab-page-2,#toggle-custom-3:not(:checked)~#tab-page-3,#toggle-custom-4:not(:checked)~#tab-page-4{display:none;content-visibility:hidden}[id*=chapters-toggle]:not(:checked)~li:not(:nth-last-of-type(-n+5)){display:none;content-visibility:hidden}[id*=chapters-toggle]:checked+li._collapse{display:none !important;content-visibility:hidden}
|