close tab

played by

Comet

Kai

He/Him

Twenty

January 22

Jubilife City, Sinnoh

Plotsexual

Graphic Designer

Grunt

she loves me like a dog.

woof woof.

5'11" height

leave with my money and my self control.

awards

0 posts

DOLLARS

part of

TAG WITH @malachi

Malachi Decker

comet's devious plots

POSTED ON Mar 1, 2024 21:03:09 GMT

shiv likes this

[nospaces]

[attr="class","folio-hover-l"]
[PTabbedContent]

[PTab=

22 she/her

Lavinia Linnea]

[attr="class","page"]

[attr="class","page-cover"]

[attr="class","page-inner"]

[attr="class","innerbox"]

[attr="class","songarea"]I look to you, like a red rose seeking the sun no matter where it goes. I long to stay, where the light dwells to guard against the cold that I know so well.

ABOUT PLACEHOLDER

Friends

PLACEHOLDER

Relations

item one
item two
item three

Enemies

PLACEHOLDER

Relations

item one
item two
item three

lovers

PLACEHOLDER

Relations

item one
item two
item three

[/PTab={ --accent: firebrick; } ]

[PTab=

20 he/him

Malachi Decker]

[attr="class","page"]

[attr="class","page-cover"]

[attr="class","page-inner"]

[attr="class","innerbox"]

[attr="class","songarea"]lyrics or quote

ABOUT PLACEHOLDER

Friends

PLACEHOLDER

Relations

item one
item two
item three

Enemies

PLACEHOLDER

Relations

item one
item two
item three

lovers

PLACEHOLDER

Relations

item one
item two
item three

[/PTab={ --accent: goldenrod; } ]

[/PTabbedContent]
made by gimmick

[googlefont=Roboto+Mono:400,500,600,700][googlefont=Roboto:100,300,400,500,700]

[newclass=.PT_Tabs_holder td:nth-child(1)]--accent: firebrick[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(2)]--accent: goldenrod[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(3)]--accent: seagreen[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(4)]--accent: cornflowerblue[/newclass]
[newclass=.PT_Tabs_holder td:nth-child(5)]--accent: slateblue[/newclass]

[newclass=.folio-hover-l]margin: 30px auto; width: fit-content; text-align: right;[/newclass]
[newclass=.folio-hover-l table]border: 0;[/newclass]

[newclass=.folio-hover-l table td]padding:0[/newclass]

[newclass=.folio-hover-l td.PT_tabs, .folio-hover-l td.PT_tabs_hover, .folio-hover-l td.PT_tabs_selected, .folio-hover-l td.PT_tabs_selected_hover]padding:25px 0 0 25px !important; [/newclass]

[newclass=.folio-hover-l>a] font: normal 8px/10px arial; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; margin: 2px auto [/newclass]

[newclass=.folio-hover-l table.PT_table] background: #e9e9e9; width: 645px; height: 532px; padding: 25px; position: relative; padding-bottom: 0; color: #333; text-align: left; [/newclass]

[newclass=.folio-hover-l .PT_Tabs_holder]width: 220px; background: transparent; overflow: auto; height: 100%;[/newclass]

[newclass=.folio-hover-l .PT_table tr:first-of-type]display: flex;flex-direction: column;height: 475px;left: -220px; width: 175px; [/newclass]

[newclass=.folio-hover-l .PT_table > tbody > tr:last-child]position: absolute;height: 500px; top: 0; right: 0;[/newclass]

[newclass=.folio-hover-l .PT_tabs, .folio-hover-l .PT_tabs_hover, .folio-hover-l .PT_tabs_selected, .folio-hover-l .PT_tabs_selected_hover]background: transparent !important; cursor: pointer; display: block; width: 175px; margin: 0 0 5px; color: #bbb; border-color: #bbb; font: 700 20px/1.2em 'Roboto'; text-align: left; -webkit-transition: all .3s ease, font .3s ease 0s; -moz-transition: all .3s ease, font .3s ease 0s; -o-transition: all .3s ease, font .3s ease 0s;[/newclass]

[newclass=.folio-hover-l .PT_tabs_hover]color: var(--accent); border-color: var(--accent); text-align: left; [/newclass]

[newclass=.folio-hover-l .PT_tabs_selected]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]

[newclass=.folio-hover-l .PT_tabs_selected_hover]color: var(--accent); border-color: var(--accent); opacity: 1; font: 700 30px/32px 'Roboto' !important; text-align: left;[/newclass]

