/*! * Developer note: This is a sample timeline presentation stylesheet. * To replace it, return false from the aliveblog_enqueue_timeline_style * filter and enqueue your own stylesheet. */ /*! * Our sample timeline design allows you to specify timeline icons for specific tags, * Enlarged styling will be applied to any tags with assigned icons, as listed here. * Add tag slugs and icon filenames to the $aliveblog-summary-marker-icons map below. */ .aliveblog-summary{line-height:1.4}.aliveblog-summary--sticky{z-index:2;scrollbar-width:none;max-height:100vh;position:sticky;top:0;overflow-y:auto}.aliveblog-summary--sticky::-webkit-scrollbar{display:none}.aliveblog-summary.alignfull{max-width:none}.aliveblog-summary-timeline{--aliveblog-summary-marker-line-start:.875rem;--aliveblog-summary-timeline-padding-start:2.025rem;overflow-anchor:none;padding:0;gap:0;margin:0;padding-inline-start:var(--aliveblog-summary-timeline-padding-start);list-style:none;display:grid;position:relative}.aliveblog-summary-timeline:before{content:"";opacity:.25;transform-origin:top;width:1px;top:.35rem;bottom:.35rem;background:currentColor;transition:transform .7s cubic-bezier(.4,0,.2,1);position:absolute;inset-inline-start:var(--aliveblog-summary-marker-line-start)}.aliveblog-summary-timeline:empty:before{transform:scaleY(0)}.aliveblog-summary .aliveblog-summary-timeline{padding-left:var(--aliveblog-summary-timeline-padding-start)}.aliveblog-summary-item{--aliveblog-summary-marker-size:.7rem;--aliveblog-summary-marker-top:.35rem;--aliveblog-summary-marker-start:-1.5rem;margin:0 0 1rem;padding:0;transition-property:none;position:relative}.aliveblog-summary-entry,.aliveblog-summary-entry *{transition-property:none}.aliveblog-summary-item--incoming{clip-path:none;max-height:0;transition:max-height .7s cubic-bezier(.4,0,.2,1);transition-delay:var(--aliveblog-summary-enter-delay,0s);padding-bottom:0;overflow:visible}.aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active{max-height:var(--aliveblog-summary-enter-height,0px);padding-bottom:0}.aliveblog-summary-item--incoming .aliveblog-summary-entry{visibility:hidden;opacity:0;transition:none}.aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active .aliveblog-summary-entry{visibility:hidden;opacity:0}.aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active.aliveblog-summary-item--incoming-content-visible .aliveblog-summary-entry{visibility:visible;opacity:1;transition:opacity .85s cubic-bezier(.4,0,.2,1)}.aliveblog-summary-item:before{top:var(--aliveblog-summary-marker-top);width:var(--aliveblog-summary-marker-size);height:var(--aliveblog-summary-marker-size);box-sizing:border-box;content:"";background:currentColor;border:1px solid;border-radius:999px;position:absolute;inset-inline-start:var(--aliveblog-summary-marker-start)}.aliveblog-summary-item--incoming:before{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active:before{opacity:1}.aliveblog-summary-item.aliveblog-hashtag-test{--aliveblog-summary-marker-size:1.25rem;--aliveblog-summary-marker-top:calc(.35rem - (var(--aliveblog-summary-marker-size) - .7rem) / 2);--aliveblog-summary-marker-start:calc(-1.5rem - (var(--aliveblog-summary-marker-size) - .7rem) / 2)}.aliveblog-summary-item.aliveblog-hashtag-test:before{background:var(--aliveblog-theme-surface,var(--wp--preset--color--base,Canvas))}.aliveblog-summary-item.aliveblog-hashtag-test:after{top:var(--aliveblog-summary-marker-top);width:var(--aliveblog-summary-marker-size);height:var(--aliveblog-summary-marker-size);box-sizing:border-box;content:"";background:currentColor;display:block;position:absolute;inset-inline-start:var(--aliveblog-summary-marker-start);mask:url(wrench.svg) 50%/70% no-repeat}.aliveblog-summary-entry{color:inherit;gap:.2rem;text-decoration:none;display:grid}.aliveblog-summary-body{align-content:start}.aliveblog-summary-source-title{font-weight:700}.aliveblog-summary-entry:hover .aliveblog-summary-heading,.aliveblog-summary-entry:hover .aliveblog-summary-excerpt{text-decoration:underline}.aliveblog-summary-time{opacity:.72;font-size:.875rem}.aliveblog-summary-contributor{align-items:center;gap:.35rem;margin-top:.2rem;line-height:1.25;display:flex}.aliveblog-summary-heading,.aliveblog-summary-excerpt{line-height:1.35}.aliveblog-summary-contributor-avatar{object-fit:cover;border-radius:999px;flex:none;width:1.25rem;height:1.25rem;display:block}.aliveblog-summary-contributor-label{min-width:0}.aliveblog-summary-contributor-description{opacity:.72}.aliveblog-summary--horizontal{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;max-width:100%;max-height:none;overflow:auto hidden}.aliveblog-summary--horizontal::-webkit-scrollbar{display:none}.aliveblog-summary--horizontal .aliveblog-summary-timeline{--aliveblog-summary-marker-line-top:.8rem;--aliveblog-summary-timeline-padding-top:1.75rem;width:max-content;min-width:100%;padding:var(--aliveblog-summary-timeline-padding-top) .5rem 0;column-gap:.5rem;display:flex}.aliveblog-summary--horizontal .aliveblog-summary-timeline:before{top:var(--aliveblog-summary-marker-line-top);transform-origin:0;bottom:auto;width:auto;height:1px;inset-inline:1rem .5rem}.aliveblog-summary--horizontal .aliveblog-summary-timeline:empty:before{transform:scaleX(0)}.aliveblog-summary--horizontal .aliveblog-summary-item{--aliveblog-summary-item-width:12rem;flex:0 0 12rem;min-width:0;min-height:8rem;margin-bottom:0;padding:0 .75rem 1rem 0}.aliveblog-summary--horizontal .aliveblog-summary-item--incoming{flex-basis:var(--aliveblog-summary-item-width);min-height:0;max-height:0;min-width:var(--aliveblog-summary-item-width);clip-path:none;padding-bottom:0;padding-inline-end:.75rem;transition:max-height .7s cubic-bezier(.4,0,.2,1),min-height .7s cubic-bezier(.4,0,.2,1),padding-bottom .7s cubic-bezier(.4,0,.2,1)}.aliveblog-summary--horizontal .aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active{max-height:var(--aliveblog-summary-enter-height,8rem);flex-basis:var(--aliveblog-summary-item-width);min-height:8rem;min-width:var(--aliveblog-summary-item-width);padding-inline-end:.75rem;padding-bottom:1rem}.aliveblog-summary--horizontal .aliveblog-summary-item:before{top:calc(var(--aliveblog-summary-marker-line-top) - var(--aliveblog-summary-timeline-padding-top) - var(--aliveblog-summary-marker-size) / 2)}.aliveblog-summary--horizontal .aliveblog-summary-item{--aliveblog-summary-marker-start:calc((var(--aliveblog-summary-marker-size) - .7rem) / -2)}.aliveblog-summary--horizontal .aliveblog-summary-item:after{top:calc(var(--aliveblog-summary-marker-line-top) - var(--aliveblog-summary-timeline-padding-top) - var(--aliveblog-summary-marker-size) / 2)}.aliveblog-summary--horizontal .aliveblog-summary-entry{align-content:start;min-height:100%}@media (width<=782px){.aliveblog-summary{overscroll-behavior-inline:contain;scrollbar-width:none;touch-action:pan-x;max-width:100%;max-height:none;overflow:auto hidden}.aliveblog-summary::-webkit-scrollbar{display:none}.aliveblog-summary .aliveblog-summary-timeline{--aliveblog-summary-marker-line-top:.8rem;--aliveblog-summary-timeline-padding-top:1.75rem;width:max-content;min-width:100%;padding:var(--aliveblog-summary-timeline-padding-top) .5rem 0;column-gap:.5rem;display:flex}.aliveblog-summary .aliveblog-summary-timeline:before{top:var(--aliveblog-summary-marker-line-top);transform-origin:0;bottom:auto;width:auto;height:1px;inset-inline:1rem .5rem}.aliveblog-summary .aliveblog-summary-timeline:empty:before{transform:scaleX(0)}.aliveblog-summary .aliveblog-summary-item{--aliveblog-summary-item-width:12rem;flex:0 0 12rem;min-width:0;min-height:8rem;margin-bottom:0;padding:0 .75rem 1rem 0}.aliveblog-summary .aliveblog-summary-item--incoming{flex-basis:var(--aliveblog-summary-item-width);min-height:0;max-height:0;min-width:var(--aliveblog-summary-item-width);clip-path:none;padding-bottom:0;padding-inline-end:.75rem;transition:max-height .7s cubic-bezier(.4,0,.2,1),min-height .7s cubic-bezier(.4,0,.2,1),padding-bottom .7s cubic-bezier(.4,0,.2,1)}.aliveblog-summary .aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active{max-height:var(--aliveblog-summary-enter-height,8rem);flex-basis:var(--aliveblog-summary-item-width);min-height:8rem;min-width:var(--aliveblog-summary-item-width);padding-inline-end:.75rem;padding-bottom:1rem}.aliveblog-summary .aliveblog-summary-item:before{top:calc(var(--aliveblog-summary-marker-line-top) - var(--aliveblog-summary-timeline-padding-top) - var(--aliveblog-summary-marker-size) / 2)}.aliveblog-summary .aliveblog-summary-item{--aliveblog-summary-marker-start:calc((var(--aliveblog-summary-marker-size) - .7rem) / -2)}.aliveblog-summary .aliveblog-summary-item:after{top:calc(var(--aliveblog-summary-marker-line-top) - var(--aliveblog-summary-timeline-padding-top) - var(--aliveblog-summary-marker-size) / 2)}.aliveblog-summary .aliveblog-summary-entry{align-content:start;min-height:100%}}@media (prefers-reduced-motion:reduce){.aliveblog-summary-timeline:before,.aliveblog-summary-item--incoming:before{transition:none}.aliveblog-summary-item--incoming,.aliveblog-summary .aliveblog-summary-item--incoming,.aliveblog-summary-item--incoming.aliveblog-summary-item--incoming-active{opacity:1;transition:none;transform:none}}