Post by LORELAI CHURCH on Aug 22, 2024 13:08:54 GMT -7
[nospaces][newclass=".fortine"]--accent:#69b6b8;--bgimg:url(https://i.ibb.co/zF7F4Z0/Dicio14.png);[/newclass]
[googlefont=Inconsolata:300,400,700]
[googlefont=Montserrat:200,300,400,700]
[newclass=".fortine"]border:solid 1px #d5d5d5;padding:5px;background:linear-gradient(to bottom,#eee,var(--accent));background-size:100% 400%;width:651px;margin:25px auto;[/newclass]
[newclass=".fortine-1"]border:solid 1px #d5d5d5;background-color:#f9f9f9;padding:25px 0px;[/newclass]
[newclass=".fortine-top"]background-color:var(--accent);margin:0px -1px 25px -1px;position:relative;padding:0px 0px 60px 60px;height:240px;display:flex;flex-direction:column;gap:15px;justify-content:flex-end;color:#f9f9f9;text-transform:lowercase;[/newclass]
[newclass=".fortine-top div"]position:absolute;top:0px;left:0px;height:300px;width:651px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:grayscale(100%) contrast(120%) brightness(120%);opacity:.15;mix-blend-mode:lighten;[/newclass]
[newclass=".fortine-top h1"]margin:0px;font:12px / 10px Inconsolata, sans-serif;text-transform:uppercase;letter-spacing:5px;[/newclass]
[newclass=".fortine-top h2"]margin:0px;font:200 75px / 65px Montserrat, sans-serif;[/newclass]
[newclass=".fortine-top h3"]margin:0px 160px 0px 0px;font:11px / 11px Inconsolata, sans-serif;letter-spacing:5px;[/newclass]
[newclass=".fortine-body"]border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;background-color:#f3f3f3;padding:25px 25px 0px 25px;position:relative;[/newclass]
[newclass=".fortine-body::before"]position:absolute;border-left:solid 1px #d5d5d5;background-color:#eee; content:'';display:block;top:0px;bottom:0px;right:0px;width:325px;[/newclass]
[newclass=".fortine-2"]position:relative;z-index:1;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:51px;[/newclass]
[newclass=".fortine-2 h1"]align-self:flex-start;margin:0px;display:flex;justify-content:flex-end;[/newclass]
[newclass=".fortine-2 h1 b"]padding:15px;background-color:#69b6b8;font:10px / 10px Inconsolata, sans-serif;text-transform:uppercase;color:#f9f9f9;letter-spacing:3px;max-width:fit-content;position:relative;[/newclass]
[newclass=".fortine-2 h1 b::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-left:solid 6px var(--accent);position:absolute;right:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-3"]border:solid 1px #d5d5d5;background-color:#f3f3f3;padding:24px;font:12px / 15px Inconsolata, sans-serif;color:#444;letter-spacing:.25px;text-align:justify;margin-bottom:25px;position:relative;[/newclass]
[newclass=".fortine-3 div"]height:75px;overflow:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent;[/newclass]
[newclass=".fortine-3::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #d5d5d5;position:absolute;left:-13px;top:14px;[/newclass]
[newclass=".fortine-3::after"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #f3f3f3;position:absolute;left:-11px;top:14px;[/newclass]
[newclass=".fortine-2:nth-child(even) h1"]grid-column:2 / 3;justify-content:flex-start;[/newclass]
[newclass=".fortine-2:nth-child(even) h1 b::before"]border-left:solid 6px transparent;border-right:solid 6px var(--accent);position:absolute;left:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3"]margin-top:-125px;background-color:#eee;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::before"]left:auto;right:-13px;border-left:solid 6px #d5d5d5;border-right:solid 6px transparent;top:98px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::after"]left:auto;right:-11px;border-left:solid 6px #eee;border-right:solid 6px transparent;top:98px;[/newclass]
[attr="class","fortine"]
[attr="class","fortine-1"]
[attr="class","fortine-top"]
lorelai church's
timeline
I'll be your one and only champion, I'll be your full-time royal, worship me, I'll be adored by workers near and far, I'll let you be my lil' drone honey, So long as you never cross me; Oh gods, again, I really should have said: Heed me well, or you're as good as dead!
[attr="class","fortine-body"]
[attr="class","fortine-2"]
september, 2024
[attr="class","fortine-3"]
[attr="class","fortine-2"]
september, 2024
[attr="class","fortine-3"]
[attr="class","fortine-2"]
month, 2024
[attr="class","fortine-3"]
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
[attr="class","fortine-2"]
month, 2024
[attr="class","fortine-3"]
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
[attr="class","fortine-2"]
month, 2024
[attr="class","fortine-3"]
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
[googlefont=Inconsolata:300,400,700]
[googlefont=Montserrat:200,300,400,700]
[newclass=".fortine"]border:solid 1px #d5d5d5;padding:5px;background:linear-gradient(to bottom,#eee,var(--accent));background-size:100% 400%;width:651px;margin:25px auto;[/newclass]
[newclass=".fortine-1"]border:solid 1px #d5d5d5;background-color:#f9f9f9;padding:25px 0px;[/newclass]
[newclass=".fortine-top"]background-color:var(--accent);margin:0px -1px 25px -1px;position:relative;padding:0px 0px 60px 60px;height:240px;display:flex;flex-direction:column;gap:15px;justify-content:flex-end;color:#f9f9f9;text-transform:lowercase;[/newclass]
[newclass=".fortine-top div"]position:absolute;top:0px;left:0px;height:300px;width:651px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:grayscale(100%) contrast(120%) brightness(120%);opacity:.15;mix-blend-mode:lighten;[/newclass]
[newclass=".fortine-top h1"]margin:0px;font:12px / 10px Inconsolata, sans-serif;text-transform:uppercase;letter-spacing:5px;[/newclass]
[newclass=".fortine-top h2"]margin:0px;font:200 75px / 65px Montserrat, sans-serif;[/newclass]
[newclass=".fortine-top h3"]margin:0px 160px 0px 0px;font:11px / 11px Inconsolata, sans-serif;letter-spacing:5px;[/newclass]
[newclass=".fortine-body"]border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;background-color:#f3f3f3;padding:25px 25px 0px 25px;position:relative;[/newclass]
[newclass=".fortine-body::before"]position:absolute;border-left:solid 1px #d5d5d5;background-color:#eee; content:'';display:block;top:0px;bottom:0px;right:0px;width:325px;[/newclass]
[newclass=".fortine-2"]position:relative;z-index:1;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:51px;[/newclass]
[newclass=".fortine-2 h1"]align-self:flex-start;margin:0px;display:flex;justify-content:flex-end;[/newclass]
[newclass=".fortine-2 h1 b"]padding:15px;background-color:#69b6b8;font:10px / 10px Inconsolata, sans-serif;text-transform:uppercase;color:#f9f9f9;letter-spacing:3px;max-width:fit-content;position:relative;[/newclass]
[newclass=".fortine-2 h1 b::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-left:solid 6px var(--accent);position:absolute;right:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-3"]border:solid 1px #d5d5d5;background-color:#f3f3f3;padding:24px;font:12px / 15px Inconsolata, sans-serif;color:#444;letter-spacing:.25px;text-align:justify;margin-bottom:25px;position:relative;[/newclass]
[newclass=".fortine-3 div"]height:75px;overflow:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent;[/newclass]
[newclass=".fortine-3::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #d5d5d5;position:absolute;left:-13px;top:14px;[/newclass]
[newclass=".fortine-3::after"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #f3f3f3;position:absolute;left:-11px;top:14px;[/newclass]
[newclass=".fortine-2:nth-child(even) h1"]grid-column:2 / 3;justify-content:flex-start;[/newclass]
[newclass=".fortine-2:nth-child(even) h1 b::before"]border-left:solid 6px transparent;border-right:solid 6px var(--accent);position:absolute;left:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3"]margin-top:-125px;background-color:#eee;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::before"]left:auto;right:-13px;border-left:solid 6px #d5d5d5;border-right:solid 6px transparent;top:98px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::after"]left:auto;right:-11px;border-left:solid 6px #eee;border-right:solid 6px transparent;top:98px;[/newclass]