Roster Coding for Who's Who

[nospaces]

[googlefont="Playball"][googlefont="Raleway"][googlefont="Oswald"][googlefont="Open Sans"]



[newclass=".PT_table .PT_tabs"]background-color:#dedede;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;[/newclass]
[newclass=".PT_table .PT_tabs_hover"]background-color:#d3d3d3;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;letter-spacing:.75px;
[/newclass]
[newclass=".PT_table .PT_tabs_selected"]background-color:#f4f4f4;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;[/newclass]
[newclass=".PT_table .PT_tabs_selected_hover"]background-color:#f4f4f4;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;transition: 0.4s;letter-spacing:.75px;[/newclass]

[newclass=".vplotcont"]padding:10px; text-align:justify; align:center; width:400px; height:500px; border:solid 1px #eee;background-color:#f4f4f4;[/newclass]
[newclass=".vplotcont1"]padding:5px;height:490px;border:solid 1px #c0b283;background-color:#fff;[/newclass]
[newclass=".vplottitle"]width:390px; height:30px; font-size:25px; font-family: 'Playball', cursive; text-align:center; color:#333;[/newclass]
[newclass=".vplottext"]color:#373737;font-family: 'Open Sans', sans-serif;font-style:regular;font-size:12px;text-transform:lowercase;padding:20px;[/newclass]
[newclass=".vplotsubs"]font-family: 'Raleway',sans-serif;font-size:20px;text-transform:lowercase;text-shadow:1px 1px 1px #aaa;color:#373737;[/newclass]
[newclass=".vplotextra"]height:30px;text-align:center;text-transform:uppercase;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;color:#444;[/newclass]

[newclass=".scroll"]max-height: 290px; overflow: auto;padding-right: 10px;[/newclass]
[newclass=".scroll::-webkit-scrollbar"]background: #EFEFEF!important; width: 3px!important;border: solid 1px #fff!important;[/newclass]
[newclass=".scroll::-webkit-scrollbar-thumb"]background: #E1E1E1!important; width: 3px!important; border: none!important;[/newclass]



[nospaces]

[googlefont="Playball"][googlefont="Raleway"][googlefont="Oswald"][googlefont="Open Sans"]

[div align="center"][PTabbedContent]

[PTab=[font color="34c2ab"]FIRST[/font]]

[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="34c2ab"]First Character Name which is very Long [/font][/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://i.imgur.com/JwqcgXT.jpg"][/td][td style="padding:2px;width:200px;"][img src="http://i.imgur.com/aiBC539.jpg"][/td][td style="padding:2px;width:90px;"][img src="http://i.imgur.com/MyLXPTE.jpg"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[break][break]

[div][attr="class,"vplotsubs"]Platonic : [/div]
Suspendisse bibendum condimentum bibendum. Nulla facilisi. Praesent nec blandit lacus. Nulla iaculis lacus in malesuada pulvinar. Duis malesuada justo non nisl consectetur, vitae pretium libero hendrerit. Aenean auctor orci id maximus ornare. Aliquam dapibus nunc mauris, non blandit magna dapibus ac.

[break][break]

[div][attr="class,"vplotsubs"]Antagonistic : [/div]
Aenean sed aliquet lacus. Nam fermentum pulvinar dui nec egestas. Fusce hendrerit purus turpis, eu eleifend arcu pellentesque quis. Phasellus mattis ultrices bibendum. Fusce congue risus sed nisl efficitur tincidunt.

[break][break]

[div][attr="class,"vplotsubs"]Romantic : [/div]
Nunc hendrerit odio orci, nec luctus dolor aliquet ac. Suspendisse sit amet ligula elit. Cras placerat massa non iaculis porta. Suspendisse sodales, risus a euismod dictum, ligula ante venenatis ligula, ac maximus risus lorem quis nulla.

[break][break]

[div][attr="class,"vplotsubs"]Others : [/div]
In hac habitasse platea dictumst. Praesent quis rutrum nibh. Etiam sagittis egestas neque nec aliquet. Etiam eu ultricies quam. Phasellus sed nibh eget orci interdum cursus sed ut arcu. Nulla in luctus diam. Pellentesque eleifend dapibus mi vitae congue.
[/div]
[/div]

[/div][/div]
[/PTab={background-color:#fff;font-size:10px;text-align:justify;}]

[PTab=[font color="c2349a"]SECOND[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="c2349a"]Second Character Name  [/font][/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="349ac2"]THIRD[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="349ac2"]Third Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="84c234"]FOURTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="84c234"]Fourth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="004d6b"]FIFTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="004d6b"]Fifth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="948e00"]SIXTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="948e00"]Sixth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.
[/div][/div]

[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="6b1500"]SEVENTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="6b1500"]Seventh Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.
[/div][/div]

[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="c26134"]EIGHTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="c26134"]Eighth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]


