From e025d217ad8b1ad380c22e42be70d4578454bacb Mon Sep 17 00:00:00 2001 From: Devishi Ranjan Date: Wed, 17 Apr 2024 23:20:04 +0530 Subject: [PATCH] Add "shorten long posts" toggle --- theme13/theme13.css | 23 +++++++++++++++++++++++ theme13/theme13.html | 20 +++++++++++++++++++- theme13/theme13.min.css | 2 +- 3 files changed, 43 insertions(+), 2 deletions(-) diff --git a/theme13/theme13.css b/theme13/theme13.css index dd2c884..02471b1 100644 --- a/theme13/theme13.css +++ b/theme13/theme13.css @@ -1063,6 +1063,29 @@ body.hasnotes #posts { margin-right: 1.25em } } /* #endregion */ +/* #region Shortened posts */ +.expandable.post .body { + max-height: calc(100vh - (3.75em * 2) - (3.7em * 2)); + overflow-y: clip; + position: relative; +} +.expandable.post button.expand { + position: absolute; + bottom: 0; + left: -5%; + width: 110%; + background: linear-gradient(rgba(var(--post-bg--rgb), 0) 0%, rgba(var(--post-bg--rgb), 0.8) 1em, rgba(var(--post-bg--rgb), 1)); + color: var(--text); + border: none; + padding: 1.5em 1em 0.5em; + font-weight: 600; +} +.expandable.post button.expand:focus { + text-decoration: 0.15em solid var(--accent) underline; + text-underline-offset: 0.35em; +} +/* #endregion */ + /* #endregion */ diff --git a/theme13/theme13.html b/theme13/theme13.html index f1018c3..ee6f275 100644 --- a/theme13/theme13.html +++ b/theme13/theme13.html @@ -9,7 +9,7 @@ Tippy.js tooltips by atomiks: https://atomiks.github.io/tippyjs Expanded Tumblr localization by codematurgy: https://github.com/boscoxvi/expandedtumblrlocalization - Last updated 13 April 2024. + Last updated 17 April 2024. --> @@ -68,6 +68,7 @@ + @@ -833,6 +834,23 @@

