2 lines
9.7 KiB
CSS
2 lines
9.7 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 .story__chapters[data-view=grid] .chapter-group__list-item{box-shadow:var(--minimal-container-box-shadow)}:root.minimal .story__blog-list-item{background:none;border-radius:0;border-bottom:1px solid var(--layout-color-separator)}.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{pointer-events:none;position:absolute;inset:0;top:0;overflow:hidden}.story__thumbnail-image{cursor:zoom-in;display:block;background:var(--placeholder-no-cover);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-family:var(--ff-story-title);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>.button{border-radius:0}.story__actions>.button:first-child{border-top-left-radius:var(--layout-border-radius-small);border-bottom-left-radius:var(--layout-border-radius-small)}.story__actions>.button:last-child,.story__actions>.button.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__tabs:not([data-current=chapters]) .story__toggle{pointer-events:none;opacity:0}.story__chapters{display:flex;flex-direction:column-reverse;margin-top:-24px}.story__chapters[data-order=asc]{flex-direction:column}.story__chapters[data-order=asc] .chapter-group__list-item{order:initial !important}.story__chapters[data-view=list] .grid-view{display:none;content-visibility:hidden}.story .chapter-group,.story__scheduled-chapter,.story__blog{margin-left:var(--layout-spacing-horizontal-small);margin-right:var(--layout-spacing-horizontal-small)}@media only screen and (min-width: 400px){.story .chapter-group,.story__scheduled-chapter,.story__blog{margin-left:var(--layout-spacing-horizontal);margin-right:var(--layout-spacing-horizontal)}}.story__scheduled-chapter{display:flex;align-items:center;gap:12px;color:var(--fg-800);font-size:var(--fs-dxs);font-weight:var(--font-weight-semi-strong);padding:0 6px;margin-bottom:24px}.story__scheduled-chapter :is(i,.icon){text-align:center;min-width:1em}.story .chapter-group{margin-top:24px}.story .chapter-group .chapter-group__list-item._folding-toggle{display:block;content-visibility:visible;padding:0 !important}.story .chapter-group__folding-toggle{display:block;content-visibility:visible;color:var(--fg-900);line-height:1.125;text-align:center;padding:1.125rem 0;width:100%;transition:color var(--transition-duration)}.story .chapter-group__folding-toggle:hover{color:var(--fg-700)}.story__footer{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-top:.75rem;padding-bottom:1.75rem}.story__changelog{cursor:pointer;display:grid;place-content:center;color:var(--fg-600);font-size:var(--fs-ds);height:2.25rem;width:1.5rem;transition:opacity var(--transition-duration)}.story__changelog:not(:hover){opacity:.15}.story__meta{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;color:var(--fg-600);font-family:var(--ff-note);font-size:var(--fs-ds);line-height:1.75rem;padding:.25rem 4px .25rem 0;white-space:nowrap}@media only screen and (min-width: 640px){.story__meta-item:not(:first-child){margin-left:1.5rem}}.story__meta-item:not(:first-child):not(.checkmark)::before{content:"\2022";color:var(--fg-800);font-family:var(--ff-base);padding:0 .25rem 0 .35rem}@media only screen and (min-width: 640px){.story__meta-item:not(:first-child):not(.checkmark)::before{content:none}}.story__meta button.checkmark{color:var(--fg-600);font-size:18px;padding:0 4px;margin:0 0 0 1.25rem}.story__meta button.checkmark:not(.marked){color:var(--checkmark-not-checked);text-shadow:none}.story__meta>:is(span,label) :is(i,.icon){display:none;color:var(--fg-800);margin-right:.25rem}@media only screen and (min-width: 640px){.story__meta>:is(span,label) :is(i,.icon){display:initial}}.story .icon-password.grid-view{grid-area:1/3/2/4;color:var(--fg-600);text-align:right}.story__tab-target:not(._current){display:none;content-visibility:hidden}.story__custom-page{padding:8px 2px}.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 .on{display:none;content-visibility:hidden}.story__toggle .off{display:block;content-visibility:visible}.story__toggle:is([data-view=grid],[data-order=desc]) .on{display:block;content-visibility:visible}.story__toggle:is([data-view=grid],[data-order=desc]) .off{display:none;content-visibility:hidden}.story__chapters[data-view=grid]{margin-top:-24px}.story__chapters[data-view=grid] .list-view{display:none;content-visibility:hidden}.story__chapters[data-view=grid] .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){.story__chapters[data-view=grid] .chapter-group__list{grid-template-columns:repeat(auto-fill, minmax(min(100%, 200px), 1fr))}}.story__chapters[data-view=grid] .chapter-group__list-item{background:var(--e-2);padding:.5rem;border:none !important;border-radius:var(--layout-border-radius-small);box-shadow:var(--container-box-shadow)}.story__chapters[data-view=grid] .chapter-group__list-item-icon{display:none;content-visibility:hidden}.story__chapters[data-view=grid] .chapter-group__list-item-link{grid-area:1/1/2/4;font-size:var(--fs-dxs)}.story__chapters[data-view=grid] .chapter-group__list-item-link._password{grid-area:1/1/2/3}.story__chapters[data-view=grid] .chapter-group__list-item-date::before{content:none}@media only screen and (max-width: 340px){.story__chapters[data-view=grid] .chapter-group__list-item-words span span{display:none;content-visibility:hidden}}.story__chapters[data-view=grid] .chapter-group__list-item-subrow{grid-area:2/1/3/4;padding-right:16px}.story__chapters[data-view=grid] .chapter-group__list-item .checkmark{font-size:14px;padding:4px 8px 8px 8px;transform:translate(4px, 14px);height:100%}.chapter-group[data-folded=true] .chapter-group__list-item._foldable,.chapter-group[data-folded=false] .chapter-group__list-item._folding-toggle{display:none;content-visibility:hidden}
|