played by
castaway

[nospaces] [attr="class","flare-d"] [PTabbedContent] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]01 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] stormy silph[attr="class","scrollbox"] People born under the sign of Leo are natural born leaders. They are dramatic, creative, self-confident, dominant and extremely difficult to resist, able to achieve anything they want to in any area of life they commit to. There is a specific strength to a Leo and their "king of the jungle" status. Leo often has many friends for they are generous and loyal. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color: transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #DEA02C; }] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]02 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] emma wolfe[attr="class","scrollbox"] Scorpio-born are passionate and assertive people. They are determined and decisive, and will research until they find out the truth. Scorpio is a great leader, always aware of the situation and also features prominently in resourcefulness. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color:transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #716075; }] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]03 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] avery collins[attr="class","scrollbox"] Pisces are very friendly, so they often find themselves in a company of very different people. Pisces are selfless, they are always willing to help others, without hoping to get anything back. Pisces is a Water sign and as such this zodiac sign is characterized by empathy and expressed emotional capacity. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color:transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #DE96A5; }] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]04 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] alethea ivanov[attr="class","scrollbox"] Capricorn is a sign that represents time and responsibility, and its representatives are traditional and often very serious by nature. These individuals possess an inner state of independence that enables significant progress both in their personal and professional lives. They are masters of self-control and have the ability to lead the way, make solid and realistic plans, and manage many people who work for them at any time. They will learn from their mistakes and get to the top based solely on their experience and expertise. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color:transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #CAB8E6; }] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]05 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] sabine calcifet[attr="class","scrollbox"] Capricorn is a sign that represents time and responsibility, and its representatives are traditional and often very serious by nature. These individuals possess an inner state of independence that enables significant progress both in their personal and professional lives. They are masters of self-control and have the ability to lead the way, make solid and realistic plans, and manage many people who work for them at any time. They will learn from their mistakes and get to the top based solely on their experience and expertise. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color:transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #4EF290; }] [PTab= [attr="class","tabs"] ][attr="class","tabcontent"]06 [attr="class","left"] [attr="class","right"] [attr="class","plotcoverbox"] [attr="class","plotcover"] [attr="class","imgbox"] ![]() [attr="class","infotable"]
[attr="class","plottext"] corbin quinn[attr="class","scrollbox"] Sagittarians are optimistic, restless, progressive and adventurous. They can't stand to be contained, thwarted or bossed about, and freedom is their catnip. [attr="class","infotable"]
[attr="class","infotable"]
[attr="class","infotable"]
[/PTab={background-color:transparent; width:385px; height:490px; padding:0px!important; margin: -20px 0 0 0; position:absolute; z-index:0; --accent: #8C8D45; }] [/PTabbedContent={width:385px;background-color:transparent;height:490px;padding:0px!important;border:0px!important;margin-left:0px;margin-top: 0px; }] [attr="class","credit"]made by gimmick feel free to direct message over discord at castaway#8377! [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: #252525; background: transparent; position: relative [/newclass] [newclass=".flare-d table td"]padding: 0;[/newclass] [newclass=".flare-d .tabs"]font: 400 24px/0px var(--typeface-cond); position:absolute; z-index:20; line-height:10px; padding: 15px 0 0; height: 30px; background: var(--bgcolor); opacity: .75; color: rgba(218,218,218,.5); letter-spacing: 1px [/newclass] [newclass=".flare-d .tabcontent"]width: 45px; margin: 1px 0 0 1px[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected .tabs"]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 .tabs"] opacity: .9; -webkit-transition: var(--fast); -moz-transition: var(--fast); -o-transition: var(--fast);[/newclass] [newclass=".flare-d .PT_table .PT_tabs_selected_hover .tabs"]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_table .PT_tabs,.flare-d .PT_table .PT_tabs_hover,.flare-d .PT_table .PT_tabs_selected,.flare-d .PT_table .PT_tabs_selected_hover"]color: #666; margin: -10px 0 0 0; border: 0px; text-align:center; text-transform:uppercase; line-height:10px; position:absolute; z-index:20; -webkit-transition: all 1s ease; -moz-transition: var(--fast); -o-transition: var(--fast); cursor:pointer;[/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) !important; text-decoration: none !important; -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: 490px; 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: 30px;-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: -490px; 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: 490px; 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; float: right[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-thumb"]background: var(--accent);[/newclass] [newclass=".flare-d .scrollbox::-webkit-scrollbar-track"]background: var(--bgcolor); border: 1px solid var(--bgcolor); [/newclass] [newclass=".flare-d .plotcover td"]color: var(--accent); border-color: var(--accent) !important [/newclass] [newclass=".flare-d .PT_spots .plottext td"]border-color: var(--accent) !important [/newclass] |