played by
Jack
[nospaces] [attr="class","flare-d"] [PTabbedContent] [PTab=DG] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] [attr="class","infotable"]
[attr="class","plottext"] dominic grey[attr="class","scrollbox"] Dom is, plain and simple, a good guy. He's new to Hoenn, though thus far he's been vague on the how and the why. Though he's an experienced ranger, he doesn't seem to mind that he's starting from the bottom of the pole. As long as he's out in nature, Dom is happy. It's pretty clear he isn't the brightest bulb in the box, but what he lacks in critical thinking he makes up for with almost encyclopedic knowledge of Pokemon and the natural world. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={--accent: #d4a53c; }] [PTab=CI] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] [attr="class","infotable"]
[attr="class","plottext"] caprice isaac[attr="class","scrollbox"] Just your friendly neighborhood bartender with precisely zero ulterior motives. By day, Cap is a fast-talking, charismatic guy who seems to know everyone. By night, he's an information broker funneling intel (and whatever else he can get his hands on) to Team Rocket. Born and raised in Johto, he grew up in and out of police custody, mostly for petty crimes. His parents, unable to rein him in, eventually disowned him. [attr="class","infotable"] [attr="class","infotable"]
[attr="class","infotable"]
[/PTab={--accent: #7b6678; }] [PTab=WG] [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] [attr="class","infotable"]
[attr="class","plottext"] wicke graves[attr="class","scrollbox"] What do you do when your parents want you to pursue a career in medicine but you failed out of medical school? Well, you lie. Sort of. Wicke's passion has been Pokemon training since he was a child. But his parents—both doctors themselves—had other plans for him. He did his best to make them happy. Until he didn't. Now he's taking the money they send for tuition (they don't need to know he's not enrolled anymore) and funneling it into what he hopes will be a very lucrative streaming career. Under the username bar.code, he documents and livestreams his path to the championship. [attr="class","infotable"] [attr="class","infotable"]
[attr="class","infotable"]
[/PTab={--accent: #d4a53c; }] [/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-d"]color: rgba(218,218,218,.75); 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: #333; background: transparent; position: relative [/newclass] [newclass=".flare-d table"]width: 100%;[/newclass] [newclass=".flare-d table td"]padding: 0;[/newclass] [newclass=".flare-d .PT_Tabs_holder"]margin-top: -10px[/newclass] [newclass=".flare-d .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: .75; position:absolute; width: 45px; color: rgba(218,218,218,.5);letter-spacing:1px; margin: 0 0 0 1px[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected "]color: rgba(218,218,218,1); font-weight: 500; 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-d .PT_table .PT_tabs_hover "] opacity: .9; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected_hover"]color: rgba(218,218,218,1); opacity: 1; font-weight: 500; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(1)"]margin-top: 0 [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(2)"]margin-top: 45px [/newclass] [newclass=".flare-d .PT_Tabs_holder td:nth-child(3)"]margin-top: 90px [/newclass] [newclass=".flare-d .left"] [/newclass] [newclass=".flare-d .right"]margin-left:45px; background: var(--bgcolor); box-shadow: 0px 3px 3px rgba(0,0,0,.1);[/newclass] [newclass=".flare-d h1"]font: 700 96px/53px var(--typeface-cond); text-align: left; letter-spacing: 3px; color: var(--accent)[/newclass] [newclass=".flare-d 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-d h3"]font: 700 22px/22px var(--typeface-cond); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-align: center; color: var(--accent) [/newclass] [newclass=".flare-d h4"]font: 700 15px/15px var(--typeface-cond); text-transform: uppercase; letter-spacing: 1.5px; color: var(--accent); text-align: center; [/newclass] [newclass=".flare-d h5"]font: 400 9px/14px var(--typeface-serif); text-transform: uppercase; letter-spacing: .9px; color: var(--accent) [/newclass] [newclass=".flare-d p"] font: 600 11px/13px 'Barlow', sans-serif; color: var(--accent); letter-spacing: .3px[/newclass] [newclass=".flare-d a"]font: inherit; color: var(--accent); text-decoration: none; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d a:hover"]opacity: .75; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .credit"] text-align: right; padding-right: 20px; padding-top: 4px; [/newclass] [newclass=".flare-d .credit a"]font: 500 8px/10px 'Barlow',sans-serif; letter-spacing: .8px; text-decoration: none; text-transform: uppercase; [/newclass] [newclass=".flare-d .plotcoverbox"]height: 480px; overflow-y: hidden; position: relative;[/newclass] [newclass=".flare-d .plotcover .imgbox"]width: 300px; height: 350px; overflow: hidden; position: relative; z-index: 5; [/newclass] [newclass=".flare-d .plotcover .imgbox img"]width: 300px; [/newclass] [newclass=".flare-d .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-d .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-d .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-d .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-d .infotable"]width: 100%; position: relative; z-index: 10;[/newclass] [newclass=".flare-d .infotable td"]border-bottom: .25px dotted #e2e2e2; height: 34px; vertical-align: middle; text-align: center; [/newclass] [newclass=".flare-d .plottext .infotable tr:first-child td"]height: 27px [/newclass] [newclass=".flare-d .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-d .plottext .infotable tr:not(:first-child) td"]height: auto; vertical-align: middle; text-align: left; padding: 10px 0px 10px 12px;[/newclass] [newclass=".flare-d .plottext .infotable tr:not(:first-child) td:not(:first-child)"] [/newclass] [newclass=".flare-d .plottext .infotable tr:last-child td"]border-bottom: 0; [/newclass] [newclass=".flare-d .plottext"]height: calc(100% - 40px); display: grid; grid-template-rows: auto 1fr; justify-content: stretch [/newclass] [newclass=".flare-d .plottext h2"]grid-row: 1; align-self: start; width: 289px; [/newclass] [newclass=".flare-d .scrollbox"]/* height: 318px; */ padding-right: 10px; overflow: auto; grid-row: 2; align-self: stretch;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar"]-webkit-appearance: none; width: 3px !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent) !important; border: 0 !important;[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor) !important; border: 1px solid var(--bgcolor) !important; [/newclass] [newclass=".flare-d .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass] [newclass=".flare-d .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-d .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass] |