// Prepare variables for notes section's tooltips var notesTooltipInstances, notesTooltips; // #endregion + +{block:IfShortenLongPosts} +// Shorten long posts +Array.from(document.querySelectorAll(".post")).filter(el => el.clientHeight >= 2 * window.innerHeight).forEach(post => { + let btn = document.createElement("button"); + btn.classList.add("expand"); + btn.innerText = "Expand"; + + post.classList.add("expandable"); + post.querySelector(".body").append(btn); + + btn.addEventListener("click", e => { + post.classList.remove("expandable"); + e.currentTarget.remove(); + }) +}); +{/block:IfShortenLongPosts} // #endregion // Set up keyboard navigation diff --git a/theme13/theme13.min.css b/theme13/theme13.min.css index a56a1b0..dba1ce9 100644 --- a/theme13/theme13.min.css +++ b/theme13/theme13.min.css @@ -1 +1 @@ -#blognav,#subtitle{flex-flow:row wrap;display:flex}#subtitle,body.hasnotes:not(.hasdesc,.haspages,.hasmembers) #posts,body:not(.hasdesc,.haspages,.hasmembers) #main{grid-column:2}#blognav,#pagehead{grid-column:1/span 3}#fontsize,#pagehead a,#q{color:inherit}#blognav,#hideleft,#showleft{color:rgba(var(--text--rgb),.75)}#fontsize,.filtered.post .filter,.post>footer .tags a{text-align:center}#left,#pagehead a,.lrd .wrapper{height:fit-content}#members a,#pagehead a,#pages a,#skip,.lrd .wrapper a{text-decoration:none}.complete.poll .option p,a{text-decoration-thickness:0.1em}#blognav a:not([href],#blogcredit),#left h2,#notes .acted{text-shadow:0 0 rgba(var(--accent--rgb),.1)}#left,#pagehead,.lrd .wrapper{position:sticky}body{background:var(--bg);color:var(--text);--base-font:var(--title-font),"Helvetica Neue",HelveticaNeue,Arial,sans-serif;font-family:var(--base-font);display:grid;grid-template-columns:minmax(17.5em,1fr) minmax(1px,53rem) 1fr;grid-template-rows:auto 1fr;row-gap:.5em}body:not(.hasdesc,.haspages,.hasmembers){grid-template-columns:1fr minmax(1px,53rem) 1fr}body:not(.hasdesc,.haspages,.hasmembers) #left{display:none!important}body[data-sidebar-collapsed]{grid-template-columns:minmax(5.3em,1fr) minmax(1px,53rem) 1fr}a{color:var(--accent);text-underline-offset:0.05em}svg{width:1.5em;height:1.5em}.hidden{position:fixed;top:-5em;left:0;font-size:min(1em, 1vh);line-height:1}#notes .action>a,.filechip{line-height:1.5}#skip{transition:top .3s;color:var(--bg);background:var(--accent);font-size:1em;z-index:10;padding:.75em 1em;border-radius:2em;left:.25em}#skip:focus{top:.25em}button{cursor:pointer}.tmblr-iframe--unified-controls.iframe-controls--desktop{top:.3em}body.hasavatar .tmblr-iframe--unified-controls{right:3.25em}.tippy-box[data-theme~=docs]{background-color:var(--text);color:var(--post-bg);font-size:.8em}#pagehead,.lrd .wrapper{background-color:var(--bg)}.tippy-box[data-theme~=docs] .tippy-content{padding:.25em .6em}#pagehead{top:0;display:grid;grid-template-columns:auto 1fr auto;padding:.5em 1em 0 .5em;z-index:1}#avatar,#docs{grid-row:1/span 2}#avatar img,#docs svg{width:var(--size);height:var(--size);display:block}#docs svg{--size:3.25em;padding:.5em}#avatar{grid-column:3}#avatar img{--size:2.5em;padding:.25em;margin-left:1em;margin-top:.25em}#avatar:hover img{filter:drop-shadow(0 .0625em rgba(var(--text--rgb), .15));background-color:rgba(var(--accent--rgb),.1)}#avatar .square{border-radius:.5em}#avatar .round{border-radius:100%}#subtitle,#title h1,.poll .option p{margin:0}#title h1{font-size:1.125em;line-height:1.375em;font-weight:var(--title-font-weight)}#subtitle{font-size:.875em;font-weight:400;line-height:normal;color:rgba(var(--text--rgb),.8);text-shadow:0 0 rgba(var(--accent--rgb),.4);margin-left:-.4375rem;margin-bottom:.125em;grid-row:2}#subtitle a,#subtitle>span{display:flex;align-items:center;letter-spacing:.0125rem;padding:.125rem .4375rem;border-radius:.25rem;height:unset}#blognav .right>span:hover,#blognav a[href]:hover,#blognav button:hover,#notes .note:hover,#subtitle a:hover,#subtitle>span:hover{background-color:rgba(var(--text--rgb),.05)}#subtitle .search_query,#subtitle .tag{margin-inline:0.2em}#subtitle .tag::before{content:"#"}#subtitle .search_query::before,.bodyitemcontent .search_query::before{content:"\201C"}#subtitle .search_query::after,.bodyitemcontent .search_query::after{content:"\201D"}#blognav{margin-top:.375em;margin-inline-start:.5em;gap:.1875em;align-items:center;border-radius:1.1875em;background-color:rgba(var(--accent--rgb),.05);padding:.3125em .75em}#blognav .left,#blognav .right{display:flex;flex-flow:row wrap;align-items:center}#blognav .left{justify-content:space-evenly;row-gap:inherit}#blognav a,#blognav button{background:unset;border:unset;padding:unset;margin:unset;text-decoration:none;color:inherit;width:1.75em;height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:.25em}#blognav svg{width:1.25em;height:1.25em}#blognav a:not([href],#blogcredit){color:rgba(var(--text--rgb),.25)}#blognav #blogcredit{cursor:help}#blognav a[href].current-page,#blognav a[href].current-page:hover{background-color:rgba(var(--accent--rgb),.1);color:rgba(var(--text--rgb),.6);text-shadow:0 0 var(--accent)}#blognav hr{height:1.25em;border:0;border-inline-start:0.0125em solid rgba(var(--text--rgb),0.22);margin:0 .1875em}#blognav hr:first-child,#blognav hr:last-child,#leftcontent hr:first-child,#search[data-collapsed] #q,.audiowrapper .loop.active .repeat,.audiowrapper .loop:not(.active) .unrepeat,.audiowrapper .textinfo:empty,.audiowrapper .volume.active .mute,.audiowrapper .volume:not(.active) .unmute,.audiowrapper audio,.audiowrapper audio.playing~.controls .play,.audiowrapper audio:not(.playing)~.controls .pause,.customlike .like_button.liked~.to-like,.customlike .like_button:not(.liked)~.to-unlike,.filtered.post>:not(.filter),.poll .option:hover .empty,.poll .option:not(:hover) .checked,.post>footer .lrd:empty,.post>footer .tags:empty,.post>footer .vsn:empty,.post>footer:empty,.post>header:empty{display:none}#search:not([data-collapsed]){background-color:var(--post-bg);display:flex;gap:.2em;border-radius:.25em;padding-inline-end:0.25em;margin-inline-end:.1875em}#search #togglesearch{width:2.1875em;flex-shrink:0}#search:not([data-collapsed]) #togglesearch{border-top-right-radius:0;border-bottom-right-radius:0}#fontsize,#hideleft,#q,#showleft{background:0 0;border:none}#q{min-width:0;width:100%}#fontsize::-webkit-inner-spin-button,#fontsize::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#fontsize{-moz-appearance:textfield;width:2em;outline:1px solid rgba(var(--text--rgb),.4);border-radius:.25em;line-height:1}#fontsize:hover{outline-color:var(--text)}#fontsize:active,#fontsize:focus{outline:.125em solid var(--accent)}#posts .post>*{font-size:var(--fontsize, 1em)}#blognav .right{flex-grow:1;justify-content:end}#blognav .right>span{height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:1em;padding-inline:0.5em;margin-inline-end:.4375em;gap:.5em}#blognav button[disabled]{opacity:.38}#blognav button[disabled]:hover{background-color:unset;cursor:initial}#left{top:7em;max-width:17em;padding-right:.5em;padding-top:3em;transition:transform .3s;margin-right:.5em}#hideleft,#showleft{position:absolute;top:0;--left:0.9em;left:var(--left);padding:0;margin:0;--size:2.5em;height:var(--size);width:var(--size);border-radius:100%}#notes .note:last-child:not(.more_notes_link_container),#posts{margin-bottom:1em}#hideleft:hover,#showleft:hover{background-color:rgba(var(--text--rgb),.06)}#showleft{left:0;transform:translateX(-100%);transition-duration:inherit;transition-property:left,transform}body[data-sidebar-collapsed] #left #showleft{left:calc(100% + var(--left));transform:translateX(0)}#leftcontent{padding-left:1.5em;padding-bottom:3em;max-height:calc(100vh - 10em);overflow-y:auto}#left h2{margin:0;font-size:.6875em;font-weight:500;color:rgba(var(--text--rgb),.6);letter-spacing:.00625rem;height:2.25rem;display:flex;align-items:center}#desc .content,#members a,#pages a{color:rgba(var(--text--rgb),.73);font-size:.875em}#desc .content{padding:.5rem;margin-inline-start:-.5rem;border:.125rem solid transparent;line-height:1.25rem;letter-spacing:.0125rem}#members,#pages{display:flex;flex-direction:column;margin-left:-1.5em}#members h2,#pages h2{margin-left:1.5rem}#members a,#pages a{letter-spacing:.015625rem;font-weight:500;line-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:1.5rem}#members a:hover,#pages a:hover{color:rgba(var(--text--rgb),.9)}#pages a.current-page{color:var(--accent);position:relative}#pages a.current-page:hover{color:rgba(var(--text--rgb),.15);text-shadow:0 0 var(--accent)}#pages a.current-page::before{content:"–";font-size:1.0625rem;position:absolute;left:0;padding-left:.5rem}#left hr{margin-block:1.125em;border:none;border-top:.0625em solid rgba(var(--text--rgb),.22)}#main{margin-right:2em}#posts{display:flex;flex-direction:column;gap:.75em}.post{background-color:var(--post-bg);outline:.0625em solid rgba(var(--text--rgb),.22);box-shadow:0 .0625em .1875em .0625em rgba(var(--text--rgb),.1);padding:3.75em min(7.5em,10vw);position:relative}.post>footer,.post>header{display:flex;flex-flow:row wrap;justify-content:center;gap:1em min(5vw,5em)}.post>header{align-items:start;padding-block-end:2.4em}.post>footer{align-items:end;padding-block-start:2.4em}.post>footer>*{margin:0;display:flex;flex-wrap:wrap;gap:.25em .75em;justify-content:center}.lrd .wrapper,.post .body{display:flex;flex-direction:column}.lrd{position:absolute;top:0;right:0;height:100%;transform:translateX(50%);padding-block:4.5em;transition:opacity .3s}.post:not(:hover,:focus-within) .lrd{opacity:0;pointer-events:none}.lrd .wrapper{top:10em;box-shadow:0 .25em .75em rgba(var(--text--rgb),.4);border-radius:5em;overflow:hidden}.lrd .wrapper a{padding:.5em .55em;--extrapadding:0.6em;display:flex;align-items:center;justify-content:center;line-height:1}.lrd .wrapper a:first-child{padding-block-start:var(--extrapadding)}.lrd .wrapper a:last-child{padding-block-end:var(--extrapadding)}.lrd .wrapper a:focus-within,.lrd .wrapper a:hover{background-color:rgba(var(--accent--rgb),.1)}.customlike{position:relative}.customlike .like_button,.customlike iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;overflow:hidden;opacity:0}.ask,.seekbar{position:relative}.ask .user,.bodyitem .user a,.filechip{width:fit-content;color:var(--text);text-decoration:none}.post:has(> header:empty) .body{padding-block-start:3.7em}.post:has(> footer:empty) .body{padding-block-end:3.7em}.ask .user,.bodyitem .user a{display:flex;align-items:center;gap:.25em;padding:.15em .375em;border-radius:.25em .25em .25em 0;background-color:var(--bg);line-height:1;font-weight:500;position:relative;left:-.2em}.ask .user a{color:var(--text);text-decoration:none}.ask .user a[href]:hover,.audiowrapper .controls button.active,.bodyitem .user a[href]:hover,.filtered.post .filter .tags,.paywall a,.paywall h2,.paywall strong{color:var(--accent)}.ask .user>*,.bodyitem .user .name{font-size:.9em}.deactivated.user a::after{content:"deactivated";opacity:.75;font-size:.9em}.ask .user::before,.bodyitem .user a::before{content:"";display:block;height:1.2em;width:0;border-left:.125em solid var(--bg);position:absolute;left:0;top:100%;margin-top:.1em}.user{filter:drop-shadow(-.025em -.025em .1em rgba(var(--text--rgb), .15))}.post .body{gap:1.2em}.bodyitemcontent>:not(.row){margin-block:1em}.bodyitemcontent>:first-child{margin-block-start:0.1em}.bodyitemcontent>:last-child{margin-block-end:0}.bodyitemcontent h2,.mediawrapper h2{font-size:1.6em}.mediawrapper h2,.paywall *{margin-block:0}.bodyitemcontent h3{font-size:1.3em}.ask{border-block:medium solid var(--accent);padding:.75em .5em}.ask::after,.ask::before{content:"";display:block;width:0;height:0;border:.1875em solid var(--accent);position:absolute}.ask::before{top:0;left:0;border-block-end-color:transparent;border-inline-end-color:transparent}.ask::after{bottom:0;right:0;border-block-start-color:transparent;border-inline-start-color:transparent}.post .video,.post iframe{display:block;max-width:100%;margin-inline:auto;min-height:20vh;max-height:80vh}.post .video{width:100%;background:rgba(var(--accent--rgb),.2)}.post img{display:block;max-width:100%;height:auto}.post figure{margin-inline:0}.tmblr-attribution{text-align:right;margin-block:0.25em 0}.tmblr-attribution a{color:rgba(var(--text--rgb),.5);text-decoration:none;font-size:.9em}.row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;--spacing:min(0.2em, 1vw);gap:var(--spacing);margin-block:var(--spacing)}.row figure{display:flex;flex-direction:column}.row img{object-fit:cover;height:100%;width:100%}body.lightboxed{overflow:hidden}#lightbox{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);z-index:2}#lightbox img{position:absolute;top:50%;max-width:90vw;max-height:90vh;width:auto;height:auto;box-shadow:0 0 .5em rgba(0,0,0)}#lightbox img.center{left:50%;z-index:2;transform:translate(-50%,-50%)}#lightbox img.left{left:0;transform:translate(-80%,-50%)}#lightbox img.right{left:100%;transform:translate(-20%,-50%)}#lightbox #close{position:absolute;left:0;top:0;width:100%;height:100%;line-height:1;color:#fff}#lightbox #close::before{content:"🗙";font-size:1.5em;cursor:pointer;padding:.5em;display:inline-block}#lightbox #close:focus::before{color:#acacac}.poll .question{font-size:1.5em;color:rgba(var(--text--rgb),.75);margin-block:0.75em 0.5em}.poll .option{display:grid;grid-template-columns:2.5em 1fr;gap:.4em;color:inherit;text-decoration:none;margin-block:0.15em}.complete.poll .option,.poll .empty{opacity:.6}.complete.poll .option p{text-decoration:line-through;text-decoration-color:rgba(var(--text--rgb),0.5)}.poll .option svg,.poll .seeresults svg{justify-self:end;width:1.1em;height:1.3em}.filechip{display:flex;gap:.2em;background-color:rgba(var(--text--rgb),.1);border-radius:.6em;padding:0 .35em;margin-block:0.5em}.filechip:hover{background-color:rgba(var(--text--rgb),.2)}.filechip svg{color:var(--accent);align-self:center}.readmore.filechip svg{height:.85em;width:.85em}hr.readmore{border-color:rgba(var(--text--rgb),.5);border-style:dashed;margin-inline:.3em}.audiowrapper{background:var(--bg);color:var(--text);border-radius:.25em;padding:.5em}.audiowrapper .top{display:grid;grid-template-columns:5em 1fr;align-items:center;gap:1em;padding:.5em .75em}.audiowrapper .poster{--size:5em;max-width:var(--size);max-height:var(--size);display:block;object-fit:cover;border-radius:.25em;overflow:hidden}.audiowrapper .poster svg{width:100%;height:100%;color:#fff;background:#d82f24}.audiowrapper .textinfo{display:flex;flex-direction:column;line-height:1;align-self:center;gap:.4em}.audiowrapper .trackname{font-weight:500}.audiowrapper .album,.audiowrapper .artist{font-size:.875em}.audiowrapper .controls{display:grid;grid-template-columns:auto 6em 1fr repeat(3,auto);align-items:center;justify-content:center;text-align:center;gap:.25em}@media (max-width:40em){.audiowrapper .controls{grid-template-columns:auto 1fr repeat(3,auto)}.audiowrapper .controls .times{justify-self:start}.audiowrapper .controls .seekbar{grid-row:2;grid-column:1/span 5}}.audiowrapper .controls a,.audiowrapper .controls button{display:flex;align-items:center;justify-content:center;text-decoration:none;background:0 0;border:none;color:inherit;padding:0;margin:0;width:2em;height:2em;place-self:center}#notes,.paywall{flex-direction:column;display:flex}.audiowrapper .controls a:hover,.audiowrapper .controls button:hover{color:rgba(var(--text--rgb),.5);text-shadow:0 0 var(--accent)}.seekbar{width:100%;margin:0;background-color:transparent;-webkit-appearance:none;--progress-bg:var(--accent)}.seekbar:focus{outline:0}.seekbar::before{content:"";background-color:var(--progress-bg);display:block;height:100%;width:var(--progress-width);position:absolute;top:0;left:0;cursor:pointer}.seekbar::-webkit-slider-runnable-track{background:rgba(var(--text--rgb),.15);border:0;width:100%;height:.125em;cursor:pointer}.seekbar::-webkit-slider-thumb{margin-top:-.375em;width:.875em;height:.875em;background:var(--accent);border:0;border-radius:100%;cursor:pointer;-webkit-appearance:none}.seekbar:focus::-webkit-slider-runnable-track{background:var(--accent)}.seekbar::-moz-range-track{background:rgba(var(--text--rgb),.15);border:0;width:100%;height:.125em;cursor:pointer}.seekbar::-moz-range-thumb{width:.875em;height:.875em;background:var(--accent);border:0;border-radius:1em;cursor:pointer}.seekbar::-moz-range-progress{background-color:var(--progress-bg);height:.125em}.seekbar::-ms-track{background:0 0;border-color:transparent;border-width:.375em 0;color:transparent;width:100%;height:.125em;cursor:pointer}.seekbar::-ms-fill-lower{background:var(--accent);border:0}.seekbar::-ms-fill-upper{background:rgba(var(--text--rgb),.15);border:0}.seekbar::-ms-thumb{width:.875em;height:.875em;background:var(--accent);border:0;border-radius:100%;cursor:pointer;margin-top:0}.paywall{background-color:var(--bg);color:var(--text);padding:1em 5%;margin-block:1em;text-align:center;align-items:center;gap:1em}.paywall h2{font-family:var(--font),var(--base-font)}.paywall a{text-decoration:none;border:solid var(--accent);padding:.5em 1em;display:block;border-radius:5em}.paywall.divider{padding:unset;background-color:unset;color:var(--color);flex-direction:row;gap:.25em}.paywall.divider::after,.paywall.divider::before{content:"";flex-grow:1;display:block;border:thin solid var(--color)}body.hasnotes{grid-template-columns:minmax(17.5em,1fr) minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes[data-sidebar-collapsed]{grid-template-columns:minmax(5.3em,1fr) minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes:not(.hasdesc,.haspages,.hasmembers){grid-template-columns:1fr minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes #main{display:contents}body.hasnotes #posts{margin-right:1.25em}#notes{--notes-bg:rgba(var(--accent--rgb), 0.05);background:var(--notes-bg)}#notes h2{line-height:1;padding:1.25rem 1.5rem;margin:0;font-weight:400}#notes ol{list-style:none;margin:0;padding:0;overflow:scroll}#notes .note{padding-block:0.75em;padding-inline:2.25em 1.125em}#notes .action{display:flex;flex-direction:column;align-items:start}#notes .note a{color:inherit;text-decoration:none}#notes .acted{font-size:.75em;color:rgba(var(--text--rgb),.6);line-height:1.33;display:flex;flex-flow:row wrap;align-items:center}#notes .acted::before{content:"";display:inline-block;--size:0.66em;width:var(--size);height:var(--size);background-color:var(--marker);border-radius:100%;margin-inline-end:.5em}#notes .reblog .acted::before{--marker:#137333}#notes .like .acted::before{--marker:#D81B60}#notes .reply .acted::before{--marker:#03A9F4}#notes .original_post .acted::before{--marker:var(--accent)}#notes .acted a{margin-inline-start:.2em}#notes .with_commentary blockquote{font-size:.875em;margin:.1em 0 0 1em}#notes .more_notes_link_container{position:sticky;bottom:0;background:var(--bg);padding:0}#notes .more_notes_link_container:hover{background:var(--bg)}#notes .more_notes_link,#notes .more_notes_link_container span{display:block;font-size:.875em;line-height:1;padding:1.375rem 1.5rem;background:var(--notes-bg);border-top:.0625rem solid rgba(var(--text--rgb),.22)}.filtered.post .filter button{border:none;background-color:var(--accent);color:var(--bg);font-weight:500;padding:.75em 1.5em;border-radius:1.75em;margin-block-start:1em}.filtered.post .filter button:focus,.filtered.post .filter button:hover{background-color:rgba(var(--accent--rgb),.85);box-shadow:0 .15em .5em rgba(var(--text--rgb),.25)}@media (min-width:55em){body[data-sidebar-collapsed] #left{transform:translateX(-100%)}body[data-sidebar-collapsed] #left #leftcontent{display:none}#leftcontent{--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(to right,var(--bgTrans) 70%,var(--bg)) center top,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top;background-repeat:no-repeat;background-size:100% 1em,100% .25em,100% .25em;background-attachment:local,scroll,scroll}}@media (max-width:55em){body{display:flex;flex-direction:column}#hideleft,#showleft{display:none}#left{padding-top:0;position:static;max-width:unset}#leftcontent{max-height:50vh;padding-bottom:1em;--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(var(--bgTrans),var(--bg) 70%) center bottom,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top,linear-gradient(to top,var(--shadow),rgba(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 1em,100% 1em,100% .25em,100% .25em;background-attachment:local,local,scroll,scroll}#main{margin-inline:min(1.25em,2vw)}.lrd{transform:translateX(min(.75em,1vw))}}@media (min-width:65em){body.hasnotes .tmblr-iframe--unified-controls{right:20em}body.hasavatar.hasnotes .tmblr-iframe--unified-controls{right:23.25em}#notes{position:sticky;top:0;grid-row:1/span 2;grid-column:4;height:100vh}}@media (max-width:65em){body.hasnotes{display:flex;flex-direction:column}body.hasnotes #hideleft,body.hasnotes #showleft{display:none}body.hasnotes #left{padding-top:0;position:static;max-width:unset}body.hasnotes #leftcontent{max-height:50vh;padding-bottom:1em;--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(var(--bgTrans),var(--bg) 70%) center bottom,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top,linear-gradient(to top,var(--shadow),rgba(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 1em,100% 1em,100% .25em,100% .25em;background-attachment:local,local,scroll,scroll}body.hasnotes #main{margin-inline:min(1.25em,2vw)}body.hasnotes .lrd{transform:translateX(min(.75em,1vw))}} \ No newline at end of file +#blognav,#subtitle{flex-flow:row wrap;display:flex}#subtitle,body.hasnotes:not(.hasdesc,.haspages,.hasmembers) #posts,body:not(.hasdesc,.haspages,.hasmembers) #main{grid-column:2}#blognav,#pagehead{grid-column:1/span 3}#fontsize,#pagehead a,#q{color:inherit}#blognav,#hideleft,#showleft{color:rgba(var(--text--rgb),.75)}#fontsize,.filtered.post .filter,.post>footer .tags a{text-align:center}#left,#pagehead a,.lrd .wrapper{height:fit-content}#members a,#pagehead a,#pages a,#skip,.lrd .wrapper a{text-decoration:none}.complete.poll .option p,a{text-decoration-thickness:0.1em}#blognav a:not([href],#blogcredit),#left h2,#notes .acted{text-shadow:0 0 rgba(var(--accent--rgb),.1)}#left,#pagehead,.lrd .wrapper{position:sticky}body{background:var(--bg);color:var(--text);--base-font:var(--title-font),"Helvetica Neue",HelveticaNeue,Arial,sans-serif;font-family:var(--base-font);display:grid;grid-template-columns:minmax(17.5em,1fr) minmax(1px,53rem) 1fr;grid-template-rows:auto 1fr;row-gap:.5em}body:not(.hasdesc,.haspages,.hasmembers){grid-template-columns:1fr minmax(1px,53rem) 1fr}body:not(.hasdesc,.haspages,.hasmembers) #left{display:none!important}body[data-sidebar-collapsed]{grid-template-columns:minmax(5.3em,1fr) minmax(1px,53rem) 1fr}a{color:var(--accent);text-underline-offset:0.05em}svg{width:1.5em;height:1.5em}.hidden{position:fixed;top:-5em;left:0;font-size:min(1em, 1vh);line-height:1}#notes .action>a,.filechip{line-height:1.5}#skip{transition:top .3s;color:var(--bg);background:var(--accent);font-size:1em;z-index:10;padding:.75em 1em;border-radius:2em;left:.25em}#skip:focus{top:.25em}button{cursor:pointer}.tmblr-iframe--unified-controls.iframe-controls--desktop{top:.3em}body.hasavatar .tmblr-iframe--unified-controls{right:3.25em}.tippy-box[data-theme~=docs]{background-color:var(--text);color:var(--post-bg);font-size:.8em}#pagehead,.lrd .wrapper{background-color:var(--bg)}.tippy-box[data-theme~=docs] .tippy-content{padding:.25em .6em}#pagehead{top:0;display:grid;grid-template-columns:auto 1fr auto;padding:.5em 1em 0 .5em;z-index:1}#avatar,#docs{grid-row:1/span 2}#avatar img,#docs svg{width:var(--size);height:var(--size);display:block}#docs svg{--size:3.25em;padding:.5em}#avatar{grid-column:3}#avatar img{--size:2.5em;padding:.25em;margin-left:1em;margin-top:.25em}#avatar:hover img{filter:drop-shadow(0 .0625em rgba(var(--text--rgb), .15));background-color:rgba(var(--accent--rgb),.1)}#avatar .square{border-radius:.5em}#avatar .round{border-radius:100%}#subtitle,#title h1,.poll .option p{margin:0}#title h1{font-size:1.125em;line-height:1.375em;font-weight:var(--title-font-weight)}#subtitle{font-size:.875em;font-weight:400;line-height:normal;color:rgba(var(--text--rgb),.8);text-shadow:0 0 rgba(var(--accent--rgb),.4);margin-left:-.4375rem;margin-bottom:.125em;grid-row:2}#subtitle a,#subtitle>span{display:flex;align-items:center;letter-spacing:.0125rem;padding:.125rem .4375rem;border-radius:.25rem;height:unset}#blognav .right>span:hover,#blognav a[href]:hover,#blognav button:hover,#notes .note:hover,#subtitle a:hover,#subtitle>span:hover{background-color:rgba(var(--text--rgb),.05)}#subtitle .search_query,#subtitle .tag{margin-inline:0.2em}#subtitle .tag::before{content:"#"}#subtitle .search_query::before,.bodyitemcontent .search_query::before{content:"\201C"}#subtitle .search_query::after,.bodyitemcontent .search_query::after{content:"\201D"}#blognav{margin-top:.375em;margin-inline-start:.5em;gap:.1875em;align-items:center;border-radius:1.1875em;background-color:rgba(var(--accent--rgb),.05);padding:.3125em .75em}#blognav .left,#blognav .right{display:flex;flex-flow:row wrap;align-items:center}#blognav .left{justify-content:space-evenly;row-gap:inherit}#blognav a,#blognav button{background:unset;border:unset;padding:unset;margin:unset;text-decoration:none;color:inherit;width:1.75em;height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:.25em}#blognav svg{width:1.25em;height:1.25em}#blognav a:not([href],#blogcredit){color:rgba(var(--text--rgb),.25)}#blognav #blogcredit{cursor:help}#blognav a[href].current-page,#blognav a[href].current-page:hover{background-color:rgba(var(--accent--rgb),.1);color:rgba(var(--text--rgb),.6);text-shadow:0 0 var(--accent)}#blognav hr{height:1.25em;border:0;border-inline-start:0.0125em solid rgba(var(--text--rgb),0.22);margin:0 .1875em}#blognav hr:first-child,#blognav hr:last-child,#leftcontent hr:first-child,#search[data-collapsed] #q,.audiowrapper .loop.active .repeat,.audiowrapper .loop:not(.active) .unrepeat,.audiowrapper .textinfo:empty,.audiowrapper .volume.active .mute,.audiowrapper .volume:not(.active) .unmute,.audiowrapper audio,.audiowrapper audio.playing~.controls .play,.audiowrapper audio:not(.playing)~.controls .pause,.customlike .like_button.liked~.to-like,.customlike .like_button:not(.liked)~.to-unlike,.filtered.post>:not(.filter),.poll .option:hover .empty,.poll .option:not(:hover) .checked,.post>footer .lrd:empty,.post>footer .tags:empty,.post>footer .vsn:empty,.post>footer:empty,.post>header:empty{display:none}#search:not([data-collapsed]){background-color:var(--post-bg);display:flex;gap:.2em;border-radius:.25em;padding-inline-end:0.25em;margin-inline-end:.1875em}#search #togglesearch{width:2.1875em;flex-shrink:0}#search:not([data-collapsed]) #togglesearch{border-top-right-radius:0;border-bottom-right-radius:0}#fontsize,#hideleft,#q,#showleft{background:0 0;border:none}#q{min-width:0;width:100%}#fontsize::-webkit-inner-spin-button,#fontsize::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#fontsize{-moz-appearance:textfield;width:2em;outline:1px solid rgba(var(--text--rgb),.4);border-radius:.25em;line-height:1}#fontsize:hover{outline-color:var(--text)}#fontsize:active,#fontsize:focus{outline:.125em solid var(--accent)}#posts .post>*{font-size:var(--fontsize, 1em)}#blognav .right{flex-grow:1;justify-content:end}#blognav .right>span{height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:1em;padding-inline:0.5em;margin-inline-end:.4375em;gap:.5em}#blognav button[disabled]{opacity:.38}#blognav button[disabled]:hover{background-color:unset;cursor:initial}#left{top:7em;max-width:17em;padding-right:.5em;padding-top:3em;transition:transform .3s;margin-right:.5em}#hideleft,#showleft{position:absolute;top:0;--left:0.9em;left:var(--left);padding:0;margin:0;--size:2.5em;height:var(--size);width:var(--size);border-radius:100%}#notes .note:last-child:not(.more_notes_link_container),#posts{margin-bottom:1em}#hideleft:hover,#showleft:hover{background-color:rgba(var(--text--rgb),.06)}#showleft{left:0;transform:translateX(-100%);transition-duration:inherit;transition-property:left,transform}body[data-sidebar-collapsed] #left #showleft{left:calc(100% + var(--left));transform:translateX(0)}#leftcontent{padding-left:1.5em;padding-bottom:3em;max-height:calc(100vh - 10em);overflow-y:auto}#left h2{margin:0;font-size:.6875em;font-weight:500;color:rgba(var(--text--rgb),.6);letter-spacing:.00625rem;height:2.25rem;display:flex;align-items:center}#desc .content,#members a,#pages a{color:rgba(var(--text--rgb),.73);font-size:.875em}#desc .content{padding:.5rem;margin-inline-start:-.5rem;border:.125rem solid transparent;line-height:1.25rem;letter-spacing:.0125rem}#members,#pages{display:flex;flex-direction:column;margin-left:-1.5em}#members h2,#pages h2{margin-left:1.5rem}#members a,#pages a{letter-spacing:.015625rem;font-weight:500;line-height:2rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-left:1.5rem}#members a:hover,#pages a:hover{color:rgba(var(--text--rgb),.9)}#pages a.current-page{color:var(--accent);position:relative}#pages a.current-page:hover{color:rgba(var(--text--rgb),.15);text-shadow:0 0 var(--accent)}#pages a.current-page::before{content:"–";font-size:1.0625rem;position:absolute;left:0;padding-left:.5rem}#left hr{margin-block:1.125em;border:none;border-top:.0625em solid rgba(var(--text--rgb),.22)}#main{margin-right:2em}#posts{display:flex;flex-direction:column;gap:.75em}.post{background-color:var(--post-bg);outline:.0625em solid rgba(var(--text--rgb),.22);box-shadow:0 .0625em .1875em .0625em rgba(var(--text--rgb),.1);padding:3.75em min(7.5em,10vw);position:relative}.post>footer,.post>header{display:flex;flex-flow:row wrap;justify-content:center;gap:1em min(5vw,5em)}.post>header{align-items:start;padding-block-end:2.4em}.post>footer{align-items:end;padding-block-start:2.4em}.post>footer>*{margin:0;display:flex;flex-wrap:wrap;gap:.25em .75em;justify-content:center}.lrd .wrapper,.post .body{display:flex;flex-direction:column}.lrd{position:absolute;top:0;right:0;height:100%;transform:translateX(50%);padding-block:4.5em;transition:opacity .3s}.post:not(:hover,:focus-within) .lrd{opacity:0;pointer-events:none}.lrd .wrapper{top:10em;box-shadow:0 .25em .75em rgba(var(--text--rgb),.4);border-radius:5em;overflow:hidden}.lrd .wrapper a{padding:.5em .55em;--extrapadding:0.6em;display:flex;align-items:center;justify-content:center;line-height:1}.lrd .wrapper a:first-child{padding-block-start:var(--extrapadding)}.lrd .wrapper a:last-child{padding-block-end:var(--extrapadding)}.lrd .wrapper a:focus-within,.lrd .wrapper a:hover{background-color:rgba(var(--accent--rgb),.1)}.customlike{position:relative}.customlike .like_button,.customlike iframe{position:absolute;top:0;left:0;right:0;bottom:0;width:100%!important;height:100%!important;overflow:hidden;opacity:0}.ask .user,.bodyitem .user a,.filechip{width:fit-content;color:var(--text);text-decoration:none}.post:has(> header:empty) .body{padding-block-start:3.7em}.post:has(> footer:empty) .body{padding-block-end:3.7em}.ask .user,.bodyitem .user a{display:flex;align-items:center;gap:.25em;padding:.15em .375em;border-radius:.25em .25em .25em 0;background-color:var(--bg);line-height:1;font-weight:500;position:relative;left:-.2em}.ask .user a{color:var(--text);text-decoration:none}.ask .user a[href]:hover,.audiowrapper .controls button.active,.bodyitem .user a[href]:hover,.filtered.post .filter .tags,.paywall a,.paywall h2,.paywall strong{color:var(--accent)}.ask .user>*,.bodyitem .user .name{font-size:.9em}.deactivated.user a::after{content:"deactivated";opacity:.75;font-size:.9em}.ask .user::before,.bodyitem .user a::before{content:"";display:block;height:1.2em;width:0;border-left:.125em solid var(--bg);position:absolute;left:0;top:100%;margin-top:.1em}.ask,.seekbar{position:relative}.user{filter:drop-shadow(-.025em -.025em .1em rgba(var(--text--rgb), .15))}.post .body{gap:1.2em}.bodyitemcontent>:not(.row){margin-block:1em}.bodyitemcontent>:first-child{margin-block-start:0.1em}.bodyitemcontent>:last-child{margin-block-end:0}.bodyitemcontent h2,.mediawrapper h2{font-size:1.6em}.mediawrapper h2,.paywall *{margin-block:0}.bodyitemcontent h3{font-size:1.3em}.ask{border-block:medium solid var(--accent);padding:.75em .5em}.ask::after,.ask::before{content:"";display:block;width:0;height:0;border:.1875em solid var(--accent);position:absolute}.ask::before{top:0;left:0;border-block-end-color:transparent;border-inline-end-color:transparent}.ask::after{bottom:0;right:0;border-block-start-color:transparent;border-inline-start-color:transparent}.post .video,.post iframe{display:block;max-width:100%;margin-inline:auto;min-height:20vh;max-height:80vh}.post .video{width:100%;background:rgba(var(--accent--rgb),.2)}.post img{display:block;max-width:100%;height:auto}.post figure{margin-inline:0}.tmblr-attribution{text-align:right;margin-block:0.25em 0}.tmblr-attribution a{color:rgba(var(--text--rgb),.5);text-decoration:none;font-size:.9em}.row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;--spacing:min(0.2em, 1vw);gap:var(--spacing);margin-block:var(--spacing)}.row figure{display:flex;flex-direction:column}.row img{object-fit:cover;height:100%;width:100%}body.lightboxed{overflow:hidden}#lightbox{position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.75);z-index:2}#lightbox img{position:absolute;top:50%;max-width:90vw;max-height:90vh;width:auto;height:auto;box-shadow:0 0 .5em rgba(0,0,0)}#lightbox img.center{left:50%;z-index:2;transform:translate(-50%,-50%)}#lightbox img.left{left:0;transform:translate(-80%,-50%)}#lightbox img.right{left:100%;transform:translate(-20%,-50%)}#lightbox #close{position:absolute;left:0;top:0;width:100%;height:100%;line-height:1;color:#fff}#lightbox #close::before{content:"🗙";font-size:1.5em;cursor:pointer;padding:.5em;display:inline-block}#lightbox #close:focus::before{color:#acacac}.poll .question{font-size:1.5em;color:rgba(var(--text--rgb),.75);margin-block:0.75em 0.5em}.poll .option{display:grid;grid-template-columns:2.5em 1fr;gap:.4em;color:inherit;text-decoration:none;margin-block:0.15em}.complete.poll .option,.poll .empty{opacity:.6}.complete.poll .option p{text-decoration:line-through;text-decoration-color:rgba(var(--text--rgb),0.5)}.poll .option svg,.poll .seeresults svg{justify-self:end;width:1.1em;height:1.3em}.filechip{display:flex;gap:.2em;background-color:rgba(var(--text--rgb),.1);border-radius:.6em;padding:0 .35em;margin-block:0.5em}.filechip:hover{background-color:rgba(var(--text--rgb),.2)}.filechip svg{color:var(--accent);align-self:center}.readmore.filechip svg{height:.85em;width:.85em}hr.readmore{border-color:rgba(var(--text--rgb),.5);border-style:dashed;margin-inline:.3em}.audiowrapper{background:var(--bg);color:var(--text);border-radius:.25em;padding:.5em}.audiowrapper .top{display:grid;grid-template-columns:5em 1fr;align-items:center;gap:1em;padding:.5em .75em}.audiowrapper .poster{--size:5em;max-width:var(--size);max-height:var(--size);display:block;object-fit:cover;border-radius:.25em;overflow:hidden}.audiowrapper .poster svg{width:100%;height:100%;color:#fff;background:#d82f24}.audiowrapper .textinfo{display:flex;flex-direction:column;line-height:1;align-self:center;gap:.4em}.audiowrapper .trackname{font-weight:500}.audiowrapper .album,.audiowrapper .artist{font-size:.875em}.audiowrapper .controls{display:grid;grid-template-columns:auto 6em 1fr repeat(3,auto);align-items:center;justify-content:center;text-align:center;gap:.25em}@media (max-width:40em){.audiowrapper .controls{grid-template-columns:auto 1fr repeat(3,auto)}.audiowrapper .controls .times{justify-self:start}.audiowrapper .controls .seekbar{grid-row:2;grid-column:1/span 5}}.audiowrapper .controls a,.audiowrapper .controls button{display:flex;align-items:center;justify-content:center;text-decoration:none;background:0 0;border:none;color:inherit;padding:0;margin:0;width:2em;height:2em;place-self:center}#notes,.paywall{flex-direction:column;display:flex}.audiowrapper .controls a:hover,.audiowrapper .controls button:hover{color:rgba(var(--text--rgb),.5);text-shadow:0 0 var(--accent)}.seekbar{width:100%;margin:0;background-color:transparent;-webkit-appearance:none;--progress-bg:var(--accent)}.seekbar:focus{outline:0}.seekbar::before{content:"";background-color:var(--progress-bg);display:block;height:100%;width:var(--progress-width);position:absolute;top:0;left:0;cursor:pointer}.seekbar::-webkit-slider-runnable-track{background:rgba(var(--text--rgb),.15);border:0;width:100%;height:.125em;cursor:pointer}.seekbar::-webkit-slider-thumb{margin-top:-.375em;width:.875em;height:.875em;background:var(--accent);border:0;border-radius:100%;cursor:pointer;-webkit-appearance:none}.seekbar:focus::-webkit-slider-runnable-track{background:var(--accent)}.seekbar::-moz-range-track{background:rgba(var(--text--rgb),.15);border:0;width:100%;height:.125em;cursor:pointer}.seekbar::-moz-range-thumb{width:.875em;height:.875em;background:var(--accent);border:0;border-radius:1em;cursor:pointer}.seekbar::-moz-range-progress{background-color:var(--progress-bg);height:.125em}.seekbar::-ms-track{background:0 0;border-color:transparent;border-width:.375em 0;color:transparent;width:100%;height:.125em;cursor:pointer}.seekbar::-ms-fill-lower{background:var(--accent);border:0}.seekbar::-ms-fill-upper{background:rgba(var(--text--rgb),.15);border:0}.seekbar::-ms-thumb{width:.875em;height:.875em;background:var(--accent);border:0;border-radius:100%;cursor:pointer;margin-top:0}.paywall{background-color:var(--bg);color:var(--text);padding:1em 5%;margin-block:1em;text-align:center;align-items:center;gap:1em}.paywall h2{font-family:var(--font),var(--base-font)}.paywall a{text-decoration:none;border:solid var(--accent);padding:.5em 1em;display:block;border-radius:5em}.paywall.divider{padding:unset;background-color:unset;color:var(--color);flex-direction:row;gap:.25em}.paywall.divider::after,.paywall.divider::before{content:"";flex-grow:1;display:block;border:thin solid var(--color)}body.hasnotes{grid-template-columns:minmax(17.5em,1fr) minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes[data-sidebar-collapsed]{grid-template-columns:minmax(5.3em,1fr) minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes:not(.hasdesc,.haspages,.hasmembers){grid-template-columns:1fr minmax(1px,53rem) 1fr minmax(20em,1fr)}body.hasnotes #main{display:contents}body.hasnotes #posts{margin-right:1.25em}#notes{--notes-bg:rgba(var(--accent--rgb), 0.05);background:var(--notes-bg)}#notes h2{line-height:1;padding:1.25rem 1.5rem;margin:0;font-weight:400}#notes ol{list-style:none;margin:0;padding:0;overflow:scroll}#notes .note{padding-block:0.75em;padding-inline:2.25em 1.125em}#notes .action{display:flex;flex-direction:column;align-items:start}#notes .note a{color:inherit;text-decoration:none}#notes .acted{font-size:.75em;color:rgba(var(--text--rgb),.6);line-height:1.33;display:flex;flex-flow:row wrap;align-items:center}#notes .acted::before{content:"";display:inline-block;--size:0.66em;width:var(--size);height:var(--size);background-color:var(--marker);border-radius:100%;margin-inline-end:.5em}#notes .reblog .acted::before{--marker:#137333}#notes .like .acted::before{--marker:#D81B60}#notes .reply .acted::before{--marker:#03A9F4}#notes .original_post .acted::before{--marker:var(--accent)}#notes .acted a{margin-inline-start:.2em}#notes .with_commentary blockquote{font-size:.875em;margin:.1em 0 0 1em}#notes .more_notes_link_container{position:sticky;bottom:0;background:var(--bg);padding:0}#notes .more_notes_link_container:hover{background:var(--bg)}#notes .more_notes_link,#notes .more_notes_link_container span{display:block;font-size:.875em;line-height:1;padding:1.375rem 1.5rem;background:var(--notes-bg);border-top:.0625rem solid rgba(var(--text--rgb),.22)}.filtered.post .filter button{border:none;background-color:var(--accent);color:var(--bg);font-weight:500;padding:.75em 1.5em;border-radius:1.75em;margin-block-start:1em}.filtered.post .filter button:focus,.filtered.post .filter button:hover{background-color:rgba(var(--accent--rgb),.85);box-shadow:0 .15em .5em rgba(var(--text--rgb),.25)}.expandable.post .body{max-height:calc(100vh - (3.75em * 2) - (3.7em * 2));overflow-y:clip;position:relative}.expandable.post button.expand{position:absolute;bottom:0;left:-5%;width:110%;background:linear-gradient(rgba(var(--post-bg--rgb),0) 0,rgba(var(--post-bg--rgb),.8) 1em,rgba(var(--post-bg--rgb),1));color:var(--text);border:none;padding:1.5em 1em .5em;font-weight:600}.expandable.post button.expand:focus{text-decoration:0.15em solid var(--accent) underline;text-underline-offset:0.35em}@media (min-width:55em){body[data-sidebar-collapsed] #left{transform:translateX(-100%)}body[data-sidebar-collapsed] #left #leftcontent{display:none}#leftcontent{--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(to right,var(--bgTrans) 70%,var(--bg)) center top,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top;background-repeat:no-repeat;background-size:100% 1em,100% .25em,100% .25em;background-attachment:local,scroll,scroll}}@media (max-width:55em){body{display:flex;flex-direction:column}#hideleft,#showleft{display:none}#left{padding-top:0;position:static;max-width:unset}#leftcontent{max-height:50vh;padding-bottom:1em;--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(var(--bgTrans),var(--bg) 70%) center bottom,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top,linear-gradient(to top,var(--shadow),rgba(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 1em,100% 1em,100% .25em,100% .25em;background-attachment:local,local,scroll,scroll}#main{margin-inline:min(1.25em,2vw)}.lrd{transform:translateX(min(.75em,1vw))}}@media (min-width:65em){body.hasnotes .tmblr-iframe--unified-controls{right:20em}body.hasavatar.hasnotes .tmblr-iframe--unified-controls{right:23.25em}#notes{position:sticky;top:0;grid-row:1/span 2;grid-column:4;height:100vh}}@media (max-width:65em){body.hasnotes{display:flex;flex-direction:column}body.hasnotes #hideleft,body.hasnotes #showleft{display:none}body.hasnotes #left{padding-top:0;position:static;max-width:unset}body.hasnotes #leftcontent{max-height:50vh;padding-bottom:1em;--bgTrans:rgba(var(--bg--rgb), 0);--shadow:rgba(var(--text--rgb), 0.1);background:linear-gradient(var(--bg) 30%,var(--bgTrans)) center top,linear-gradient(var(--bgTrans),var(--bg) 70%) center bottom,linear-gradient(to bottom,var(--shadow),rgba(0,0,0,0)) center top,linear-gradient(to top,var(--shadow),rgba(0,0,0,0)) center bottom;background-repeat:no-repeat;background-size:100% 1em,100% 1em,100% .25em,100% .25em;background-attachment:local,local,scroll,scroll}body.hasnotes #main{margin-inline:min(1.25em,2vw)}body.hasnotes .lrd{transform:translateX(min(.75em,1vw))}} \ No newline at end of file