morning → rachelzegler
temporary url change 💜✨
*and* blockquote, so let's remove it around
*/ article blockquote p { margin: 0!important; } /* ------------ styling different stuff */ small, sup, sub, big, p.npf_quote { font-size: inherit; font-family: inherit; vertical-align: inherit; } p.npf_quirky { line-height: inherit; font-size: 1.6em; } pre { white-space: initial; margin: 0; } code { line-height: inherit !important; background: transparent; font-size: inherit !important; word-wrap: break-word; } /* ------------------------------------- post footer */ footer.info { border-top: 1px solid rgb(var(--c-border)); padding: var(--text-margin); } .info-inner a { color: var(--c-text); font-family: "roboto mono"; text-transform: uppercase; font-weight: bold; } .info-inner a:hover, .toggle-tags:hover { color: rgb(var(--c-acc1)); } .date { font-size: 1em; font-style: normal; } .date a { color: var(--c-acc1); } .info-icon { display: inline-flex; font-size: 1.5em; } .interact { gap: 0.8rem; } /* make 'em square */ .interact a { display: inline-flex; } /* like */ a.custom-like-container { position: relative; } a.custom-like-container .like_button { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } a.custom-like-container .like_button iframe { width: 100%!important; height: 100%!important; } a.custom-like-container .liked + .custom-like-icon { color: rgb(var(--c-acc1))!important; } /* tags */ .toggle-tags { cursor: pointer; transition: all 0.2s ease; display: inline-flex; } .toggle-tags:hover { color: rgb(var(--c-acc1)); } .tags { margin-top: var(--gap2); } /* --------- on permalink pages */ .permalink-ago { font-weight: 700; font-size: 1em; font-family: "roboto mono"; text-transform: uppercase; } .permalink-date { line-height: 1.6; margin-top: 0.4em; } .permalink-reblogged { flex-direction: column; margin-top: var(--gap3); gap: 10px; } .permalink-source { margin-top: var(--gap1); display: block; } /* ------------------------------------- notes */ .notecount { font-family: "roboto mono"; text-transform: uppercase; font-weight: bold; font-size: 1em; } .notes-container { margin-top: var(--gap4); } span.note-counter { display: block; font-weight: 600; margin-bottom: var(--gap3); font-family: "roboto mono"; text-transform: uppercase; font-weight: bold; font-size: 1em; } ol.notes li.note { padding: var(--gap1) 0; position: relative; list-style-type: none; } ol.notes li.note img.avatar { margin-right: var(--gap1); vertical-align: middle; max-width: 2em; height: auto; background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgb(var(--c-acc1)), rgb(var(--c-acc2))) border-box; border-radius: var(--circle); border: 4px solid transparent; } a.more_notes_link { color: rgb(var(--c-text)); display: block; font-family: roboto mono; font-weight: 500; background: linear-gradient(to right, rgb(var(--c-acc1)), rgb(var(--c-acc2))); padding: 5px; margin-bottom: 20px; color: #000; } /* ------------------------------------- POST-TYPE: poll */ .poll-post a.poll-row { color: rgb(var(--c-text)); line-height: inherit !important; font-size: var(--font-size); border-radius: var(--round1); padding: 8px var(--gap1); font-weight: 600; margin: var(--text-margin) 0; border: 1px solid rgb(var(--c-border)); background-color: rgb(var(--c-bg2)); width: auto!important; text-align: center; min-height: auto; } .poll-post a.poll-row:hover { color: rgb(var(--c-acc1))!important; } a.poll-row p { margin: 0!important; } .poll-post .poll-see-results { margin-top: 0; margin-bottom: var(--text-margin); } /* ------------------------------------- POST-TYPE: quote */ p.npf_quote { font-family: "Sail", system-ui; font-size: 30px; text-transform: lowercase; line-height: 100%; color: rgb(var(--c-acc1)); } /* ------------------------------------- POST-TYPE: ask*/ .ask-container { border-bottom: 0px solid rgb(var(--c-border)); overflow: hidden; background-color: rgb(var(--c-bg1)); } .asker-wrap { margin: var(--text-margin); } .asker-wrap img { width: 3em; height: 3em; border-radius: var(--circle); display: inline-flex; background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgb(var(--c-acc1)), rgb(var(--c-acc2))) border-box; border: 4px solid transparent; } .ask-user-info { gap: 0.8rem; flex-direction: column; } .ask-user-info span:first-child { font-weight: 700; text-transform: lowercase; } .ask-user-info a.asker, .ask-user-info a.answerer { color: rgb(var(--c-text)); } .ask-user-info a.asker:hover, .ask-user-info a.answerer:hover { color: rgb(var(--c-acc1)); } /* margin on ask since some legacy asks don't wrap the questions in
... */ .question { margin: var(--text-margin); } /* .. then remove the usual horizontal margins we've created earlier...*/ .question p { margin-right: 0!important; margin-left: 0!important; } /* ... and remove the first and last vertical margins we've created earlier
*/ .question p:first-of-type { margin-top: 0; } .question p:last-of-type { margin-bottom: 0; } /* keep npf photos from extending over the askbox size */ .question .npf_inst { max-width: 100%; margin: 0; } /* keeps the aspect ratio and width on images inside asks */ :where(.question, .replies, .rb-answer) img { width: auto!important; max-width: 100%; border-radius: var(--photo-corners); } /* this is the original answer container */ .replies { margin-top: var(--text-margin); background-color: rgb(var(--c-bg3)); } /* this is the rebloged answer container */ .rb-answer { margin-bottom: -1px; /* to fix double border at bottom when using borders */ background-color: rgb(var(--c-bg2)); } /* ------------------------------------- POST-TYPE: chat */ p.npf_chat span.label { font-weight: 600; } p.npf_chat { font-family: inherit!important; background-color: rgb(var(--c-bg1)); padding: 10px; border: 1px solid rgb(var(--c-border)); } /* ------------------------------------- video /audio responsiveness */ /* since aspect-ratio is now supported CSS, the following takes care of reponsiveness and the aspect ratio of videos and iframes and sound. */ article iframe:not(iframe.bandcamp_audio_player,.spotify_audio_player, iframe.soundcloud_audio_player, iframe.tumblr_audio_player) { max-width: 100%; aspect-ratio: 16/9; height: auto; } iframe.soundcloud_audio_player, .tumblr_video_container { width: 100%!important; height: auto!important; } figure iframe.spotify_audio_player, iframe.spotify_audio_player { max-height: 90px; width: 100%; } article iframe[src*='soundcloud'] { max-height: 130px; width: 100%; } figure iframe.bandcamp_audio_player { max-height: 120px; width: 100%; } iframe.tumblr_audio_player { max-height: 85px; width: 100%; } /* ------------------------------------- POST TYPE: audio */ .audio_player { max-height: 27px; } .tmblr-full>.audio-caption .audio-details { padding: 0; flex: 1; } .tmblr-full>.audio-caption .album-cover { flex: none; margin-left: var(--text-margin); background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgb(var(--c-acc1)), rgb(var(--c-acc2))) border-box; border-radius: var(--round1); border: 4px solid transparent; } /* ------------------------------------- POST TYPE: link */ /* recreated tumblr's npf style of link posts so legacy will match. see HTML part for more info */ div.npf-link-block { align-items: flex-start; border: 1px solid rgb(var(--c-border)); background-color: rgb(var(--c-bg1)); border-radius: var(--round2); display: flex; justify-content: center; margin: var(--text-margin); overflow: hidden; flex-direction: column; } div.npf-link-block .poster { -ms-flex-align: center; align-items: center; background-position: 50%; background-repeat: no-repeat; background-size: cover; background-clip: content-box; border-bottom: 1px solid rgb(var(--c-bg1)); display: -ms-flexbox; display: flex; height: 250px; -ms-flex-pack: center; justify-content: center; position: relative; } div.npf-link-block .title { font-size: 1.5em; line-height: var(--line-height); max-height: 136px; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; font-weight: 500; padding: var(--gap2) var(--gap2) 0; } div.npf-link-block .poster .title { color: #fff; font-weight: 400; padding: var(--gap3); position: absolute; text-align: center; } div.npf-link-block .bottom { color: inherit; line-height: var(--line-height); padding: var(--gap2); } div.npf-link-block .bottom .description { color: inherit; font-size: inherit; line-height: inherit; margin: 0; max-height: 80px; overflow: hidden; overflow-wrap: anywhere; text-overflow: ellipsis; } div.npf-link-block .bottom .site-name { color: rgb(var(--c-link)); font-size: inherit; font-weight: 400; line-height: var(--line-height); margin-top: 10px; opacity: 1; text-transform: uppercase; } /* ------------------------------------- corners */ .top-corner { position: fixed; flex-direction: column; top: var(--gap1); right: var(--gap1); z-index: 2; align-items: flex-end; } /* styling right side icons */ .right-icon { padding: 0.5rem; font-size: 1.5em; background-color: rgb(var(--c-bg2)); border: 1px solid rgb(var(--c-border)); color: rgb(var(--c-text)); border-radius: var(--round2); } /* tumblr controls stuff */ iframe.tmblr-iframe, .tmblr-iframe { z-index: 99!important; opacity: 0; visibility: hidden; top: 1rem; right: 5rem!important; transform: scale(0.8); transform-origin: 100% 0; transition: all 0.3s ease; } .tmblr-iframe.active { opacity: 1; visibility: visible; } .spin { transition: rotate .4s ease; } .spin.active { rotate: 30deg; } /* ------------------------------------------------- responsive */ @media only screen and (max-width: calc(500px + 350px)) { :root { --sb-width: var(--post-width); } :is(.left,.right) main { grid-template-areas: "sb" "post"; } } @media only screen and (max-width: calc(500px + 50px)) { :root { --post-width: 85vw; --sb-width: 85vw } main { width: 100vw; } }
temporary url change 💜✨
WARNING do NOT start reading books and comics or watching movies or looking at art!!! you will start wanting to create art yourself. or god forbid. writing.
buffy is so funny because she's the most repressed, uptight, tightly wound girl in the whole world. but she genuinely believes she's a completely chill individual. i love her
SUCCESSION | “TERN HAVEN”
Should I put $10 towards food, or towards education and development in Gaza?
This is a real question, not just theory or philosophy… a question I face every day, and I found myself needing to answer it clearly.
Today in Gaza, people are hungry… but also, people are lost. There's a graduate sitting on rubble with no laptop to even work on. There's a university student studying by candlelight, without internet to continue their education. There's an engineer, who instead of building, is searching for a box of aid to feed his family.
Do you know what this means? It means the occupation doesn't want to kill us with bullets, it wants to kill us with ignorance, with helplessness, by turning us into just people waiting for a bag of flour, waiting for aid… and that's the biggest crime against us. Today we all in Gaza need a bite to eat… but tomorrow? Do I want to spend my whole life depending on others to live? This is the question that worries me the most!! Or should I be able to provide for myself and my family and rebuild my life from scratch?
That's why, instead of that $10 being a meal for one day, let it be an investment in a student who will emerge from under the rubble, will learn, and will be able to provide their own food forever.
Let it be a share of Esnad, not just so Gaza can live another day… but so that Gaza can rise, stand, and persevere forever.
Help us build a future for the coming days in Gaza. We at ISNAD Foundation provide free scholarships for students. Help us rebuild Gaza by building its students and empowering them to have a suitable learning environment.
Gaza students need your support. Final exams are about to start and as you know there are no universities in Gaza so education is online but there is another obstacle which is the internet and electricity!! But we at Isnad with your help and donations will provide a safe and dedicated place to study so that students can complete their education. All you have to do is make a small donation. A student sponsorship is equal to $150. There is no problem with your small donation, a little on a little is worth a lot.
The most important thing about this is that the place we got requires us to pay rent within Saturday, which is four days away, so we need your help to raise $1,500 within the four days.
We have $225 so far.
have you guys done that “what kind of reader are you” quiz and if so what did you get
Jeez, lurk much. Wasn’t lurking. I was standing about. It’s a whole different vibe.
"if tumblr dies you can find me on bluesky" "if tumblr dies you can find me on Instagram" if tumblr dies you cannot find me. It's over. I'm free.