[newclass=.folio-hover-l .PT_tabs > div, .folio-hover-l .PT_tabs_hover > div, .folio-hover-l .PT_tabs_selected > div, .folio-hover-l .PT_tabs_selected_hover > div]display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #bbb; border-color: inherit; padding-bottom: 8px; margin-bottom: 8px; font: 12px/12px 'Roboto Mono'; letter-spacing: 1.5px; text-transform: uppercase;[/newclass]

[newclass=.folio-hover-l .PT_tabs div>span:nth-child(2), .folio-hover-l .PT_tabs_hover div>span:nth-child(2), .folio-hover-l .PT_tabs_selected div>span:nth-child(2), .folio-hover-l .PT_tabs_selected_hover div>span:nth-child(2)]width: 45px; height: 1px; border-top: 1px solid;[/newclass]

[newclass=.folio-hover-l .PT_spots] pointer-events: auto; position: relative; position: absolute; top: 0; right: 0; width: 375px; margin: 25px; overflow: hidden; [/newclass]

[newclass=.folio-hover-l .page-cover] position: relative; overflow: hidden; width: 100%; height: 100%;[/newclass]

[newclass=.folio-hover-l .page-cover:after] content: ' '; position: absolute;width: 375px; height: 475px; background: var(--accent); mix-blend-mode: saturation; opacity: .3; -webkit-transition: all .7s 0s ease; -moz-transition: all 1s 0s ease; -o-transition: all 1s 0s ease; [/newclass]

[newclass=.folio-hover-l .page-cover:hover:after] background: #fff; opacity: .6; [/newclass]

[newclass=.folio-hover-l .page-inner]transform: translateY(500px); cursor: text; width: 373px; height: 473px; background: #e9e9e9; padding: 0px 0; opacity: 0; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; border: 1px solid #eee; padding: 15px 5px 15px 15px; width: 358px; height: 448px; background: #f5f5f5; [/newclass]

[newclass=.folio-hover-l .page-cover:hover .page-inner]transform: translateY(0); opacity: 1; display: block; [/newclass]

[newclass=.folio-hover-l .innerbox] padding: 0px 13px 0 0; height: calc(100% - 0px); overflow: auto; font: 12px/16px 'Roboto'; text-align: justify; [/newclass]

[newclass=.folio-hover-l .songarea] border-bottom: 2px solid var(--accent); color: var(--accent); font-size: 9px; font-family: 'Roboto'; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 15px; background: var(--accent); color: white; padding: 8px 12px 6px; [/newclass]

[newclass=h2] font-weight: 300; margin: 20px 0 10px; [/newclass]

[newclass=.folio-hover-l h3] font-weight: 700; margin: 20px 0 5px; [/newclass]

[newclass=.folio-hover-l h4] margin: 15px 0 3px; font: 500 12px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: 1.25px; color: var(--accent); [/newclass]

[newclass=.folio-hover-l ul] padding-left: 15px; margin: 4px 0; list-style-type: square; [/newclass]

[newclass=.folio-hover-l li] margin: 2px 0; [/newclass]

[newclass=.folio-hover-l hr] margin: 15px 0; background: var(--accent); height: 1px; border: 0; [/newclass]

[newclass=.folio-hover-l br+br] content: ' '; margin: 8px 0; display: block; [/newclass]

[newclass=.folio-hover-l div.relation] margin: 2px 0; [/newclass]

[newclass=.folio-hover-l a] color: var(--accent); border-bottom: 1px dotted var(--accent); text-decoration: none; font-weight: 500; [/newclass]

[newclass=.folio-hover-l a:hover] border: 0; [/newclass]

[newclass=.folio-hover-l u] text-decoration: none; border-bottom: 1px dotted var(--accent); [/newclass]

[newclass=.folio-hover-l b] font: 600 11px/15px 'Roboto Mono'; text-transform: uppercase; letter-spacing: .5px; color: var(--accent); [/newclass]

[newclass=.folio-hover-l div.relation b:after] content: ' – '; color: #000 [/newclass]

[newclass=.folio-hover-l .innerbox::-webkit-scrollbar] -webkit-appearance: none; width: 3px !important; [/newclass]

[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-vertical] width: 3px !important; [/newclass]

[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb] background: var(--accent) !important; [/newclass]

[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-track] background: transparent !important; [/newclass]

[newclass=.folio-hover-l .innerbox::-webkit-scrollbar-thumb:horizontal] display: none !important; [/newclass]