Aug 19, 2022 15:37:31 GMT
Post by Ryuko Tamiyuki on Aug 19, 2022 15:37:31 GMT
[nospaces]
[googlefont=Barlow Condensed:400,600,700]
[googlefont=Barlow:400,500]
[googlefont=Bree Serif:400]
[newclass=".flare-l"]color: rgba(100,100,100,1); width:385px; margin: 20px 0; --typeface-cond: 'Barlow Condensed', sans-serif; --typeface-serif: 'Bree Serif', serif; --slow: all .75s ease; --fast: all 0.2s ease; font: 400 11px/14px 'Barlow', sans-serif; --bgcolor: white; background: transparent; position: relative [/newclass]
[newclass=".flare-l table"]width: 100%;[/newclass]
[newclass=".flare-l table td"]padding: 0;[/newclass]
[newclass=".flare-l .PT_Tabs_holder"]margin-top: -10px[/newclass]
[newclass=".flare-l .PT_Tabs_holder td"]font: 400 24px/0px var(--typeface-cond); z-index:20; line-height:10px; padding: 17px 0 0; height: 28px; background: var(--bgcolor); opacity: .25; position:absolute; width: 45px; color: rgba(100,100,100,1); margin: 0 0 0 1px[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_selected"]font-weight: 600; opacity: 1; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast); box-shadow: -2px 3px 3px rgba(0,0,0,.1);[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_hover"] opacity: .5; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_selected_hover"]opacity: 1; font-weight: 600; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(1)"]margin-top: 0 [/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(2)"]margin-top: 45px [/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(3)"]margin-top: 90px [/newclass]
[newclass=".flare-l .left"] [/newclass]
[newclass=".flare-l .right"]margin-left:45px; background: var(--bgcolor); box-shadow: 0px 3px 3px rgba(0,0,0,.1);[/newclass]
[newclass=".flare-l h1"]font: 700 96px/53px var(--typeface-cond); text-align: left; letter-spacing: 3px; color: var(--accent); text-align: center; [/newclass]
[newclass=".flare-l h2"]font: 700 48px/46px var(--typeface-cond); text-transform: uppercase; letter-spacing: 0px; padding-bottom: 8px; color: var(--accent); text-align: left[/newclass]
[newclass=".flare-l h3"]font: 700 22px/22px var(--typeface-cond); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; color: var(--accent); text-align: center; [/newclass]
[newclass=".flare-l h4"]font: 700 15px/15px var(--typeface-cond); text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent)[/newclass]
[newclass=".flare-l h5"]font: 400 9px/14px var(--typeface-serif); text-transform: uppercase; letter-spacing: .9px; color: var(--accent) [/newclass]
[newclass=".flare-l p"] font: 500 11px/13px 'Barlow', sans-serif; color: var(--accent); [/newclass]
[newclass=".flare-l a"]font: inherit; color: var(--accent) !important; text-decoration: none !important; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l a:hover"]opacity: .75; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .credit"] text-align: right; padding-right: 20px; padding-top: 4px; [/newclass]
[newclass=".flare-l .credit a"]font: 500 8px/10px 'Barlow',sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=".flare-l .plotcoverbox"]height: 480px; overflow-y: hidden; position: relative;[/newclass]
[newclass=".flare-l .plotcover .imgbox"]width: 300px; height: 350px; overflow: hidden; position: relative; z-index: 5; [/newclass]
[newclass=".flare-l .plotcover .imgbox img"]width: 300px; [/newclass]
[newclass=".flare-l .plotcover"]height: 448px; width: 300px; padding: 0 20px; position: absolute; top: 20px;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plotcoverbox:hover .plotcover"]padding: 0 20px; position: absolute; top: -480px; opacity: 0; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plottext"]width: 300px; padding: 20px; background: var(--bgcolor); position: absolute; top: 480px; opacity: 0;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plotcoverbox:hover .plottext"]padding: 20px; position: absolute; top: 0; opacity: 1; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .infotable"]width: 100%; position: relative; z-index: 10;[/newclass]
[newclass=".flare-l .infotable td"]border-bottom: .25px dotted #e2e2e2; height: 34px; vertical-align: middle; text-align: center; [/newclass]
[newclass=".flare-l .plottext .infotable tr:first-child td"]height: 27px [/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td:first-child"]vertical-align: text-top; text-align: right; border-right: .25px dotted #e2e2e2; padding: 10px 10px 0 0[/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td"]height: auto; vertical-align: middle; text-align: left; padding: 10px 0px 10px 12px;[/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td:not(:first-child)"] [/newclass]
[newclass=".flare-l .plottext .infotable tr:last-child td"]border-bottom: 0; [/newclass]
[newclass=".flare-l .plottext"]height: calc(100% - 40px); display: grid; grid-template-rows: auto 1fr; justify-content: stretch [/newclass]
[newclass=".flare-l .plottext h2"]grid-row: 1; align-self: start; width: 289px; [/newclass]
[newclass=".flare-l .scrollbox"]/* height: 318px; */ padding-right: 10px; overflow: auto; grid-row: 2; align-self: stretch;[/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar"]-webkit-appearance: none; width: 3px !important; [/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent) !important; border: 0 !important; [/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor) !important; border: 1px solid var(--bgcolor) !important;
[/newclass]
[newclass=".flare-l .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass]
[newclass=".flare-l .PT_spots"]background-color:transparent; width:385px; height:480px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; [/newclass]
[newclass=".flare-l .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass]
[attr="class","flare-l"]
[PTabbedContent]
[PTab=01]
[/PTab={ --accent: #e2ca17; }]
[PTab=02]
[/PTab={--accent: #dc6060; }]
[PTab=03]
[/PTab={--accent: #639e7b; }]
[/PTabbedContent={width:385px;background-color:transparent;height:480px;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; }]
[PTabbedContent]
[PTab=01]
[attr="class","left"]
[attr="class","right"]
[attr="class","plotcoverbox"]
[attr="class","plotcover"]
[attr="class","imgbox"]
[attr="class","infotable"]
01 | ryuko tamiyuki |
the boss |
[attr="class","plottext"]
yakuza princess
[attr="class","scrollbox"]
Head honcho wannabe that was given the platform for her dream by Earth. Having grown up in the crime family, she idolized the people around her and pursued their lifestyles in hopes of one day taking over the spot from her father despite the male-dominated space. Abrasive, loud mouthed, and violent, Ryuko is often the first into battle and the last one to leave. Treating her party members like her family, if she likes you enough she'd go as far to die for you.
[attr="class","infotable"]
relations | |||
friends | The weak, the strong, the spineless, and the useful. Ryuko's repertoire of people she keeps close around her is pretty small, but she makes up for that with high quality people. Thinking herself as a good judge of character, if she likes you she likes you, and if she doesn't it's nothing personal. Could be worse. | ||
foes | The aformentioned worse. Those that Ryuko goes out of her way to antagonize, mainly because they probably deserve it. Healthy rivalries, the evil, and just generally those she doesn't see eye to eye with, just know if you land here she's going to make your life a living hell. | ||
loves | An interesting group of people. So far, Ryuko has only known a familial kind of love, and has only felt that way towards anyone else. Even when she finds someone attractive she's never really acted on it. That being said, if someone were to express interest in her she'd try her best to be a good partner, though she has no idea what that really entails. | ||
[attr="class","infotable"]
whereabouts | |||
locale | tba | ||
locale | tba | ||
[attr="class","infotable"]
searching for | |||
guildmates | being "the boss", Ryuko envisions herself starting a guild of likeminded adventurers trying to conquer the world | ||
romantic duo | someone to be straight and do crimes with. the "i hate you" "hate you too" kind of love. | ||
[/PTab={ --accent: #e2ca17; }]
[PTab=02]
[attr="class","left"]
[attr="class","right"]
[attr="class","plotcoverbox"]
[attr="class","plotcover"]
[attr="class","imgbox"]
[attr="class","infotable"]
02 | second name |
descriptor |
[attr="class","plottext"]
character two
[attr="class","scrollbox"]
The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family. The cat is either a house cat or a farm cat, which are pets, or a feral cat, which ranges freely and avoids human contact.
[attr="class","infotable"]
relations | |||
friends | House cats are valued by humans for companionship and for their ability to hunt rodents. About 60 cat breeds are recognized by various cat registries. Its night vision and sense of smell are well developed. | ||
foes | The cat is similar in anatomy to the other felid species, has a strong flexible body, quick reflexes, sharp teeth and retractable claws adapted to killing small prey. Speech includes vocalizations like meowing, purring, trilling, hissing, growling and grunting as well as cat-specific body language. | ||
loves | Domestic cats are bred and shown as registered pedigreed cats, a hobby known as cat fancy. Failure to control breeding of pet cats by spaying and neutering, as well as abandonment of pets, resulted in large numbers of feral cats worldwide, contributing to the extinction of entire bird species, and evoking population control. | ||
[attr="class","infotable"]
whereabouts | |||
locale | activity there | ||
locale | activity there | ||
[attr="class","infotable"]
searching for | |||
thing | description here | ||
thing | description here | ||
[/PTab={--accent: #dc6060; }]
[PTab=03]
[attr="class","left"]
[attr="class","right"]
[attr="class","plotcoverbox"]
[attr="class","plotcover"]
[attr="class","imgbox"]
[attr="class","infotable"]
03 | third name |
descriptor |
[attr="class","plottext"]
character three
[attr="class","scrollbox"]
The cat is a small carnivorous mammal. It is the only domesticated species in the family Felidae and often referred to as the domestic cat to distinguish it from wild members of the family. The cat is either a house cat or a farm cat, which are pets, or a feral cat, which ranges freely and avoids human contact.
[attr="class","infotable"]
relations | |||
friends | House cats are valued by humans for companionship and for their ability to hunt rodents. About 60 cat breeds are recognized by various cat registries. Its night vision and sense of smell are well developed. | ||
foes | The cat is similar in anatomy to the other felid species, has a strong flexible body, quick reflexes, sharp teeth and retractable claws adapted to killing small prey. Speech includes vocalizations like meowing, purring, trilling, hissing, growling and grunting as well as cat-specific body language. | ||
loves | Domestic cats are bred and shown as registered pedigreed cats, a hobby known as cat fancy. Failure to control breeding of pet cats by spaying and neutering, as well as abandonment of pets, resulted in large numbers of feral cats worldwide, contributing to the extinction of entire bird species, and evoking population control. | ||
[attr="class","infotable"]
whereabouts | |||
locale | activity there | ||
locale | activity there | ||
[attr="class","infotable"]
searching for | |||
thing | description here | ||
thing | description here | ||
[/PTab={--accent: #639e7b; }]
[/PTabbedContent={width:385px;background-color:transparent;height:480px;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; }]
[attr="class","credit"]made by gimmick
[googlefont=Barlow Condensed:400,600,700]
[googlefont=Barlow:400,500]
[googlefont=Bree Serif:400]
[newclass=".flare-l"]color: rgba(100,100,100,1); width:385px; margin: 20px 0; --typeface-cond: 'Barlow Condensed', sans-serif; --typeface-serif: 'Bree Serif', serif; --slow: all .75s ease; --fast: all 0.2s ease; font: 400 11px/14px 'Barlow', sans-serif; --bgcolor: white; background: transparent; position: relative [/newclass]
[newclass=".flare-l table"]width: 100%;[/newclass]
[newclass=".flare-l table td"]padding: 0;[/newclass]
[newclass=".flare-l .PT_Tabs_holder"]margin-top: -10px[/newclass]
[newclass=".flare-l .PT_Tabs_holder td"]font: 400 24px/0px var(--typeface-cond); z-index:20; line-height:10px; padding: 17px 0 0; height: 28px; background: var(--bgcolor); opacity: .25; position:absolute; width: 45px; color: rgba(100,100,100,1); margin: 0 0 0 1px[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_selected"]font-weight: 600; opacity: 1; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast); box-shadow: -2px 3px 3px rgba(0,0,0,.1);[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_hover"] opacity: .5; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .PT_table .PT_tabs_selected_hover"]opacity: 1; font-weight: 600; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(1)"]margin-top: 0 [/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(2)"]margin-top: 45px [/newclass]
[newclass=".flare-l .PT_Tabs_holder td:nth-child(3)"]margin-top: 90px [/newclass]
[newclass=".flare-l .left"] [/newclass]
[newclass=".flare-l .right"]margin-left:45px; background: var(--bgcolor); box-shadow: 0px 3px 3px rgba(0,0,0,.1);[/newclass]
[newclass=".flare-l h1"]font: 700 96px/53px var(--typeface-cond); text-align: left; letter-spacing: 3px; color: var(--accent); text-align: center; [/newclass]
[newclass=".flare-l h2"]font: 700 48px/46px var(--typeface-cond); text-transform: uppercase; letter-spacing: 0px; padding-bottom: 8px; color: var(--accent); text-align: left[/newclass]
[newclass=".flare-l h3"]font: 700 22px/22px var(--typeface-cond); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; color: var(--accent); text-align: center; [/newclass]
[newclass=".flare-l h4"]font: 700 15px/15px var(--typeface-cond); text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent)[/newclass]
[newclass=".flare-l h5"]font: 400 9px/14px var(--typeface-serif); text-transform: uppercase; letter-spacing: .9px; color: var(--accent) [/newclass]
[newclass=".flare-l p"] font: 500 11px/13px 'Barlow', sans-serif; color: var(--accent); [/newclass]
[newclass=".flare-l a"]font: inherit; color: var(--accent) !important; text-decoration: none !important; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l a:hover"]opacity: .75; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass]
[newclass=".flare-l .credit"] text-align: right; padding-right: 20px; padding-top: 4px; [/newclass]
[newclass=".flare-l .credit a"]font: 500 8px/10px 'Barlow',sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass]
[newclass=".flare-l .plotcoverbox"]height: 480px; overflow-y: hidden; position: relative;[/newclass]
[newclass=".flare-l .plotcover .imgbox"]width: 300px; height: 350px; overflow: hidden; position: relative; z-index: 5; [/newclass]
[newclass=".flare-l .plotcover .imgbox img"]width: 300px; [/newclass]
[newclass=".flare-l .plotcover"]height: 448px; width: 300px; padding: 0 20px; position: absolute; top: 20px;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plotcoverbox:hover .plotcover"]padding: 0 20px; position: absolute; top: -480px; opacity: 0; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plottext"]width: 300px; padding: 20px; background: var(--bgcolor); position: absolute; top: 480px; opacity: 0;-webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .plotcoverbox:hover .plottext"]padding: 20px; position: absolute; top: 0; opacity: 1; -webkit-transition: var(--slow); -moz-transition: var(--slow); -o-transition: var(--slow);[/newclass]
[newclass=".flare-l .infotable"]width: 100%; position: relative; z-index: 10;[/newclass]
[newclass=".flare-l .infotable td"]border-bottom: .25px dotted #e2e2e2; height: 34px; vertical-align: middle; text-align: center; [/newclass]
[newclass=".flare-l .plottext .infotable tr:first-child td"]height: 27px [/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td:first-child"]vertical-align: text-top; text-align: right; border-right: .25px dotted #e2e2e2; padding: 10px 10px 0 0[/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td"]height: auto; vertical-align: middle; text-align: left; padding: 10px 0px 10px 12px;[/newclass]
[newclass=".flare-l .plottext .infotable tr:not(:first-child) td:not(:first-child)"] [/newclass]
[newclass=".flare-l .plottext .infotable tr:last-child td"]border-bottom: 0; [/newclass]
[newclass=".flare-l .plottext"]height: calc(100% - 40px); display: grid; grid-template-rows: auto 1fr; justify-content: stretch [/newclass]
[newclass=".flare-l .plottext h2"]grid-row: 1; align-self: start; width: 289px; [/newclass]
[newclass=".flare-l .scrollbox"]/* height: 318px; */ padding-right: 10px; overflow: auto; grid-row: 2; align-self: stretch;[/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar"]-webkit-appearance: none; width: 3px !important; [/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent) !important; border: 0 !important; [/newclass]
[newclass=".flare-l .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor) !important; border: 1px solid var(--bgcolor) !important;
[/newclass]
[newclass=".flare-l .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass]
[newclass=".flare-l .PT_spots"]background-color:transparent; width:385px; height:480px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; [/newclass]
[newclass=".flare-l .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass]
