[comment][font=Quicksand][font=Raleway]PLACEHOLDER[/font][/font][/comment]
[border=0px; position: relative; width: 1200px; height: 630px; margin: auto; padding: 0; box-sizing: border-box; border: none; line-height:0px;
--BGcolor: #5F3F68;
--BoxTabsColor:#2B0E24;
--BoxColor:#F6EFE7;]

[comment]PICTURE[/comment]
[border=0px; position: absolute; width: 300px; height: 600px; left: 0px; top: 0px;  z-index: 2; pointer-events: none; background-image: URL(https://i.pinimg.com/564x/07/7a/d3/077ad30a8fb965860c76d791021ab183.jpg); background-size:cover; background-position:center; border:6px solid var(--BoxTabsColor); ][/border]

[comment]BG[/comment]
[border=0px; position: absolute; width: 750px; height: 500px; left: 326.5px; top: 58px; pointer-events: none; background-color: var(--BGcolor); border:6px solid var(--BoxTabsColor);] [/border]

[comment]BOXTABS[/comment]
[border=0px; position: absolute; width: 72px; height: 511px; left: 1096px; top: 58px;  z-index: 40; pointer-events: none; background-color: var(--BoxTabsColor);] [border=0px; height:495px; width:0px; position: absolute; margin-top: 0px; margin-left: -30px; background-color:var(--BGcolor); z-index: 2;][/border][/border]

[comment]MUSIC[/comment]
[border=0px; position: absolute; width: 80px; height: 80px; left: 350px; top: 73px; z-index: 2; background-color: transparent; border-radius:100%; border: 6px solid var(--BoxTabsColor)][border=0px; position: absolute; width:110px; height:70px; left: 13px; top: 15px; opacity:0; background-color: transparent;][media=soundcloud]https://soundcloud.com/user-734258037/florence-and-the-machine-seven-devils-good-quality[/media][/border][border=0px; width:80px; height:80px; position: absolute;  background-image:url(https://images-na.ssl-images-amazon.com/images/I/71zIo5sducL._SX355_.jpg); background-size:cover; top:0px; left:0px;pointer-events:none; border-radius:100%; animation:fa-spin 20s linear infinite ;][/border][/border] [border=0px; position: absolute; width: 200px; height: 43px; left: 470px; top: 105px; z-index: 2; background-color:transparent; font-family:Raleway; font-size:16px;  line-height:20px; color:white;]Florence + the Machine Seven Devils[/border]

[comment]CHARACTER NAME[/comment]
[border=0px; position: absolute; width: 410px; height: 90px; left: 650px; top: 78px;  z-index: 2; background-color: transparent; font-family:Quicksand; font-size:50px; text-align:center; line-height:70px; color:white;]character name[/border]

[comment]ICONTABS[/comment]
[border=0px; position: absolute; width: 50px; height: 50px; left: 1108px; top: 140px; z-index: 40; pointer-events:none; color: white;][fa]fal fa-star-shooting fa-3x [/fa][/border]
[border=0px; position: absolute; width: 50px; height: 50px; left: 1108px; top: 235px; z-index: 40; pointer-events:none; color: white;][fa]fal fa-moon-stars fa-3x [/fa][/border]
[border=0px; position: absolute; width: 50px; height: 50px; left: 1108px; top: 330px; z-index: 40; pointer-events:none; color: white;][fa]fal fa-planet-ringed fa-3x [/fa][/border]
[border=0px; position: absolute; width: 50px; height: 50px; left: 1108px; top: 425px; z-index: 40; pointer-events:none; color: white;][fa]fal fa-rocket fa-3x [/fa][/border]

[comment]TABS[/comment]
[border=0px; height:133px; width:400px; position:relative; margin-top: 260px; margin-left: 885px; padding:0px; transform: rotate(90deg); ][tabs]
[tab=0000i]

[border=0px; height:200px; width:300px; position: absolute; margin-top: 460px; margin-left: 10px;  background-color:var(--BoxColor);  transform: rotate(270deg);][border=0px; height:20px; width:280px; position: absolute; margin-top: 0px; margin-left: 0px;  font-family:Raleway; font-size:20px; line-height:12px; color:black;]Basics[/border][border=0px; height:140px; width:280px; position: absolute; margin-top: 40px; margin-left: 0px; overflow:hidden;][border=0px; height:120px; width:287px; position: absolute; margin-top: -20px; margin-left: 0px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:12px; color:black; text-align:justify;][b]Name:[/b] 

[b]Nicknames:[/b] 

[b]Age:[/b] 

[b]Year:[/b] 

[b]D.O.B:[/b]  

[b]Zodiac Sign: [/b] 

[B]P.O.B:[/b] 

[b]Sexuality:[/b] 
[/border][/border][/border]

[border=0px; height:200px; width:300px; position: absolute; margin-top: 95px; margin-left: 10px; z-index: 30; background-color:var(--BoxColor); transform: rotate(270deg);][border=0px; height:20px; width:280px; position: absolute; margin-top: 0px; margin-left: 0px;  font-family:Raleway; font-size:20px; line-height:12px; color:black;]Appearance[/border][border=0px; height:140px; width:280px; position: absolute; margin-top: 40px; margin-left: 0px; overflow:hidden;][border=0px; height:120px; width:287px; position: absolute; margin-top: -20px; margin-left: 0px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:12px; color:black; text-align:justify;][b]Height:[/b] 

[b]Weight:[/b] 

[b]Eyes:[/b] 

[b]Hair:[/b] 

[b]Clothing Style:[/b]

[b]Body Modifications:[/b] 

[b]Distinguish Features:[/b] 

[b]Faceclaim:[/b] 
[/border][/border][/border]

[comment]PICTURE2[/comment]
[border=0px; position: absolute; width: 100px; height: 100px; left: 310px; top: 675px;   background-image: URL(https://i.pinimg.com/564x/be/21/0f/be210fc609c73c2ff1aca00719581f6b.jpg); background-size:cover; background-position: center; border-radius:100%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE3[/comment]
[border=0px; position: absolute; width: 100px; height: 100px; left: 310px; top: 475px; background-image: URL(https://i.pinimg.com/564x/84/89/f9/8489f961dad3e5cfdc89267f13c9c96c.jpg ); background-size:cover; background-position: 50% 20%; border-radius:100%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE4[/comment]
[border=0px; position: absolute; width: 100px; height: 100px; left: 310px; top: 275px; background-image: URL(https://i.pinimg.com/564x/32/54/52/32545225716c2542d8eb68e2034b788b.jpg); background-size:cover; background-position: center; border-radius:100%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE5[/comment]
[border=0px; position: absolute; width: 100px; height: 100px; left: 310px; top: 75px; background-image: URL(https://i.pinimg.com/564x/a4/da/e8/a4dae83342911944a9293ef9b277042d.jpg ); background-size:cover; background-position: 50% 20%; border-radius:100%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]
[/tab]
[tab=0000i]
[border=0px; height:330px; width:300px; position: absolute; margin-top: 400px; margin-left: 70px; z-index: 30; background-color:var(--BoxColor);  transform: rotate(270deg);][border=0px; height:20px; width:280px; position: absolute; margin-top: 0px; margin-left: 0px;  font-family:Raleway; font-size:20px; line-height:12px; color:black;]Personality[/border][border=0px; height:260px; width:280px; position: absolute; margin-top: 40px; margin-left: 0px; overflow:hidden;][border=0px; height:255px; width:297px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:12px; color:black; text-align:justify;][b]Personality[/b]

Lorem ipsum dolor sit amet consectetur adipiscing elit a, habitant tempor praesent consequat duis aliquam sociis ridiculus ante, tempus in metus leo purus augue ligula. Tempor posuere interdum tempus lectus pellentesque ante a laoreet, egestas nibh commodo nisl felis montes vulputate hac tristique, etiam maecenas netus congue sed conubia placerat. Fames felis maecenas aliquam magna commodo dignissim metus feugiat mollis fermentum bibendum et, ut dis in sociosqu rutrum mattis convallis dapibus viverra velit inceptos tristique, nibh lacinia arcu primis faucibus penatibus himenaeos enim platea magnis praesent.

Massa commodo sollicitudin nisl neque cras vel pulvinar libero conubia, tellus ridiculus leo nisi tristique velit curabitur himenaeos, ultrices molestie facilisis natoque feugiat sed cubilia cursus. Sed diam augue viverra sodales potenti nostra etiam varius, ut cum eleifend neque lectus magnis scelerisque, velit conubia hendrerit tempus lobortis odio placerat. Justo praesent urna commodo at laoreet quisque curae suscipit, viverra sollicitudin arcu placerat cum venenatis nam nisl vestibulum, nullam tellus donec semper imperdiet rutrum tristique.

[b]Virtues[/b]

[b]Vices[/b]

[b]Likes[/b]

[b]Dislikes[/b]
 [/border][/border][/border]

[comment]PICTURE6[/comment]
[border=0px; position: absolute; width: 130px; height: 130px; left: 40px; top: 270px; background-image: URL(https://i.pinimg.com/564x/fb/a9/93/fba99303c64ac4fa719f2cee7d0d1330.jpg); background-size:cover; background-position: 20% 10%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE7[/comment]
[border=0px; position: absolute; width: 130px; height: 200px; left: 75px; top: 60px; background-image: URL(https://i.pinimg.com/564x/bf/9c/2f/bf9c2fcfd7a291c12f88d8262fcf4d27.jpg); background-size:cover; background-position: center; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE8[/comment]
[border=0px; position: absolute; width: 130px; height: 200px; left: 245px; top: 235px; background-image: URL(https://i.pinimg.com/564x/48/30/3c/48303c305c3f22fedad9e73c54f0ae3d.jpg); background-size:cover; background-position: center; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]

[comment]PICTURE9[/comment]
[border=0px; position: absolute; width: 130px; height: 130px; left: 280px; top: 95px; background-image: URL(https://i.pinimg.com/564x/34/d3/f3/34d3f340c9b85a88fc719f0f8b85cd28.jpg); background-size:cover; background-position: 20% 10%; border:6px solid var(--BoxTabsColor); transform:rotate(270deg);][/border]
[/tab]
[tab=0000i]
[border=0px; height:330px; width:300px; position: absolute; margin-top: 400px; margin-left: 70px; z-index: 30; background-color:var(--BoxColor);  transform: rotate(270deg);][border=0px; height:20px; width:280px; position: absolute; margin-top: 0px; margin-left: 0px;  font-family:Raleway; font-size:20px; line-height:12px; color:black;]Backstory[/border][border=0px; height:260px; width:280px; position: absolute; margin-top: 40px; margin-left: 0px; overflow:hidden;][border=0px; height:255px; width:297px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:12px; color:black; text-align:justify;]Lorem ipsum dolor sit amet consectetur adipiscing elit a, habitant tempor praesent consequat duis aliquam sociis ridiculus ante, tempus in metus leo purus augue ligula. Tempor posuere interdum tempus lectus pellentesque ante a laoreet, egestas nibh commodo nisl felis montes vulputate hac tristique, etiam maecenas netus congue sed conubia placerat. Fames felis maecenas aliquam magna commodo dignissim metus feugiat mollis fermentum bibendum et, ut dis in sociosqu rutrum mattis convallis dapibus viverra velit inceptos tristique, nibh lacinia arcu primis faucibus penatibus himenaeos enim platea magnis praesent.

Massa commodo sollicitudin nisl neque cras vel pulvinar libero conubia, tellus ridiculus leo nisi tristique velit curabitur himenaeos, ultrices molestie facilisis natoque feugiat sed cubilia cursus. Sed diam augue viverra sodales potenti nostra etiam varius, ut cum eleifend neque lectus magnis scelerisque, velit conubia hendrerit tempus lobortis odio placerat. Justo praesent urna commodo at laoreet quisque curae suscipit, viverra sollicitudin arcu placerat cum venenatis nam nisl vestibulum, nullam tellus donec semper imperdiet rutrum tristique. [/border][/border][/border]

[comment]PICTURE10[/comment]
[border=0px; width:350px; height:350px; position: absolute; margin-top: 23px; margin-left: 30px; background-image:URL(https://i.pinimg.com/564x/04/a6/6b/04a66bb81862ffc1ed43fd60f0aa6798.jpg); transform:rotate(270deg); background-size:cover; background-position: center; border:6px solid var(--BoxTabsColor); border-radius:100%;][/border]
[/tab]
[tab=0000i]
[border=0px; height:330px; width:330px; position: absolute; margin-top: 390px; margin-left: 70px; z-index: 30; background-color:var(--BoxColor);  transform: rotate(270deg);][border=0px; height:310px; width:310px; position: absolute; margin-top: 0px; margin-left: 0px; overflow:hidden; ][border=0px; height:310px; width:317px; position: absolute; margin-top: -20px; margin-left: 0px; overflow-y:scroll;]

[comment]RELATIONSHIP1[/comment]
[border=0px; height:80px; width:80px; position: absolute; margin-top: 10px; margin-left: 0px; background-image:URL(https://i.pinimg.com/564x/22/ce/17/22ce17a786c5d289ccd92f78b3f0a0aa.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][border=0px; height:85px; width:150px; position: absolute;  overflow:hidden; margin-top:-10px; margin-left: 110px; ][border=0px; height:95px; width:170px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll;  font-family:Raleway; font-size:11px; line-height:18px; color:black; text-align:justify;][b]Name[/b]
bleh[/border][/border][/border]

[comment]RELATIONSHIP2[/comment]
[border=0px; height:80px; width:80px; position: absolute; margin-top: 150px; margin-left: 0px; background-image:URL(https://i.pinimg.com/564x/17/cd/c4/17cdc4386a33226661a35e7c0259b8a7.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][border=0px; height:85px; width:150px; position: absolute;  overflow:hidden; margin-top:-10px; margin-left: 110px; ][border=0px; height:95px; width:170px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll;; font-family:Raleway; font-size:11px; line-height:18px; color:black; text-align:justify;][b]Name[/b]
bleh[/border][/border][/border]

[comment]RELATIONSHIP3[/comment]
[border=0px; height:80px; width:80px; position: absolute; margin-top: 290px; margin-left: 0px; background-image:URL(https://i.pinimg.com/564x/e1/3f/ea/e13fea7874e27dbd0f927f6ecd41a02f.jpg); background-size:cover; background-position: center; border:6px solid var(--BoxTabsColor);][border=0px; height:85px; width:150px; position: absolute;  overflow:hidden; margin-top:-10px; margin-left: 110px; ][border=0px; height:95px; width:170px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll;  font-family:Raleway; font-size:11px; line-height:18px; color:black; text-align:justify;][b]Name[/b]
bleh[/border][/border][/border]

[comment]RELATIONSHIP4[/comment]
[border=0px; height:80px; width:80px; position: absolute; margin-top: 430px; margin-left: 0px; background-image:URL(https://i.pinimg.com/564x/67/7f/5f/677f5f5e615bfc94966d1a5c7d7b9a51.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][border=0px; height:85px; width:150px; position: absolute;  overflow:hidden; margin-top:-10px; margin-left: 110px;][border=0px; height:95px; width:170px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:18px; color:black; text-align:justify;][b]Name[/b]
bleh[/border][/border][/border]

[comment]RELATIONSHIP5[/comment]
[border=0px; height:80px; width:80px; position: absolute; margin-top: 570px; margin-left: 0px; background-image:URL(https://i.pinimg.com/564x/3d/5a/d9/3d5ad9460f2dfe1ac370e5c676ad8dbc.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][border=0px; height:85px; width:150px; position: absolute;  overflow:hidden; margin-top:-10px; margin-left: 110px;][border=0px; height:95px; width:170px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll; font-family:Raleway; font-size:11px; line-height:18px; color:black; text-align:justify;][b]Name[/b]
bleh[/border][/border][/border]
[/border][/border][/border]

[comment]GALLERY[/comment]
[border=0px; height:330px; width:320px; position: absolute; margin-top: 30px; margin-left: 70px; z-index: 30; transform: rotate(270deg);][border=0px; height:310px; width:310px; position: absolute; margin-top: 0px; margin-left: 0px; overflow:hidden;][border=0px; height:310px; width:330px; position: absolute; margin-top: -20px; margin-left: -10px; overflow-y:scroll;]

[comment]PICTURE11[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 0px; margin-left: -10px; background-image:URL(https://i.pinimg.com/564x/dc/77/a0/dc77a0afe1dde42e4365f27245e5ee7a.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]

[comment]PICTURE12[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 0px; margin-left: 155px; background-image:URL(https://i.pinimg.com/564x/94/41/4b/94414b9933841bd7aa4467394af0a0cc.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]

[comment]PICTURE13[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 165px; margin-left: -10px; background-image:URL(https://i.pinimg.com/564x/d9/23/4c/d9234c2baf52e0d73d5ccf057a0aa194.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]

[comment]PICTURE14[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 165px; margin-left: 155px; background-image:URL(https://i.pinimg.com/564x/32/6a/d4/326ad49f8dbe61f0c138790eb90302af.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]

[comment]PICTURE15[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 330px; margin-left: -10px; background-image:URL(https://i.pinimg.com/564x/6a/7b/07/6a7b079ae0b8a90c6c8a38e5b67549be.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]

[comment]PICTURE16[/comment]
[border=0px; height:120px; width:120px; position: absolute; margin-top: 330px; margin-left: 155px; background-image:URL(https://i.pinimg.com/564x/83/9f/d6/839fd627b606d0fd9142e7ea2d4e4030.jpg); background-size:cover; background-position: 50% 20%; border:6px solid var(--BoxTabsColor);][/border]
[/border][/border][/border]
[/tab]
[/tabs]
[/border][/border][center][size=12px]Code by Stardust Galaxy | hidden scrolls on gallery [/size][/center]