[PTab=[font color="b1b81a"]NINTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="b1b81a"]Ninth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.
[/div][/div]

[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[PTab=[font color="b81a4d"]TENTH[/font]]
[div][attr="class","vplotcont"] [div][attr="class","vplotcont1"]
[div][attr="class","vplottitle"][font color="b81a4d"]Tenth Character Name[/font] [/div]

[div][attr="class","vplotextra"]age . group . job . relationship status . sexual orientation
[break]
trait 1 . trait 2 . trait 3 . trait 4[/div]

[table style="width:390px;height:110px;padding:0px 5px;"][tbody][tr][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][td style="padding:2px;width:200px;"][img src="http://placehold.it/200x100"][/td][td style="padding:2px;width:90px;"][img src="http://placehold.it/120x120"][/td][/tr][/tbody][/table]

[div][attr="class","scroll"]

[div][attr="class","vplottext"]

[div][attr="class,"vplotsubs"]About : [/div]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque, leo vel fermentum ornare, dui massa feugiat sem, vel bibendum massa lacus et sem. Duis vitae mauris vel arcu lacinia posuere. Aenean et tellus non orci blandit vehicula. Etiam neque nisi, interdum eu erat at, aliquet maximus dui.

[/div][/div]
[/div][/div]

[/PTab={background-color:#fff;font-size:11px;text-align:justify;}]

[/PTabbedContent={tabs:side;border:transparent;width:525px;height:400px;tabvalign:top;tabwidth:100px;}][a href="http://adoxographyv2.boards.net/user/9804"]✵[/a][/div]

[newclass=".PT_table .PT_tabs"]background-color:#dedede;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;[/newclass]
[newclass=".PT_table .PT_tabs_hover"]background-color:#d3d3d3;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;letter-spacing:.75px;
[/newclass]
[newclass=".PT_table .PT_tabs_selected"]background-color:#f4f4f4;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;[/newclass]
[newclass=".PT_table .PT_tabs_selected_hover"]background-color:#f4f4f4;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;text-transform:uppercase;border:solid 1px #eee;transition: 0.4s;letter-spacing:.75px;[/newclass]

[newclass=".vplotcont"]padding:10px; text-align:justify; align:center; width:400px; height:500px; border:solid 1px #eee;background-color:#f4f4f4;[/newclass]
[newclass=".vplotcont1"]padding:5px;height:490px;border:solid 1px #c0b283;background-color:#fff;[/newclass]
[newclass=".vplottitle"]width:390px; height:30px; font-size:25px; font-family: 'Playball', cursive; text-align:center; color:#333;[/newclass]
[newclass=".vplottext"]color:#373737;font-family: 'Open Sans', sans-serif;font-style:regular;font-size:12px;text-transform:lowercase;padding:20px;[/newclass]
[newclass=".vplotsubs"]font-family: 'Raleway',sans-serif;font-size:20px;text-transform:lowercase;text-shadow:1px 1px 1px  #aaa;color:#373737;[/newclass]
[newclass=".vplotextra"]height:30px;text-align:center;text-transform:uppercase;padding:15px;font-family: 'Oswald',sans-serif;font-style:Regular;font-size:13px;color:#444;[/newclass]

[newclass=".scroll"]max-height: 290px; overflow: auto;padding-right: 10px;[/newclass]
[newclass=".scroll::-webkit-scrollbar"]background: #EFEFEF!important; width: 3px!important;border: solid 1px #fff!important;[/newclass]
[newclass=".scroll::-webkit-scrollbar-thumb"]background: #E1E1E1!important; width: 3px!important; border: none!important;[/newclass]




[a href="https://adoxographyv2.boards.net/thread/5587/me-sky"]Code Link here[/a]