• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Resource ⋆ sincerity ! 𝐟𝐫𝐞𝐞𝐛𝐢𝐞𝐬 ⋆ 2.0

MOBILE FRIENDLY
alright, there's a lot to unpack in this code lmao. so, the 'okay' button leads to the cs, the leads back to the main page. the 'shut up' button leads to a gallery type thing (only 3 imgs), 'the take me back', leads back to the main page. the 'x' button leads to a picture, the 'upload your mind' takes you back to the main page. ​

[nobr]
[class=errortop]
width:400px;
height:240px;
background:linear-gradient(to right, pink, lightblue, blue);
margin:auto;center;
[/class]

[div class=errortop][class=errorsin]
height:30px;
width:400px;
[/class]

[div class=errorsin][class=mess]
line-height:30px;
width:370px;
color:#000;
float:left;
font-family:'VT323';
font-size:20px;
[/class]

[div class=mess][div style="float:left;margin-left:5px;"]Warning![/div][/div]

[class=out]
height:16px;
width:16px;
background:#ccc;
line-height:16px;
float:left;
cursor:pointer;
font-size:15px;
margin:5px 5px;
border-right:2px solid #444;
border-left:2px solid #fff;
border-bottom:1px solid #444;
border-top:1px solid #fff;
font-family:'VT323';
text-align:center;
[/class]

[class name=out state=hover]
background:pink
[/class]

[div class=out]X[/div][/div]

[script class=out on=click]
hide errortop
fadeIn 1000 blue
[/script]

[script class=return on=click]
hide blue
fadeIn 1000 errortop
[/script]

[class=errormain]
height:210px;
width:400px;
background:#ccc;
float:left;
[/class]

[div class=errormain][class=message]
text-align:center;
color:#000;
font-size:15px;
font-family:'VT323';
text-align:center;
line-height:20px;
[/class]

[div class=message][br][/br]
[br][/br]ERROR IN MY HEART
[br][/br]
[br][/br]
did you know that this character is super cute???[/div]

[class=aH]
width:138px;
margin:auto;
position:relative;
top:40px;
[/class]

[div class=aH][class=okay]
height:20px;
width:60px;
border-right:2px solid #444;
border-left:2px solid #fff;
border-bottom:1px solid #444;
border-top:1px solid #fff;
background:#ccc;
color:#000;
font-size:13px;
font-family:'VT323';
text-align:center;
line-height:20px;
cursor:pointer;
float:left;
[/class]

[class name=okay state=hover]
background:pink
[/class]

[class name=no state=hover]
background:pink
[/class]

[div class=okay]OKAY[/div]

[class=no]
height:20px;
width:60px;
border-right:2px solid #444;
border-left:2px solid #fff;
border-bottom:1px solid #444;
border-top:1px solid #fff;
background:#ccc;
color:#000;
font-size:13px;
font-family:'VT323';
text-align:center;
line-height:20px;
float:left;
margin-left:10px;
cursor:pointer;
[/class]

[div class=no]SHUT UP[/div]

[script class=okay on=click]
fadeIn 800 cs
fadeOut 100 errortop
[/script]

[script class=no on=click]
fadeIn 800 prettygal
fadeOut 100 errortop
[/script]

[script class=escape on=click]
fadeIn 800 errortop
fadeOut 100 prettygal
[/script]

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

[class=cs]
display:none;
width:400px;
height:240px;
border-right:1px solid #ccc;
background:#fff;
margin:auto;
[/class]

[div class=cs][class=piclarge]
height:240px;
width:160px;
background:url('https://66.media.tumblr.com/48dbd70e33f6827b71c027ab94759ecf/tumblr_pjn7l7OcLE1scikovo4_400.jpg');
background-size:150%;
background-position:-30px;
float:left;
[/class]

[div class=piclarge][/div]

[class=tabc]
height:240px;
width:240px;
float:left;
[/class]

[div class=tabc][class=Tabs]
height:50px;
width:160px;
color:#666;
font-size:13px;
line-height:30px;
text-align:center;
margin:auto;
[/class]

[class=tab1]
height:30px;
width:30px;
float:left;
border:1px solid #ccc;
background:#fff;
border-radius:50%;
margin:10px 3px;
[/class]

[class name=tab1 state=hover]
text-shadow:2px 2px 0px pink;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab2]
height:30px;
width:30px;
float:left;
border:1px solid #ccc;
background:#fff;
border-radius:50%;
margin:10px 3px;
[/class]

[class name=tab2 state=hover]
text-shadow:2px 2px pink;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab3]
height:30px;
width:30px;
float:left;
border:1px solid #ccc;
background:#fff;
border-radius:50%;
margin:10px 3px;
[/class]

[class name=tab3 state=hover]
text-shadow:2px 2px pink;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[class=tab4]
height:30px;
width:30px;
float:left;
border:1px solid #ccc;
background:#fff;
border-radius:50%;
margin:10px 3px;
[/class]

[class name=tab4 state=hover]
text-shadow:2px 2px pink;
transition-duratio:0.8s;
cursor:pointer;
[/class]

[script class=Tabs]
show tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
show tabcontent1
addClass Tabs
[/script]

[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 800 tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab4 on=click]
fadeIn 1000 errortop
hide cs
[/script]

[class=tabcontent1]
height:165px;
width:200px;
float:left;
margin:5px 20px;
background:#fff;
[/class]

[class=tabcontent2]
height:165px;
width:200px;
float:left;
margin:5px 20px;
background:#fff;
[/class]

[class=tabcontent3]
height:165px;
width:200px;
float:left;
margin:5px 20px;
background:#fff;
[/class]

[class=tabcontent4]
height:165px;
width:200px;
float:left;
margin:5px 20px;
background:#fff;
[/class]

[div class=Tabs][div class=tab1][fa] fa-home [/fa][/div][div class=tab2][fa] fa-pencil [/fa][/div][div class=tab3][fa] fa-link [/fa][/div][div class=tab4][fa] fa-trash [/fa][/div][/div]

[div class=tabcontent1][class=container]
width:210px;
height:165px;
float:left;
margin:0px -0px;
overflow:hidden;
color:#000;
font-family:'Lato';
text-align:justify;
line-height:12px;
font-size:11px;
margin:auto;
[/class]

[class=scrollbar]
width:105%;
height:165px;
float:left;
margin:5px 5px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]
[div class=container][div class=scrollbar][div class=textbox]1111 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div]
[/div]

[div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox]2222 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox]3333 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent4][div class=container][div class=scrollbar][div class=textbox]4444 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[/div]
[/div]

[class=blue]
width:398px;
height:238px;
background:url('https://41.media.tumblr.com/20c14ea0e0a5d2782ced9185ef40f40e/tumblr_nt71y3iIPQ1rib34do2_1280.png');
background-size:100%;
border:1px solid #ccc;
display:none;
margin:auto;
[/class]

[div class=blue][class=return]
cursor:pointer;
height:30px;
width:200px;
margin:auto;
position:relative;
size:20px;
color:#fff;
font-family:Arial;
line-height:30px;
text-align:center;
top:50px;
border:2px solid #fff;
transition: letter-spacing 2s;
[/class]

[class name=return state=hover]
letter-spacing: 3px;
[/class]

[div class=return]upload your mind.[/div][/div]

[class=prettygal]
width:398px;
height:238px;
background:#fff;
border:1px solid #ccc;
display:none;
margin:auto;
[/class]

[div class=prettygal][class=escape]
height:30px;
width:398px;
background:#ddbbbb;
cursor:pointer;
size:20px;
color:#fff;
font-family:Arial;
line-height:30px;
text-align:center;
[/class]

[div class=escape]take me back[/div]

[class=img1]
height:208px;
width:133px;
float:left;
background:url('https://66.media.tumblr.com/99d6983e0812abe3e6936c3e7308dc74/tumblr_ocw9s7mQ4F1un8qsqo8_250.png');
background-size:100%;
[/class]

[div class=img1][/div]

[class=img2]
height:208px;
width:132px;
float:left;
background:url('https://pbs.twimg.com/media/CkjQ5OIVEAIzs9z.jpg');
background-size:130%;
background-position:-30px;
[/class]

[div class=img2][/div]

[class=img3]
height:208px;
width:133px;
float:left;
background:url('https://data.whicdn.com/images/242799362/large.png');
background-size:100%;
[/class]

[div class=img3][/div]

[/div]
[/nobr][center][size=1]code by @pasta[/size][/center]

[class=errortop] width:400px; height:240px; background:linear-gradient(to right, pink, lightblue, blue); margin:auto;center; [/class] [div class=errortop][class=errorsin] height:30px; width:400px; [/class] [div class=errorsin][class=mess] line-height:30px; width:370px; color:#000; float:left; font-family:'VT323'; font-size:20px; [/class] [div class=mess][div style="float:left;margin-left:5px;"]Warning![/div][/div] [class=out] height:16px; width:16px; background:#ccc; line-height:16px; float:left; cursor:pointer; font-size:15px; margin:5px 5px; border-right:2px solid #444; border-left:2px solid #fff; border-bottom:1px solid #444; border-top:1px solid #fff; font-family:'VT323'; text-align:center; [/class] [class name=out state=hover] background:pink [/class] [div class=out]X[/div][/div] [script class=out on=click] hide errortop fadeIn 1000 blue [/script] [script class=return on=click] hide blue fadeIn 1000 errortop [/script] [class=errormain] height:210px; width:400px; background:#ccc; float:left; [/class] [div class=errormain][class=message] text-align:center; color:#000; font-size:15px; font-family:'VT323'; text-align:center; line-height:20px; [/class] [div class=message]

ERROR IN MY HEART

did you know that this character is super cute???[/div] [class=aH] width:138px; margin:auto; position:relative; top:40px; [/class] [div class=aH][class=okay] height:20px; width:60px; border-right:2px solid #444; border-left:2px solid #fff; border-bottom:1px solid #444; border-top:1px solid #fff; background:#ccc; color:#000; font-size:13px; font-family:'VT323'; text-align:center; line-height:20px; cursor:pointer; float:left; [/class] [class name=okay state=hover] background:pink [/class] [class name=no state=hover] background:pink [/class] [div class=okay]OKAY[/div] [class=no] height:20px; width:60px; border-right:2px solid #444; border-left:2px solid #fff; border-bottom:1px solid #444; border-top:1px solid #fff; background:#ccc; color:#000; font-size:13px; font-family:'VT323'; text-align:center; line-height:20px; float:left; margin-left:10px; cursor:pointer; [/class] [div class=no]SHUT UP[/div] [script class=okay on=click] fadeIn 800 cs fadeOut 100 errortop [/script] [script class=no on=click] fadeIn 800 prettygal fadeOut 100 errortop [/script] [script class=escape on=click] fadeIn 800 errortop fadeOut 100 prettygal [/script] [/div][/div][/div] [class=cs] display:none; width:400px; height:240px; border-right:1px solid #ccc; background:#fff; margin:auto; [/class] [div class=cs][class=piclarge] height:240px; width:160px; background:url('https://66.media.tumblr.com/48dbd70e33f6827b71c027ab94759ecf/tumblr_pjn7l7OcLE1scikovo4_400.jpg'); background-size:150%; background-position:-30px; float:left; [/class] [div class=piclarge][/div] [class=tabc] height:240px; width:240px; float:left; [/class] [div class=tabc][class=Tabs] height:50px; width:160px; color:#666; font-size:13px; line-height:30px; text-align:center; margin:auto; [/class] [class=tab1] height:30px; width:30px; float:left; border:1px solid #ccc; background:#fff; border-radius:50%; margin:10px 3px; [/class] [class name=tab1 state=hover] text-shadow:2px 2px 0px pink; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab2] height:30px; width:30px; float:left; border:1px solid #ccc; background:#fff; border-radius:50%; margin:10px 3px; [/class] [class name=tab2 state=hover] text-shadow:2px 2px pink; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab3] height:30px; width:30px; float:left; border:1px solid #ccc; background:#fff; border-radius:50%; margin:10px 3px; [/class] [class name=tab3 state=hover] text-shadow:2px 2px pink; transition-duratio:0.8s; cursor:pointer; [/class] [class=tab4] height:30px; width:30px; float:left; border:1px solid #ccc; background:#fff; border-radius:50%; margin:10px 3px; [/class] [class name=tab4 state=hover] text-shadow:2px 2px pink; transition-duratio:0.8s; cursor:pointer; [/class] [script class=Tabs] show tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 show tabcontent1 addClass Tabs [/script] [script class=tab1 on=click] hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 800 tabcontent1 addClass Tabs [/script] [script class=tab2 on=click] fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab4 on=click] fadeIn 1000 errortop hide cs [/script] [class=tabcontent1] height:165px; width:200px; float:left; margin:5px 20px; background:#fff; [/class] [class=tabcontent2] height:165px; width:200px; float:left; margin:5px 20px; background:#fff; [/class] [class=tabcontent3] height:165px; width:200px; float:left; margin:5px 20px; background:#fff; [/class] [class=tabcontent4] height:165px; width:200px; float:left; margin:5px 20px; background:#fff; [/class] [div class=Tabs][div class=tab1][/div][div class=tab2][/div][div class=tab3][/div][div class=tab4][/div][/div] [div class=tabcontent1][class=container] width:210px; height:165px; float:left; margin:0px -0px; overflow:hidden; color:#000; font-family:'Lato'; text-align:justify; line-height:12px; font-size:11px; margin:auto; [/class] [class=scrollbar] width:105%; height:165px; float:left; margin:5px 5px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox]1111 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div] [/div] [div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox]2222 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox]3333 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [div class=tabcontent4][div class=container][div class=scrollbar][div class=textbox]4444 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [/div] [/div] [class=blue] width:398px; height:238px; background:url('https://41.media.tumblr.com/20c14ea0e0a5d2782ced9185ef40f40e/tumblr_nt71y3iIPQ1rib34do2_1280.png'); background-size:100%; border:1px solid #ccc; display:none; margin:auto; [/class] [div class=blue][class=return] cursor:pointer; height:30px; width:200px; margin:auto; position:relative; size:20px; color:#fff; font-family:Arial; line-height:30px; text-align:center; top:50px; border:2px solid #fff; transition: letter-spacing 2s; [/class] [class name=return state=hover] letter-spacing: 3px; [/class] [div class=return]upload your mind.[/div][/div] [class=prettygal] width:398px; height:238px; background:#fff; border:1px solid #ccc; display:none; margin:auto; [/class] [div class=prettygal][class=escape] height:30px; width:398px; background:#ddbbbb; cursor:pointer; size:20px; color:#fff; font-family:Arial; line-height:30px; text-align:center; [/class] [div class=escape]take me back[/div] [class=img1] height:208px; width:133px; float:left; background:url('https://66.media.tumblr.com/99d6983e0812abe3e6936c3e7308dc74/tumblr_ocw9s7mQ4F1un8qsqo8_250.png'); background-size:100%; [/class] [div class=img1][/div] [class=img2] height:208px; width:132px; float:left; background:url('https://pbs.twimg.com/media/CkjQ5OIVEAIzs9z.jpg'); background-size:130%; background-position:-30px; [/class] [div class=img2][/div] [class=img3] height:208px; width:133px; float:left; background:url('https://data.whicdn.com/images/242799362/large.png'); background-size:100%; [/class] [div class=img3][/div] [/div]
code by pasta pasta ​
 
Last edited:
NOT MOBILE FRIENDLY
the code is p straight forward; the numbers are tabs and hover over the imgs to get what the tab is about. idk, i like what i did here a nd y e s.​

[nobr][class=whole]
width:615px;
margin:auto;
[/class]

[div class=whole][class=picture]
height:400px;
width:300px;
background:url('https://i.pinimg.com/originals/8c/c8/43/8cc8436459a280ed99a82cc11b238b74.jpg');
background-size:100%;
float:left;
[/class]

[div class=picture][class=chst]
width:36px;
height:36px;
float:left;
margin-top:30px;
margin-left:20px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=inchst]
width:30px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[div class=chst][div class=inchst]chs[/div][/div]

[class=named]
width:136px;
height:36px;
float:left;
margin-top:30px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=innamed]
width:130px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[div class=named][div class=innamed]christian akridge[/div][/div]

[class=tabs]
height:56px;
width:100%;
background:#fff;
float:left;
margin-top:276px;
border-bottom:1px solid #000;
border-top:1px solid #000;
[/class]

[div class=tabs][class=tab1cover]
width:36px;
height:36px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=tab1]
width:30px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[class=tab2cover]
width:36px;
height:36px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=tab2]
width:30px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[class=tab3cover]
width:36px;
height:36px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=tab3]
width:30px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[class=tab4cover]
width:36px;
height:36px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=tab4]
width:30px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
cursor:pointer;
[/class]

[class=somethingcover]
width:86px;
height:36px;
float:left;
margin-top:10px;
margin-left:10px;
border:1px solid #000;
border-radius:3px;
[/class]

[class=something]
width:80px;
height:30px;
float:left;
line-height:27px;
margin-top:3px;
margin-left:3px;
text-align:center;
background:#000;
font-size:10px;
font-family:arial;
color:#fff;
text-transform:uppercase;
[/class]

[div class=tab1cover][div class=tab1]1[/div][/div][div class=tab2cover][div class=tab2]2[/div][/div][div class=tab3cover][div class=tab3]3[/div][/div][div class=tab4cover][div class=tab4]4[/div][/div][div class=somethingcover][div class=something]bonjour[/div][/div]

[script class=tabs]
show tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
show tabcontent1
addClass Tabs
[/script]

[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 800 tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontentbox
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[script class=tab4 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
fadeIn 800 tabcontent4
hide tabcontent1
addClass Tabs
[/script]

[class=tabcontent1]
height:400px;
width:300px;
float:left;
background:#fff;
border:1px solid #000;
margin-left:10px;
[/class]

[class=tabcontent2]
height:400px;
width:300px;
float:left;
background:#fff;
border:1px solid #000;
margin-left:10px;
[/class]

[class=tabcontent3]
height:400px;
width:300px;
float:left;
background:#fff;
border:1px solid #000;
margin-left:10px;
[/class]

[class=tabcontent4]
height:400px;
width:300px;
float:left;
background:#fff;
border:1px solid #000;
margin-left:10px;
[/class]

[/div]
[/div][div class=tabcontent1][class=container]
width:308px;
height:385px;
float:left;
margin:10px -0px;
overflow:hidden;
color:#000;
font-family:'Lato';
text-align:justify;
line-height:12px;
font-size:11px;
margin:auto;
[/class]

[class=scrollbar]
width:105%;
height:400px;
float:left;
margin:0px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]
[div class=container][div class=scrollbar][div class=textbox][class=basicpic]
height:150px;
width:92%;
position:relative;
top:20px;
left:10px;
background:url('https://thumbs.gfycat.com/ZestyFrenchArmadillo-size_restricted.gif');
background-size:100%;[/class]

[div class=basicpic][script class=basicpic on=mouseenter]
fadeIn 1000 imgover
[/script]

[script class=basicpic on=mouseleave]
fadeOut 1000 imgover
[/script]

[class=imgover]
display:none;
height:150px;
width:100%;
background:black;
opacity:0.6;
color:#fff;
font-size:25px;
font-family:Arial;
text-align:center;
line-height:150px;
[/class]

[div class=imgover]B A S I C S.[/div][/div]
[br][/br]
[br][/br]
[br][/br]
1111 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[br][/br]
[/div][/div][/div][/div][div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox][class=personapic]
height:150px;
width:92%;
position:relative;
top:20px;
left:10px;
background:url('https://i0.wp.com/images.genius.com/70de36951217a4d593decde212698e44.1000x1000x1.jpg?w=600');
background-size:100%;[/class]

[div class=personapic][script class=personapic on=mouseenter]
fadeIn 1000 imgover2
[/script]

[script class=personapic on=mouseleave]
fadeOut 1000 imgover2
[/script]

[class=imgover2]
display:none;
height:150px;
width:100%;
background:black;
opacity:0.6;
color:#fff;
font-size:25px;
font-family:Arial;
text-align:center;
line-height:150px;
[/class]

[div class=imgover2]P E R S O N A.[/div][/div]
[br][/br]
[br][/br]
[br][/br]
2222 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[br][/br]
[/div][/div][/div][/div][div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox][class=biopic]
height:150px;
width:92%;
position:relative;
top:20px;
left:10px;
background:url('https://66.media.tumblr.com/2c0ba5a493366cce83f9137c36f9e51f/tumblr_oif5ocavqL1udpi8wo2_1280.jpg');
background-size:100%;[/class]

[div class=biopic][script class=biopic on=mouseenter]
fadeIn 1000 imgover3
[/script]

[script class=biopic on=mouseleave]
fadeOut 1000 imgover3
[/script]

[class=imgover3]
display:none;
height:150px;
width:100%;
background:black;
opacity:0.6;
color:#fff;
font-size:25px;
font-family:Arial;
text-align:center;
line-height:150px;
[/class]

[div class=imgover3]H I S T O R Y. [/div][/div]
[br][/br]
[br][/br]
[br][/br]
3333 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[br][/br]
[/div][/div][/div][/div][div class=tabcontent4][div class=container][div class=scrollbar][div class=textbox][class=gallerypic]
height:120px;
width:120px;;
float:left;
margin:20px 10px;
background:url('https://66.media.tumblr.com/ca2fb1a44428e0461c487ad4e01093b2/tumblr_p1ui5ag5uy1te2v15o2_1280.jpg');
background-size:100%;[/class]

[div class=gallerypic][/div]

[class=gallerypic2]
height:120px;
width:120px;;
float:left;
margin:20px 10px;
background:url('https://66.media.tumblr.com/80ca3b94d525cee0e99864e2d0c7730e/tumblr_pib8p80RyO1rutcjwo4_400.png');
background-size:100%;[/class]

[div class=gallerypic2][/div]

[class=gallerypic3]
height:120px;
width:120px;;
float:left;
margin:0px 10px;
background:url('https://66.media.tumblr.com/1a76fce4057b8bee7c629835ccaebca9/tumblr_pib8p80RyO1rutcjwo7_400.png');
background-size:100%;[/class]

[div class=gallerypic3][/div]

[class=gallerypic4]
height:120px;
width:120px;;
float:left;
margin:0px 10px;
background:url('https://66.media.tumblr.com/c95350fdda27d32c57bd3d84af41f0b9/tumblr_o7i2pcXxXD1ujqi4lo3_400.png');
background-size:100%;[/class]

[div class=gallerypic4][/div]

[class=gallerypic5]
height:120px;
width:120px;;
float:left;
margin:20px 10px;
background:url('https://66.media.tumblr.com/24c021b3268311f8c94d2f28222fe882/tumblr_o6vutglrj41vsag3io5_250.jpg');
background-size:100%;[/class]

[div class=gallerypic5][/div]

[class=gallerypic6]
height:120px;
width:120px;;
float:left;
margin:20px 10px;
background:url('https://66.media.tumblr.com/a5d84880312c66b99a6da2425529781e/tumblr_omepkkHGaX1vyap1qo6_400.png');
background-size:100%;[/class]

[div class=gallerypic6][/div]
[br][/br]
[br][/br]
[br][/br]
[/div][/div][/div][/div][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/div][/nobr]

[class=whole] width:615px; margin:auto; [/class] [div class=whole][class=picture] height:400px; width:300px; background:url('https://i.pinimg.com/originals/8c/c8/43/8cc8436459a280ed99a82cc11b238b74.jpg'); background-size:100%; float:left; [/class] [div class=picture][class=chst] width:36px; height:36px; float:left; margin-top:30px; margin-left:20px; border:1px solid #000; border-radius:3px; [/class] [class=inchst] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [div class=chst][div class=inchst]chs[/div][/div] [class=named] width:136px; height:36px; float:left; margin-top:30px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=innamed] width:130px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [div class=named][div class=innamed]christian akridge[/div][/div] [class=tabs] height:56px; width:100%; background:#fff; float:left; margin-top:276px; border-bottom:1px solid #000; border-top:1px solid #000; [/class] [div class=tabs][class=tab1cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab1] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab2cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab2] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab3cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab3] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=tab4cover] width:36px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=tab4] width:30px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; cursor:pointer; [/class] [class=somethingcover] width:86px; height:36px; float:left; margin-top:10px; margin-left:10px; border:1px solid #000; border-radius:3px; [/class] [class=something] width:80px; height:30px; float:left; line-height:27px; margin-top:3px; margin-left:3px; text-align:center; background:#000; font-size:10px; font-family:arial; color:#fff; text-transform:uppercase; [/class] [div class=tab1cover][div class=tab1]1[/div][/div][div class=tab2cover][div class=tab2]2[/div][/div][div class=tab3cover][div class=tab3]3[/div][/div][div class=tab4cover][div class=tab4]4[/div][/div][div class=somethingcover][div class=something]bonjour[/div][/div] [script class=tabs] show tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 show tabcontent1 addClass Tabs [/script] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 800 tabcontent1 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent4 hide tabcontent1 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent4 hide tabcontent1 addClass Tabs [/script] [class=tabcontent1] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent2] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent3] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [class=tabcontent4] height:400px; width:300px; float:left; background:#fff; border:1px solid #000; margin-left:10px; [/class] [/div] [/div][div class=tabcontent1][class=container] width:308px; height:385px; float:left; margin:10px -0px; overflow:hidden; color:#000; font-family:'Lato'; text-align:justify; line-height:12px; font-size:11px; margin:auto; [/class] [class=scrollbar] width:105%; height:400px; float:left; margin:0px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox][class=basicpic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://thumbs.gfycat.com/ZestyFrenchArmadillo-size_restricted.gif'); background-size:100%;[/class] [div class=basicpic][script class=basicpic on=mouseenter] fadeIn 1000 imgover [/script] [script class=basicpic on=mouseleave] fadeOut 1000 imgover [/script] [class=imgover] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover]B A S I C S.[/div][/div]


1111 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


[/div][/div][/div][/div][div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox][class=personapic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://i0.wp.com/images.genius.com/70de36951217a4d593decde212698e44.1000x1000x1.jpg?w=600'); background-size:100%;[/class] [div class=personapic][script class=personapic on=mouseenter] fadeIn 1000 imgover2 [/script] [script class=personapic on=mouseleave] fadeOut 1000 imgover2 [/script] [class=imgover2] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover2]P E R S O N A.[/div][/div]


2222 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


[/div][/div][/div][/div][div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox][class=biopic] height:150px; width:92%; position:relative; top:20px; left:10px; background:url('https://66.media.tumblr.com/2c0ba5a493366cce83f9137c36f9e51f/tumblr_oif5ocavqL1udpi8wo2_1280.jpg'); background-size:100%;[/class] [div class=biopic][script class=biopic on=mouseenter] fadeIn 1000 imgover3 [/script] [script class=biopic on=mouseleave] fadeOut 1000 imgover3 [/script] [class=imgover3] display:none; height:150px; width:100%; background:black; opacity:0.6; color:#fff; font-size:25px; font-family:Arial; text-align:center; line-height:150px; [/class] [div class=imgover3]H I S T O R Y. [/div][/div]


3333 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


[/div][/div][/div][/div][div class=tabcontent4][div class=container][div class=scrollbar][div class=textbox][class=gallerypic] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://66.media.tumblr.com/ca2fb1a44428e0461c487ad4e01093b2/tumblr_p1ui5ag5uy1te2v15o2_1280.jpg'); background-size:100%;[/class] [div class=gallerypic][/div] [class=gallerypic2] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://66.media.tumblr.com/80ca3b94d525cee0e99864e2d0c7730e/tumblr_pib8p80RyO1rutcjwo4_400.png'); background-size:100%;[/class] [div class=gallerypic2][/div] [class=gallerypic3] height:120px; width:120px;; float:left; margin:0px 10px; background:url('https://66.media.tumblr.com/1a76fce4057b8bee7c629835ccaebca9/tumblr_pib8p80RyO1rutcjwo7_400.png'); background-size:100%;[/class] [div class=gallerypic3][/div] [class=gallerypic4] height:120px; width:120px;; float:left; margin:0px 10px; background:url('https://66.media.tumblr.com/c95350fdda27d32c57bd3d84af41f0b9/tumblr_o7i2pcXxXD1ujqi4lo3_400.png'); background-size:100%;[/class] [div class=gallerypic4][/div] [class=gallerypic5] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://66.media.tumblr.com/24c021b3268311f8c94d2f28222fe882/tumblr_o6vutglrj41vsag3io5_250.jpg'); background-size:100%;[/class] [div class=gallerypic5][/div] [class=gallerypic6] height:120px; width:120px;; float:left; margin:20px 10px; background:url('https://66.media.tumblr.com/a5d84880312c66b99a6da2425529781e/tumblr_omepkkHGaX1vyap1qo6_400.png'); background-size:100%;[/class] [div class=gallerypic6][/div]


[/div][/div][/div][/div]
code by pasta pasta ​
[/div]
 
MOBILE FRIENDLY
this is one of the cs codes i made for my koi pond rp. if you hover over the picture, you get that tab list, and the icons are the different tabs.​

[nobr][class=major]
width:455px;
margin:auto;
[/class]

[div class=major][class=whole]
width:240px;
background:#fff;
float:left;
[/class]

[div class=whole][class=pixel]
height:35px;
width:40px;
background:url('https://data.whicdn.com/images/220576833/original.gif');
background-size:100%;
float:left;
[/class]

[div class=pixel][/div]

[script class=tabcontent1in on=mouseenter]
fadeIn 1000 tabslist
[/script]


[script class=tabcontent1in on=mouseleave]
fadeOut 1000 tabslist
[/script]


[class=title]
font:Chicle;
font-size:25px;
float:left;
line-height:35px;
margin-left:5px;
text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d;
font-weight:800;
[/class]

[div class=title][font=Mukta][color=#ffe1e1]M[/color] [color=#ffd2d2]A[/color] [color=#ffc3c3]E[/color] [color=#ffb7b7],[/color] [color=#ff9d9d]J[/color] [color=#ffe1e1]O[/color] [color=#ffd2d2]O[/color] [color=#ffc3c3]N[/color] [color=#ffb7b7]I[/color][/font][/div]

[class=tabcontent1]
height:240px;
width:240px;
background:#ffe1e1;
border:1px solid #ffd2d2;
float:left;
margin-top:10px;
[/class]

[class=tabcontent1in]
height:200px;
width:200px;
background:url('https://66.media.tumblr.com/21a112424e1e0c78ff833e88c5803f86/tumblr_p6s7yjTTYN1x1aggco3_400.gif');
background-size:100%;
float:left;
margin:20px 20px;
[/class]

[div class=tabcontent1][div class=tabcontent1in][class=tabslist]
display:none;
height:200px;
width:200px;
background:rgba(255, 255, 255, 0.4);
[/class]

[div class=tabslist][class=tabs]
height:30px;
background:#ffd2d2;
line-height:30px;
text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d;
font-weight:800;
color:#fff;
font-size:15px;
float:left;
margin-top:180px;
border:1px solid #fff;
[/class]

[div class=tabs][class=tab1]
height:30px;
width:30px;
float:left;
margin-left:10px;
cursor:pointer;
[/class]

[class=tab2]
height:30px;
width:30px;
float:left;
margin-left:-5px;
cursor:pointer;
[/class]

[class=tab3]
height:30px;
width:30px;
float:left;
cursor:pointer;
[/class]

[class=tab4]
height:30px;
width:30px;
float:left;
cursor:pointer;
[/class]

[div class=tab1][fa] fa-venus[/fa][/div][div class=tab2][fa] fa-cat [/fa][/div][div class=tab3][fa] fa-cloud [/fa][/div][div class=tab4][fa] fa-heart[/fa][/div]

[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 800 tabcontent11
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontentbox
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[script class=tab4 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
fadeIn 800 tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[/div][/div][/div][/div][/div][class=tabcontent11]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
[/class]

[class=tabcontent2]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[class=tabcontent3]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[class=tabcontent4]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[div class=tabcontent11][class=basics]
height:40px;
width:178px;
border:1px solid #ccc;
float:left;
margin:10px 10px;
color:#666;
font-size:15px;
text-align:center;
line-height:40px;
font-family:Arial;
[/class]

[class=info]
height:25px;
width:178px;
border:1px solid #ccc;;
float:left;
margin-left:10px;
color:#666;
font-size:13px;
text-align:center;
line-height:25px;
font-family:Arial;
[/class]

[class=info2]
height:25px;
width:178px;
border:1px solid #ccc;;
float:left;
margin-left:10px;
margin-top:10px;
color:#666;
font-size:13px;
text-align:center;
line-height:25px;
font-family:Arial;
[/class]

[div class=basics][fa] fa-heartbeat [/fa] BASICS.[/div]

[div class=info][color=#ffb7b7]M[/color]ae, Joo Ni[/div]

[div class=info2][color=#ffb7b7]2[/color]0, Female, Korean[/div]

[div class=info2][color=#ffb7b7]T[/color]ailor, Mother's business[/div]

[div class=info2][color=#ffb7b7]D[/color]emisexual, Biromantic[/div]

[div class=info2][color=#ffb7b7]F[/color]C: Soobin[/div]

[div class=info2][color=#ffb7b7]#[/color]159cm, Blonde, Dark Brown[/div][/div]
[div class=tabcontent2][div class=basics][fa] fa-paw [/fa] PERSONA.[/div]

[class=oh]
width:178px;
height:210px;
float:left;
margin:0px 10px;
border:1px solid #ccc;
[/class]

[div class=oh][class=container]
width:178px;
height:200px;
margin:0px -0px;
overflow:hidden;
margin:auto;
color:#666;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar]
width:105%;
height:200px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]

[div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div]
[div class=tabcontent3][div class=basics][fa] fa-archive[/fa] MISC.[/div]

[div class=oh][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div]
[div class=tabcontent4][div class=basics][fa] fa-magic [/fa] GALLERY.[/div]

[div class=oh][div class=container][div class=scrollbar][div class=textbox][class=gal1]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/1e16cada5cfee8a1507629f215046cd8/tumblr_ot77pmRSoI1vqgz86o3_400.gif');
background-size:122%;
[/class]

[div class=gal1][/div]

[class=gal2]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/8ad61375ff77fd630bba63bde364dfdc/tumblr_ozt0bji3Nm1wvpvi5o2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal2][/div]

[class=gal3]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/0f42370e092ad092f331d604aeef431d/tumblr_p6zdk9DXpN1x1aggco2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal3][/div]

[class=gal4]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/75a408adbbc81edeb6c422fed4daf4ae/tumblr_orct7sQGqY1v69hruo2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal4][/div]
[/div][/div][/div][/div][/div]
[center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/div][/nobr]

[class=major] width:455px; margin:auto; [/class] [div class=major][class=whole] width:240px; background:#fff; float:left; [/class] [div class=whole][class=pixel] height:35px; width:40px; background:url('https://data.whicdn.com/images/220576833/original.gif'); background-size:100%; float:left; [/class] [div class=pixel][/div] [script class=tabcontent1in on=mouseenter] fadeIn 1000 tabslist [/script] [script class=tabcontent1in on=mouseleave] fadeOut 1000 tabslist [/script] [class=title] font:Chicle; font-size:25px; float:left; line-height:35px; margin-left:5px; text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d; font-weight:800; [/class] [div class=title]M A E , J O O N I[/div] [class=tabcontent1] height:240px; width:240px; background:#ffe1e1; border:1px solid #ffd2d2; float:left; margin-top:10px; [/class] [class=tabcontent1in] height:200px; width:200px; background:url('https://66.media.tumblr.com/21a112424e1e0c78ff833e88c5803f86/tumblr_p6s7yjTTYN1x1aggco3_400.gif'); background-size:100%; float:left; margin:20px 20px; [/class] [div class=tabcontent1][div class=tabcontent1in][class=tabslist] display:none; height:200px; width:200px; background:rgba(255, 255, 255, 0.4); [/class] [div class=tabslist][class=tabs] height:30px; background:#ffd2d2; line-height:30px; text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d; font-weight:800; color:#fff; font-size:15px; float:left; margin-top:180px; border:1px solid #fff; [/class] [div class=tabs][class=tab1] height:30px; width:30px; float:left; margin-left:10px; cursor:pointer; [/class] [class=tab2] height:30px; width:30px; float:left; margin-left:-5px; cursor:pointer; [/class] [class=tab3] height:30px; width:30px; float:left; cursor:pointer; [/class] [class=tab4] height:30px; width:30px; float:left; cursor:pointer; [/class] [div class=tab1][/div][div class=tab2][/div][div class=tab3][/div][div class=tab4][/div] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 800 tabcontent11 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent4 hide tabcontent11 addClass Tabs [/script] [/div][/div][/div][/div][/div][class=tabcontent11] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; [/class] [class=tabcontent2] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [class=tabcontent3] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [class=tabcontent4] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [div class=tabcontent11][class=basics] height:40px; width:178px; border:1px solid #ccc; float:left; margin:10px 10px; color:#666; font-size:15px; text-align:center; line-height:40px; font-family:Arial; [/class] [class=info] height:25px; width:178px; border:1px solid #ccc;; float:left; margin-left:10px; color:#666; font-size:13px; text-align:center; line-height:25px; font-family:Arial; [/class] [class=info2] height:25px; width:178px; border:1px solid #ccc;; float:left; margin-left:10px; margin-top:10px; color:#666; font-size:13px; text-align:center; line-height:25px; font-family:Arial; [/class] [div class=basics] BASICS.[/div] [div class=info]Mae, Joo Ni[/div] [div class=info2]20, Female, Korean[/div] [div class=info2]Tailor, Mother's business[/div] [div class=info2]Demisexual, Biromantic[/div] [div class=info2]FC: Soobin[/div] [div class=info2]#159cm, Blonde, Dark Brown[/div][/div] [div class=tabcontent2][div class=basics] PERSONA.[/div] [class=oh] width:178px; height:210px; float:left; margin:0px 10px; border:1px solid #ccc; [/class] [div class=oh][class=container] width:178px; height:200px; margin:0px -0px; overflow:hidden; margin:auto; color:#666; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar] width:105%; height:200px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div][/div] [div class=tabcontent3][div class=basics] MISC.[/div] [div class=oh][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div][/div] [div class=tabcontent4][div class=basics] GALLERY.[/div] [div class=oh][div class=container][div class=scrollbar][div class=textbox][class=gal1] height:200px; width:100%; background:url('https://66.media.tumblr.com/1e16cada5cfee8a1507629f215046cd8/tumblr_ot77pmRSoI1vqgz86o3_400.gif'); background-size:122%; [/class] [div class=gal1][/div] [class=gal2] height:200px; width:100%; background:url('https://66.media.tumblr.com/8ad61375ff77fd630bba63bde364dfdc/tumblr_ozt0bji3Nm1wvpvi5o2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal2][/div] [class=gal3] height:200px; width:100%; background:url('https://66.media.tumblr.com/0f42370e092ad092f331d604aeef431d/tumblr_p6zdk9DXpN1x1aggco2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal3][/div] [class=gal4] height:200px; width:100%; background:url('https://66.media.tumblr.com/75a408adbbc81edeb6c422fed4daf4ae/tumblr_orct7sQGqY1v69hruo2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal4][/div] [/div][/div][/div][/div][/div]
code by pasta pasta ​
[/div]
 
NOT MOBILE FRIENDLY
here's the 2nd cs code for my koi pond rp! the numbers are tabs, the picture has a hover and clicking the line sends you back to the homepage~​

[nobr][class=border]
height:150px;
width:600px;
margin:auto;
border:1px solid #000;
background:#fff;
cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1a.png'), auto;
[/class]

[div class=border][class=group]
width:200px;
float:left;
margin-left:50px;
[/class]

[div class=group]
[class=name]
line-height:110px;
color:#000;
font-family:Arial;
font-size:50px;
font-weight:800;
[/class]

[class=quickdesc]
height:20px;
width:200px;
background:yellow;
line-height:20px;
color:#000;
font-size:13px;
text-align:center;
font-family:Arial;
margin-top:-35px;
[/class]

[div class=name][i]min ho.[/i][/div][div class=quickdesc]little time left to [u]run away.[/u][/div][/div][class=tabs]
height:100%;
width:25px;
border-right:1px solid #000;
border-left:1px solid #000;
background:yellow;
float:left;
margin-left:50px;
[/class]

[div class=tabs][class=tab1]
height:25px;
width:25px;
color:#000;
font-family:Arial;
text-align:center;
line-height:25px;
font-size:11px;
cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto;
[/class]

[class=tab2]
height:25px;
width:25px;
color:#000;
font-family:Arial;
font-size:11px;
text-align:center;
line-height:25px;
cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto;
[/class]

[class=tab3]
height:25px;
width:25px;
color:#000;
font-family:Arial;
font-size:11px;
text-align:center;
line-height:25px;
cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto;
[/class]


[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
fadeIn 800 tabcontent1
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontentbox
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent1
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent1
addClass Tabs
[/script]

[class=line]
height:65px;
width:1px;
margin:auto;
border-right:1px solid #000;
cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto;
[/class]

[script class=line on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent1
[/script]

[div class=tab1]1[/div][div class=tab2]2[/div][div class=tab3]3[/div][div class=line][/div][/div]

[class=tabholder]
height:130px;
width:253px;
background:url('https://66.media.tumblr.com/99cfa3d0ecd7d11fa9be9e61236de86f/tumblr_pf7rw1CoEI1xbh5gao4_250.jpg');
background-size:100%;
background-position:0px -40px;
float:left;
margin:10px 10px;
[/class]

[class name=tabholder state=hover]
transition-duration: 1.5s;
background:url('https://68.media.tumblr.com/6d5bee2c378af9025dc7ec6ab66304bf/tumblr_og459w8uI21tldu19o1_250.gif');
background-size:100%;
background-position:0px -65px;
[/class]

[class=container]
width:251px;
height:118px;
margin:0px -0px;
overflow:hidden;
color:#000;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar]
width:105%;
height:118px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]

[div class=tabholder][class=tabcontent1]
display:none;
width:251px;
height:128px;
border:1px solid #000;
float:left;
background:#fff;[/class]

[class=tabcontent2]
display:none;
width:251px;
height:128px;
border:1px solid #000;
float:left;
background:#fff;[/class]

[class=tabcontent3]
display:none;
width:251px;
height:128px;
border:1px solid #000;
float:left;
background:#fff;[/class]

[div class=tabcontent1][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div]
[/div][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/nobr]

[class=border] height:150px; width:600px; margin:auto; border:1px solid #000; background:#fff; cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1a.png'), auto; [/class] [div class=border][class=group] width:200px; float:left; margin-left:50px; [/class] [div class=group] [class=name] line-height:110px; color:#000; font-family:Arial; font-size:50px; font-weight:800; [/class] [class=quickdesc] height:20px; width:200px; background:yellow; line-height:20px; color:#000; font-size:13px; text-align:center; font-family:Arial; margin-top:-35px; [/class] [div class=name]min ho.[/div][div class=quickdesc]little time left to run away.[/div][/div][class=tabs] height:100%; width:25px; border-right:1px solid #000; border-left:1px solid #000; background:yellow; float:left; margin-left:50px; [/class] [div class=tabs][class=tab1] height:25px; width:25px; color:#000; font-family:Arial; text-align:center; line-height:25px; font-size:11px; cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto; [/class] [class=tab2] height:25px; width:25px; color:#000; font-family:Arial; font-size:11px; text-align:center; line-height:25px; cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto; [/class] [class=tab3] height:25px; width:25px; color:#000; font-family:Arial; font-size:11px; text-align:center; line-height:25px; cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto; [/class] [script class=tab1 on=click] hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent1 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent1 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent1 addClass Tabs [/script] [class=line] height:65px; width:1px; margin:auto; border-right:1px solid #000; cursor:url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1b.png'), auto; [/class] [script class=line on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent1 [/script] [div class=tab1]1[/div][div class=tab2]2[/div][div class=tab3]3[/div][div class=line][/div][/div] [class=tabholder] height:130px; width:253px; background:url('https://66.media.tumblr.com/99cfa3d0ecd7d11fa9be9e61236de86f/tumblr_pf7rw1CoEI1xbh5gao4_250.jpg'); background-size:100%; background-position:0px -40px; float:left; margin:10px 10px; [/class] [class name=tabholder state=hover] transition-duration: 1.5s; background:url('https://68.media.tumblr.com/6d5bee2c378af9025dc7ec6ab66304bf/tumblr_og459w8uI21tldu19o1_250.gif'); background-size:100%; background-position:0px -65px; [/class] [class=container] width:251px; height:118px; margin:0px -0px; overflow:hidden; color:#000; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar] width:105%; height:118px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=tabholder][class=tabcontent1] display:none; width:251px; height:128px; border:1px solid #000; float:left; background:#fff;[/class] [class=tabcontent2] display:none; width:251px; height:128px; border:1px solid #000; float:left; background:#fff;[/class] [class=tabcontent3] display:none; width:251px; height:128px; border:1px solid #000; float:left; background:#fff;[/class] [div class=tabcontent1][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div] [div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div] [div class=tabcontent3][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div][/div] [/div]
code by pasta pasta ​
 
Last edited:
NOT MOBILE FRIENDLY
i love this code, oh my. it's for a 1x1 and oh my. if you scroll text far enough on the textbox side, you'll get to the bio. both the bio and personality boxes scroll! also, there are two imgs per 1 picture; one is the sparkles, and the other is the actual img.​

[nobr][class=title]
width:480px;
background-color:#fff;
border:1px solid #000;
height:40px;
margin:auto;
[/class]

[div class=title][div style="color:#997766;font-size:25px;margin-left:5px;line-height:40px;font-weight:800;float:left;"]TAK DAE HO [fa] fa-heart [/fa][/div][div style="color:#997766;font-size:15px;margin-left:110px;float:left;line-height:40px;font-weight:800;"]scroll down [fa] fa-caret-down [/fa][/div][/div]

[class=major]
height:355px;
width:480px;
border-bottom:1px solid #000;
border-right:1px solid #000;
border-left:1px solid #000;
margin:auto;
background-color:#fff;
[/class]

[div class=major][class=center]
width:540px;
height:340px;
float:left;
margin:10px 10px;
[/class]

[div class=center][class=whole]
width:270px;
float:left;
[/class]

[div class=whole][class=banner]
height:80px;
width:270px;
background:url('https://i.imgur.com/RZJ7ICi.png');
background-color:#fff;
background-size:145%;
float:left;
border:1px solid #000;
[/class]

[div class=banner][/div]

[class=moonw]
width:270px;
height:160px;
float:left;
margin-top:10px;
[/class]

[div class=moonw]
[class=moon1]
height:150px;
width:130px;
background:url('https://66.media.tumblr.com/89ea703704e70a298adbde4f097c62d2/tumblr_pmekxbTrvM1wazboxo1_400.gif');
background-size:100%;
float:left;
[/class]

[class=moon2]
height:150px;
width:130px;
background:url('https://66.media.tumblr.com/e78aec3ed1ddc03d0db0f909efd267e6/tumblr_pmekxbTrvM1wazboxo3_400.gif');
background-size:100%;
float:left;
margin-left:10px;
[/class]

[class=mooncover]
height:100%;
width:100%;
background:url('https://i.imgur.com/LLoz1n1.gif');
background-size:100%;
[/class]

[div class=moon1][div class=mooncover][/div][/div]

[div class=moon2][div class=mooncover][/div][/div][/div]

[div class=banner][/div][/div][class=whole2]
width:270px;
float:left;
[/class]

[div class=whole2][class=container]
width:270px;
height:335px;
margin:0px -0px;
overflow:hidden;
color:#000;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar]
width:105%;
height:335px;
float:left;
margin:0px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]

[div class=container][div class=scrollbar][div class=textbox][class=liner]
width:190px;
height:100px;
float:left;
margin-left:10px;
border-left:1px solid #000;
[/class]

[class=hi]
width:190px;
height:100px;
overflow:hidden;
margin-left:-10.5px;
[/class]

[class=circle]
float:left;
text-align:left;
color:#fff;
font-family:calibri;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:-1px;
background-color:#997766;
border-radius:100px;
[/class]

[div class=liner][div class=hi]

[div class=circle][div style="float:left;margin:5px;line-height:9px;"][b]01[/b][/div][/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:5px;"]NAME [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]Tak Dae Ho[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:5px;"]K-AGE [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]17[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]INT-AGE [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]16[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]GENDER [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]Male[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]SEXUALITY [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]Homosexual[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]HEIGHT [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]183 cm[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]HAIR COLOR [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]Brown[/div]
[br][/br]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]EYE COLOR [fa] fa-heart [/fa][/div][div style="float:left;margin-left:2px;"]Dark Brown[/div]
[br][/br]

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

[class=liner2]
width:190px;
height:235px;
float:left;
margin-left:10px;
border-left:1px solid #000;
[/class]

[class=hi2]
width:190px;
height:235px;
overflow:hidden;
margin-left:-10.5px;
[/class]

[class=circle2]
float:left;
text-align:left;
color:#fff;
font-family:calibri;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:-1px;
background-color:#997766;
border-radius:100px;
[/class]

[div class=liner2][div class=hi2]

[div class=circle2][div style="float:left;margin:5px;line-height:9px;"][b]02[/b][/div][/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:5px;margin-top:5px;"]PERSONALITY [fa] fa-heart [/fa][/div]
[class=container2]
width:190px;
height:235px;
margin:0px -0px;
overflow:hidden;
color:#000;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar2]
width:105%;
height:235px;
float:left;
margin:0px 10px;
overflow-y:scroll;
[/class]

[class=textbox2]width:92%;
[/class]

[div class=container2][div class=scrollbar2][div class=textbox2]
[br][/br]
[br][/br]
[div style="float:left;margin-left:10px;margin-top:-20px;"]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[br][/br]
[/div]
[br][/br][/div][/div][/div][/div][/div]


[class=liner2]
width:190px;
height:235px;
float:left;
margin-left:10px;
border-left:1px solid #000;
[/class]

[class=hi2]
width:190px;
height:235px;
overflow:hidden;
margin-left:-10.5px;
[/class]

[class=circle2]
float:left;
text-align:left;
color:#fff;
font-family:calibri;
font-size:8px;
letter-spacing:1px;
text-transform:uppercase;
margin-top:-1px;
background-color:#997766;
border-radius:100px;
[/class]

[div class=liner2][div class=hi2]

[div class=circle2][div style="float:left;margin:5px;line-height:9px;"][b]03[/b][/div][/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:5px;margin-top:5px;"]BIOGRAPHY [fa] fa-heart [/fa][/div]
[class=container2]
width:190px;
height:235px;
margin:0px -0px;
overflow:hidden;
color:#000;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar2]
width:105%;
height:235px;
float:left;
margin:0px 10px;
overflow-y:scroll;
[/class]

[class=textbox2]width:92%;
[/class]

[div class=container2][div class=scrollbar2][div class=textbox2]
[br][/br]
[br][/br]
[div style="float:left;margin-left:10px;margin-top:-20px;"]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div]
[br][/br][/div][/div][/div][/div][/div][/div][/div][/div][/div][/div]

[class=mycreditwi]
width:480px;
margin:auto;
background:#fff;
[/class]

[class=credit]
width:55px;
height:25px;
float:right;
margin-top:-5px;
margin-right:-1px;
border-right:1px solid #000;
border-left:1px solid #000;
border-bottom:1px solid #000;
[/class]

[div class=mycreditwi][div class=credit][div style="color:#000;font-size:11px;line-height:25px;text-align:center;"]@pasta[/div][/div][/div][/nobr]

[class=title] width:480px; background-color:#fff; border:1px solid #000; height:40px; margin:auto; [/class] [div class=title][div style="color:#997766;font-size:25px;margin-left:5px;line-height:40px;font-weight:800;float:left;"]TAK DAE HO [/div][div style="color:#997766;font-size:15px;margin-left:110px;float:left;line-height:40px;font-weight:800;"]scroll down [/div][/div] [class=major] height:355px; width:480px; border-bottom:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; margin:auto; background-color:#fff; [/class] [div class=major][class=center] width:540px; height:340px; float:left; margin:10px 10px; [/class] [div class=center][class=whole] width:270px; float:left; [/class] [div class=whole][class=banner] height:80px; width:270px; background:url('https://i.imgur.com/RZJ7ICi.png'); background-color:#fff; background-size:145%; float:left; border:1px solid #000; [/class] [div class=banner][/div] [class=moonw] width:270px; height:160px; float:left; margin-top:10px; [/class] [div class=moonw] [class=moon1] height:150px; width:130px; background:url('https://66.media.tumblr.com/89ea703704e70a298adbde4f097c62d2/tumblr_pmekxbTrvM1wazboxo1_400.gif'); background-size:100%; float:left; [/class] [class=moon2] height:150px; width:130px; background:url('https://66.media.tumblr.com/e78aec3ed1ddc03d0db0f909efd267e6/tumblr_pmekxbTrvM1wazboxo3_400.gif'); background-size:100%; float:left; margin-left:10px; [/class] [class=mooncover] height:100%; width:100%; background:url('https://i.imgur.com/LLoz1n1.gif'); background-size:100%; [/class] [div class=moon1][div class=mooncover][/div][/div] [div class=moon2][div class=mooncover][/div][/div][/div] [div class=banner][/div][/div][class=whole2] width:270px; float:left; [/class] [div class=whole2][class=container] width:270px; height:335px; margin:0px -0px; overflow:hidden; color:#000; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar] width:105%; height:335px; float:left; margin:0px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox][class=liner] width:190px; height:100px; float:left; margin-left:10px; border-left:1px solid #000; [/class] [class=hi] width:190px; height:100px; overflow:hidden; margin-left:-10.5px; [/class] [class=circle] float:left; text-align:left; color:#fff; font-family:calibri; font-size:8px; letter-spacing:1px; text-transform:uppercase; margin-top:-1px; background-color:#997766; border-radius:100px; [/class] [div class=liner][div class=hi] [div class=circle][div style="float:left;margin:5px;line-height:9px;"]01[/div][/div] [div style="color:#997766;font-weight:800;float:left;margin-left:5px;"]NAME [/div][div style="float:left;margin-left:2px;"]Tak Dae Ho[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:5px;"]K-AGE [/div][div style="float:left;margin-left:2px;"]17[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]INT-AGE [/div][div style="float:left;margin-left:2px;"]16[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]GENDER [/div][div style="float:left;margin-left:2px;"]Male[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]SEXUALITY [/div][div style="float:left;margin-left:2px;"]Homosexual[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]HEIGHT [/div][div style="float:left;margin-left:2px;"]183 cm[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]HAIR COLOR [/div][div style="float:left;margin-left:2px;"]Brown[/div]
[div style="color:#997766;font-weight:800;float:left;margin-left:25px;"]EYE COLOR [/div][div style="float:left;margin-left:2px;"]Dark Brown[/div]
[/div][/div][/div] [class=liner2] width:190px; height:235px; float:left; margin-left:10px; border-left:1px solid #000; [/class] [class=hi2] width:190px; height:235px; overflow:hidden; margin-left:-10.5px; [/class] [class=circle2] float:left; text-align:left; color:#fff; font-family:calibri; font-size:8px; letter-spacing:1px; text-transform:uppercase; margin-top:-1px; background-color:#997766; border-radius:100px; [/class] [div class=liner2][div class=hi2] [div class=circle2][div style="float:left;margin:5px;line-height:9px;"]02[/div][/div] [div style="color:#997766;font-weight:800;float:left;margin-left:5px;margin-top:5px;"]PERSONALITY [/div] [class=container2] width:190px; height:235px; margin:0px -0px; overflow:hidden; color:#000; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar2] width:105%; height:235px; float:left; margin:0px 10px; overflow-y:scroll; [/class] [class=textbox2]width:92%; [/class] [div class=container2][div class=scrollbar2][div class=textbox2]

[div style="float:left;margin-left:10px;margin-top:-20px;"]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


[/div]
[/div][/div][/div][/div][/div] [class=liner2] width:190px; height:235px; float:left; margin-left:10px; border-left:1px solid #000; [/class] [class=hi2] width:190px; height:235px; overflow:hidden; margin-left:-10.5px; [/class] [class=circle2] float:left; text-align:left; color:#fff; font-family:calibri; font-size:8px; letter-spacing:1px; text-transform:uppercase; margin-top:-1px; background-color:#997766; border-radius:100px; [/class] [div class=liner2][div class=hi2] [div class=circle2][div style="float:left;margin:5px;line-height:9px;"]03[/div][/div] [div style="color:#997766;font-weight:800;float:left;margin-left:5px;margin-top:5px;"]BIOGRAPHY [/div] [class=container2] width:190px; height:235px; margin:0px -0px; overflow:hidden; color:#000; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar2] width:105%; height:235px; float:left; margin:0px 10px; overflow-y:scroll; [/class] [class=textbox2]width:92%; [/class] [div class=container2][div class=scrollbar2][div class=textbox2]

[div style="float:left;margin-left:10px;margin-top:-20px;"]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco


[/div]
[/div][/div][/div][/div][/div][/div][/div][/div][/div][/div] [class=mycreditwi] width:480px; margin:auto; background:#fff; [/class] [class=credit] width:55px; height:25px; float:right; margin-top:-5px; margin-right:-1px; border-right:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; [/class] [div class=mycreditwi][div class=credit][div style="color:#000;font-size:11px;line-height:25px;text-align:center;"] pasta pasta [/div][/div][/div]
 
Last edited:
pasta said:
MOBILE FRIENDLY
this is one of the cs codes i made for my koi pond rp. if you hover over the picture, you get that tab list, and the icons are the different tabs.​

[nobr][class=major]
width:455px;
margin:auto;
[/class]

[div class=major][class=whole]
width:240px;
background:#fff;
float:left;
[/class]

[div class=whole][class=pixel]
height:35px;
width:40px;
background:url('https://data.whicdn.com/images/220576833/original.gif');
background-size:100%;
float:left;
[/class]

[div class=pixel][/div]

[script class=tabcontent1in on=mouseenter]
fadeIn 1000 tabslist
[/script]


[script class=tabcontent1in on=mouseleave]
fadeOut 1000 tabslist
[/script]


[class=title]
font:Chicle;
font-size:25px;
float:left;
line-height:35px;
margin-left:5px;
text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d;
font-weight:800;
[/class]

[div class=title][font=Mukta][color=#ffe1e1]M[/color] [color=#ffd2d2]A[/color] [color=#ffc3c3]E[/color] [color=#ffb7b7],[/color] [color=#ff9d9d]J[/color] [color=#ffe1e1]O[/color] [color=#ffd2d2]O[/color] [color=#ffc3c3]N[/color] [color=#ffb7b7]I[/color][/font][/div]

[class=tabcontent1]
height:240px;
width:240px;
background:#ffe1e1;
border:1px solid #ffd2d2;
float:left;
margin-top:10px;
[/class]

[class=tabcontent1in]
height:200px;
width:200px;
background:url('https://66.media.tumblr.com/21a112424e1e0c78ff833e88c5803f86/tumblr_p6s7yjTTYN1x1aggco3_400.gif');
background-size:100%;
float:left;
margin:20px 20px;
[/class]

[div class=tabcontent1][div class=tabcontent1in][class=tabslist]
display:none;
height:200px;
width:200px;
background:rgba(255, 255, 255, 0.4);
[/class]

[div class=tabslist][class=tabs]
height:30px;
background:#ffd2d2;
line-height:30px;
text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d;
font-weight:800;
color:#fff;
font-size:15px;
float:left;
margin-top:180px;
border:1px solid #fff;
[/class]

[div class=tabs][class=tab1]
height:30px;
width:30px;
float:left;
margin-left:10px;
cursor:pointer;
[/class]

[class=tab2]
height:30px;
width:30px;
float:left;
margin-left:-5px;
cursor:pointer;
[/class]

[class=tab3]
height:30px;
width:30px;
float:left;
cursor:pointer;
[/class]

[class=tab4]
height:30px;
width:30px;
float:left;
cursor:pointer;
[/class]

[div class=tab1][fa] fa-venus[/fa][/div][div class=tab2][fa] fa-cat [/fa][/div][div class=tab3][fa] fa-cloud [/fa][/div][div class=tab4][fa] fa-heart[/fa][/div]

[script class=tab1 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
hide tabcontent4
fadeIn 800 tabcontent11
addClass Tabs
[/script]

[script class=tab2 on=click]
hide tabcontentbox
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[script class=tab3 on=click]
hide tabcontentbox
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[script class=tab4 on=click]
hide tabcontentbox
hide tabcontent2
hide tabcontent3
fadeIn 800 tabcontent4
hide tabcontent11
addClass Tabs
[/script]

[/div][/div][/div][/div][/div][class=tabcontent11]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
[/class]

[class=tabcontent2]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[class=tabcontent3]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[class=tabcontent4]
height:285px;
width:200px;
float:left;
background:#fff;
border:1px solid #ffd2d2;
margin-left:10px;
display:none;
[/class]

[div class=tabcontent11][class=basics]
height:40px;
width:178px;
border:1px solid #ccc;
float:left;
margin:10px 10px;
color:#666;
font-size:15px;
text-align:center;
line-height:40px;
font-family:Arial;
[/class]

[class=info]
height:25px;
width:178px;
border:1px solid #ccc;;
float:left;
margin-left:10px;
color:#666;
font-size:13px;
text-align:center;
line-height:25px;
font-family:Arial;
[/class]

[class=info2]
height:25px;
width:178px;
border:1px solid #ccc;;
float:left;
margin-left:10px;
margin-top:10px;
color:#666;
font-size:13px;
text-align:center;
line-height:25px;
font-family:Arial;
[/class]

[div class=basics][fa] fa-heartbeat [/fa] BASICS.[/div]

[div class=info][color=#ffb7b7]M[/color]ae, Joo Ni[/div]

[div class=info2][color=#ffb7b7]2[/color]0, Female, Korean[/div]

[div class=info2][color=#ffb7b7]T[/color]ailor, Mother's business[/div]

[div class=info2][color=#ffb7b7]D[/color]emisexual, Biromantic[/div]

[div class=info2][color=#ffb7b7]F[/color]C: Soobin[/div]

[div class=info2][color=#ffb7b7]#[/color]159cm, Blonde, Dark Brown[/div][/div]
[div class=tabcontent2][div class=basics][fa] fa-paw [/fa] PERSONA.[/div]

[class=oh]
width:178px;
height:210px;
float:left;
margin:0px 10px;
border:1px solid #ccc;
[/class]

[div class=oh][class=container]
width:178px;
height:200px;
margin:0px -0px;
overflow:hidden;
margin:auto;
color:#666;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:12px;
[/class]

[class=scrollbar]
width:105%;
height:200px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]

[div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div]
[div class=tabcontent3][div class=basics][fa] fa-archive[/fa] MISC.[/div]

[div class=oh][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.
[br][/br]
[br][/br]
It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.
[br][/br]
[br][/br]
She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.
[br][/br]
[br][/br]
It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.
[br][/br]
[br][/br]
But, what happens when one of the teenagers spot a police officer lurking around the home?
[br][/br]
[br][/br]
[b]Gm Note:[/b] This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!
[br][/br]
[br][/br]
[/div][/div][/div][/div][/div]
[div class=tabcontent4][div class=basics][fa] fa-magic [/fa] GALLERY.[/div]

[div class=oh][div class=container][div class=scrollbar][div class=textbox][class=gal1]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/1e16cada5cfee8a1507629f215046cd8/tumblr_ot77pmRSoI1vqgz86o3_400.gif');
background-size:122%;
[/class]

[div class=gal1][/div]

[class=gal2]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/8ad61375ff77fd630bba63bde364dfdc/tumblr_ozt0bji3Nm1wvpvi5o2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal2][/div]

[class=gal3]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/0f42370e092ad092f331d604aeef431d/tumblr_p6zdk9DXpN1x1aggco2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal3][/div]

[class=gal4]
height:200px;
width:100%;
background:url('https://66.media.tumblr.com/75a408adbbc81edeb6c422fed4daf4ae/tumblr_orct7sQGqY1v69hruo2_400.gif');
background-size:122%;
float:left;
margin-top:10px;
[/class]

[div class=gal4][/div]
[/div][/div][/div][/div][/div]
[center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/div][/nobr]

[class=major] width:455px; margin:auto; [/class] [div class=major][class=whole] width:240px; background:#fff; float:left; [/class] [div class=whole][class=pixel] height:35px; width:40px; background:url('https://data.whicdn.com/images/220576833/original.gif'); background-size:100%; float:left; [/class] [div class=pixel][/div] [script class=tabcontent1in on=mouseenter] fadeIn 1000 tabslist [/script] [script class=tabcontent1in on=mouseleave] fadeOut 1000 tabslist [/script] [class=title] font:Chicle; font-size:25px; float:left; line-height:35px; margin-left:5px; text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d; font-weight:800; [/class] [div class=title]M A E , J O O N I[/div] [class=tabcontent1] height:240px; width:240px; background:#ffe1e1; border:1px solid #ffd2d2; float:left; margin-top:10px; [/class] [class=tabcontent1in] height:200px; width:200px; background:url('https://66.media.tumblr.com/21a112424e1e0c78ff833e88c5803f86/tumblr_p6s7yjTTYN1x1aggco3_400.gif'); background-size:100%; float:left; margin:20px 20px; [/class] [div class=tabcontent1][div class=tabcontent1in][class=tabslist] display:none; height:200px; width:200px; background:rgba(255, 255, 255, 0.4); [/class] [div class=tabslist][class=tabs] height:30px; background:#ffd2d2; line-height:30px; text-shadow:2px 2px 0px #ff9d9d, 0px 0px 5px #ff9d9d; font-weight:800; color:#fff; font-size:15px; float:left; margin-top:180px; border:1px solid #fff; [/class] [div class=tabs][class=tab1] height:30px; width:30px; float:left; margin-left:10px; cursor:pointer; [/class] [class=tab2] height:30px; width:30px; float:left; margin-left:-5px; cursor:pointer; [/class] [class=tab3] height:30px; width:30px; float:left; cursor:pointer; [/class] [class=tab4] height:30px; width:30px; float:left; cursor:pointer; [/class] [div class=tab1][/div][div class=tab2][/div][div class=tab3][/div][div class=tab4][/div] [script class=tab1 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 hide tabcontent4 fadeIn 800 tabcontent11 addClass Tabs [/script] [script class=tab2 on=click] hide tabcontentbox fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab3 on=click] hide tabcontentbox hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent4 hide tabcontent11 addClass Tabs [/script] [script class=tab4 on=click] hide tabcontentbox hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent4 hide tabcontent11 addClass Tabs [/script] [/div][/div][/div][/div][/div][class=tabcontent11] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; [/class] [class=tabcontent2] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [class=tabcontent3] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [class=tabcontent4] height:285px; width:200px; float:left; background:#fff; border:1px solid #ffd2d2; margin-left:10px; display:none; [/class] [div class=tabcontent11][class=basics] height:40px; width:178px; border:1px solid #ccc; float:left; margin:10px 10px; color:#666; font-size:15px; text-align:center; line-height:40px; font-family:Arial; [/class] [class=info] height:25px; width:178px; border:1px solid #ccc;; float:left; margin-left:10px; color:#666; font-size:13px; text-align:center; line-height:25px; font-family:Arial; [/class] [class=info2] height:25px; width:178px; border:1px solid #ccc;; float:left; margin-left:10px; margin-top:10px; color:#666; font-size:13px; text-align:center; line-height:25px; font-family:Arial; [/class] [div class=basics] BASICS.[/div] [div class=info]Mae, Joo Ni[/div] [div class=info2]20, Female, Korean[/div] [div class=info2]Tailor, Mother's business[/div] [div class=info2]Demisexual, Biromantic[/div] [div class=info2]FC: Soobin[/div] [div class=info2]#159cm, Blonde, Dark Brown[/div][/div] [div class=tabcontent2][div class=basics] PERSONA.[/div] [class=oh] width:178px; height:210px; float:left; margin:0px 10px; border:1px solid #ccc; [/class] [div class=oh][class=container] width:178px; height:200px; margin:0px -0px; overflow:hidden; margin:auto; color:#666; font-size:11px; font-family:Arial; text-align:justify; line-height:12px; [/class] [class=scrollbar] width:105%; height:200px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div][/div] [div class=tabcontent3][div class=basics] MISC.[/div] [div class=oh][div class=container][div class=scrollbar][div class=textbox]Deep within Jeju Island is a place for those who have run away. It’s a safe haven away from the darkness of their home life, it’s a place where no one can hurt them. Many of those who reside in the house escaped the life they once had.

It’s a house, moments from a fishing dock. It’s surrounded by a small town, quite far from any active city. An older widow owns the house and purchased it with the money she inherited from her late husband. Although she doesn’t stay there, she allows runways to reside there for as long as they need to. Occasionally, she pays a visit to get to know the new youngins staying there. She brings food, new bedding, and VHS tapes; her house is quite outdated and it lacks Wifi-centered devices.

She opened her arms and doors a few months ago; through mere whispers, her place became known as a secret place for the scared and alone. The home became the pond, and it’s slowly filling with pretty koi.

It’s a nature-filled area with flowers and trees that strewn their cool odors, where stars dazzle against the midnight sky, where the sea crashes against the wooden dock. Early in the morning, you can always hear the pleasant noise of the fishers casting out their fishing hooks into the blue abyss. Get ahold of one of these men, and you’ll hear of old fishermen tales. Deep within the night, you can hear the cicadas chirping pretty songs.

But, what happens when one of the teenagers spot a police officer lurking around the home?

Gm Note: This rp has chapters to move the story along. I'd like to have a diverse set of characters; not everyone should have the same personality. Remember: Romance isn't everything. Platonic ships matter just as much!

[/div][/div][/div][/div][/div] [div class=tabcontent4][div class=basics] GALLERY.[/div] [div class=oh][div class=container][div class=scrollbar][div class=textbox][class=gal1] height:200px; width:100%; background:url('https://66.media.tumblr.com/1e16cada5cfee8a1507629f215046cd8/tumblr_ot77pmRSoI1vqgz86o3_400.gif'); background-size:122%; [/class] [div class=gal1][/div] [class=gal2] height:200px; width:100%; background:url('https://66.media.tumblr.com/8ad61375ff77fd630bba63bde364dfdc/tumblr_ozt0bji3Nm1wvpvi5o2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal2][/div] [class=gal3] height:200px; width:100%; background:url('https://66.media.tumblr.com/0f42370e092ad092f331d604aeef431d/tumblr_p6zdk9DXpN1x1aggco2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal3][/div] [class=gal4] height:200px; width:100%; background:url('https://66.media.tumblr.com/75a408adbbc81edeb6c422fed4daf4ae/tumblr_orct7sQGqY1v69hruo2_400.gif'); background-size:122%; float:left; margin-top:10px; [/class] [div class=gal4][/div] [/div][/div][/div][/div][/div]
code by pasta pasta ​
[/div]
Click to expand...


This one is so adorable !
 
Goshhh, every one of these codes is so clean and gorgeous, your work is incredible! I'm always going to be looking for opportunities to use some of these. :ghostuvu:
 
pasta pasta I browsed your thread and... gonna say sadly the ones you list as mobile friendly aren't for me. They all cut off. (edit also on landscape they do still cut off, XD)
Screenshot_20190519-163057_Samsung Internet.jpgScreenshot_20190519-163309_Samsung Internet.jpg
 
Last edited:
Fyuri said:
pasta pasta I browsed your thread and... gonna say sadly the ones you list as mobile friendly aren't for me. They all cut off.
Click to expand...
they work on my phone when you turn it on its side. if something cuts off then it's an ending of a word. i suppose it only works for certain phones. i only base it being mobile friendly if it works, and i'm able to read it on my own phone. on my friend's phone, almost every code is mobile friendly, while on mine only certain ones are. however, ik for one of the codes i accidentally labeled it as mobile friendly because i forgot to put the "NOT" part. dw, i'll fix it now, but it was only one code.
 
pasta said:
they work on my phone when you turn it on its side. if something cuts off then it's an ending of a word. i suppose it only works for certain phones. i only base it being mobile friendly if it works, and i'm able to read it on my own phone. on my friend's phone, almost every code is mobile friendly, while on mine only certain ones are. however, ik for one of the codes i accidentally labeled it as mobile friendly because i forgot to put the "NOT" part.
Click to expand...
Yeah I tried landscape even, hate the big ass header bar but meh lol.
Screenshot_20190519-163545_Chrome.jpg

Oh well.
 
Fyuri said:
Yeah I tried landscape even, hate the big ass header bar but meh lol.
View attachment 577248

Oh well.
Click to expand...
yeah, i spend a lot of time on mobile and i ill say that it can rather bothersome.

the only one that i accidentally wrote as mobile friendly was the min ho code. the joo ni code works fine on my phone, but again, it may not work for others. getting codes to work on all phones is difficult bc i only have one type of phone to reference. my mobile friendly codes usually don't look right bc it's not made for mobile, but they allow you to read and navigate the code. im sorry for the inconvenience.
 
NOT MOBILE FRIENDLY
click in "sanctuary" to get the tabs & click "retreat back to ship" to get rid of them. this is inspired by joji's new song Sanctuary ​

[nobr][class=title]
height:80px;
width:550px;
background:#000;
margin:auto;
[/class]

[div class=title][class=sanct]
line-height:80px;
color:#000;
text-shadow:1px 1px #fff, -1px -1px #fff;
font-family:'CENTURY GOTHIC';
font-size:37px;
float:left;
margin-left:20px;
letter-spacing:-1px;
text-align:left;
text-transform:uppercase;
font-weight:800;
cursor:pointer;
[/class]

[div class=sanct]Sanctuary. [fa]fa-globe[/fa][/div]

[class=back]
line-height:80px;
color:#000;
text-shadow:1px 1px #fff, -1px -1px #fff;
font-family:'CENTURY GOTHIC';
font-size:25px;
float:left;
margin-left:10px;
letter-spacing:-1px;
text-align:left;
text-transform:uppercase;
font-weight:800;
cursor:pointer;
display:none;
[/class]

[div class=back]retreat back to ship[/div][/div]

[class=bg]
height:340px;
width:550px;
background:url('https://sluttyravercostumes.com/wp-content/uploads/2019/06/Jojis-Video-Sanctuary-Depicts-Retro-Futurism-840x525.jpg');
background-size:100%;
margin:auto;
[/class]

[script class=sanct on=click]
slideDown 800 tabconbox
fadeIn 800 tabs
fadeIn 800 back
[/script]

[script class=back on=click]
fadeOut 800 tabconbox
fadeOut 800 tabs
fadeOut 800 back
[/script]

[div class=bg][class=sparkle]
height:100%;
width:100%;
background:rgba(0, 0, 0, 0.4);
background-size:100%;
[/class]

[div class=sparkle][class=glimmer]
background:url('https://i.imgur.com/LLoz1n1.gif');
background-size:20%;
height:100%;
width:100%;
[/class]

[div class=glimmer]
[class=tabconbox]
height:120px;
width:520px;
display:none;
float:left;
margin-left:15px;
margin-top:200px;
border-right:1px solid #fff;
border-top:2px solid #fff;
background:#000;
[/class]

[div class=tabconbox][class=tabcontent1]
height:100px;
width:500px;
float:left;
margin:10px 10px;
[/class]

[div class=tabcontent1][class=container]
width:520px;
height:80x;
margin:0px -0px;
overflow:hidden;
color:#fff;
font-size:12px;
font-family:Arial;
text-align:justify;
line-height:13px;
[/class]

[class=scrollbar]
width:105%;
height:80px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox]width:92%;
[/class]

[div class=container][div class=scrollbar][div class=textbox]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[class=tabcontent2]
height:100px;
width:500px;
float:left;
margin:10px 10px;
display:none;
[/class]

[div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox][u]2[/u] lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
[/div][/div][/div][/div]

[class=tabcontent3]
height:100px;
width:500px;
float:left;
margin:10px 10px;
display:none;
[/class]

[div class=tabcontent3][class=img]
height:100px;
width:140px;
background:url('https://66.media.tumblr.com/876b574382f264e667a0cba40591460b/tumblr_pt45sjtHvi1vbyllao1_250.gif');
background-size:100%;
float:left;
[/class]

[div class=img][/div]

[class=rule1]
height:100px;
width:350px;
float:left;
margin-left:10px;
color:#fff;
font-size:12px;
line-height:13px;
font-family:Arial;
[/class]

[div class=rule1]- doesn't overflow
[br][/br]
- doesn't overflow
[br][/br]
- doesn't overflow
[br][/br]
- doesn't overflow
[br][/br]
- doesn't overflow
[br][/br]
Not anyone, you're the one. More than fun, you're the Sanctuary. 'Cause what you want is what I want, sincerity.
[/div][/div][/div]

[class=tabs]
height:25px;
width:500px;
color:#fff;
font-size:15px;
float:left;
margin-top:-146px;
margin-left:15px;
display:none;
[/class]

[script class=tab1 on=click]
hide tabcontent2
hide tabcontent3
fadeIn 800 tabcontent1
[/script]

[script class=tab2 on=click]
fadeIn 800 tabcontent2
hide tabcontent3
hide tabcontent1
[/script]

[script class=tab3 on=click]
hide tabcontent2
fadeIn 800 tabcontent3
hide tabcontent1
[/script]

[div class=tabs][class=tab1]
height:25px;
width:50px;
background:#000;
border-right:2px solid #fff;
border-top:1px solid #fff;
cursor:pointer;
text-align:center;
font-size:10px;
text-transform:uppercase;
color:#fff;
line-height:25px;
text-align:center;
[/class]

[class=tab2]
height:25px;
width:50px;
float:left;
margin-left:80px;
margin-top:-26px;
background:#000;
border-right:2px solid #fff;
border-top:1px solid #fff;
cursor:pointer;
text-align:center;
font-size:10px;
text-transform:uppercase;
color:#fff;
line-height:25px;
text-align:center;
[/class]

[class=tab3]
height:25px;
width:50px;
float:left;
margin-left:160px;
margin-top:-26px;
background:#000;
border-right:2px solid #fff;
border-top:1px solid #fff;
cursor:pointer;
text-align:center;
font-size:10px;
text-transform:uppercase;
color:#fff;
line-height:25px;
text-align:center;
[/class]

[div class=tab1]plot[/div][div class=tab2]about[/div][div class=tab3]rules[/div]

[/div]
[/div][/div]
[/div][/nobr][size=1][center]code by [USER=27673]@pasta[/USER][/center][/size]

[class=title] height:80px; width:550px; background:#000; margin:auto; [/class] [div class=title][class=sanct] line-height:80px; color:#000; text-shadow:1px 1px #fff, -1px -1px #fff; font-family:'CENTURY GOTHIC'; font-size:37px; float:left; margin-left:20px; letter-spacing:-1px; text-align:left; text-transform:uppercase; font-weight:800; cursor:pointer; [/class] [div class=sanct]Sanctuary. [/div] [class=back] line-height:80px; color:#000; text-shadow:1px 1px #fff, -1px -1px #fff; font-family:'CENTURY GOTHIC'; font-size:25px; float:left; margin-left:10px; letter-spacing:-1px; text-align:left; text-transform:uppercase; font-weight:800; cursor:pointer; display:none; [/class] [div class=back]retreat back to ship[/div][/div] [class=bg] height:340px; width:550px; background:url('https://sluttyravercostumes.com/wp-content/uploads/2019/06/Jojis-Video-Sanctuary-Depicts-Retro-Futurism-840x525.jpg'); background-size:100%; margin:auto; [/class] [script class=sanct on=click] slideDown 800 tabconbox fadeIn 800 tabs fadeIn 800 back [/script] [script class=back on=click] fadeOut 800 tabconbox fadeOut 800 tabs fadeOut 800 back [/script] [div class=bg][class=sparkle] height:100%; width:100%; background:rgba(0, 0, 0, 0.4); background-size:100%; [/class] [div class=sparkle][class=glimmer] background:url('https://i.imgur.com/LLoz1n1.gif'); background-size:20%; height:100%; width:100%; [/class] [div class=glimmer] [class=tabconbox] height:120px; width:520px; display:none; float:left; margin-left:15px; margin-top:200px; border-right:1px solid #fff; border-top:2px solid #fff; background:#000; [/class] [div class=tabconbox][class=tabcontent1] height:100px; width:500px; float:left; margin:10px 10px; [/class] [div class=tabcontent1][class=container] width:520px; height:80x; margin:0px -0px; overflow:hidden; color:#fff; font-size:12px; font-family:Arial; text-align:justify; line-height:13px; [/class] [class=scrollbar] width:105%; height:80px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox]width:92%; [/class] [div class=container][div class=scrollbar][div class=textbox]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [class=tabcontent2] height:100px; width:500px; float:left; margin:10px 10px; display:none; [/class] [div class=tabcontent2][div class=container][div class=scrollbar][div class=textbox]2 lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div][/div] [class=tabcontent3] height:100px; width:500px; float:left; margin:10px 10px; display:none; [/class] [div class=tabcontent3][class=img] height:100px; width:140px; background:url('https://66.media.tumblr.com/876b574382f264e667a0cba40591460b/tumblr_pt45sjtHvi1vbyllao1_250.gif'); background-size:100%; float:left; [/class] [div class=img][/div] [class=rule1] height:100px; width:350px; float:left; margin-left:10px; color:#fff; font-size:12px; line-height:13px; font-family:Arial; [/class] [div class=rule1]- doesn't overflow
- doesn't overflow
- doesn't overflow
- doesn't overflow
- doesn't overflow
Not anyone, you're the one. More than fun, you're the Sanctuary. 'Cause what you want is what I want, sincerity. [/div][/div][/div] [class=tabs] height:25px; width:500px; color:#fff; font-size:15px; float:left; margin-top:-146px; margin-left:15px; display:none; [/class] [script class=tab1 on=click] hide tabcontent2 hide tabcontent3 fadeIn 800 tabcontent1 [/script] [script class=tab2 on=click] fadeIn 800 tabcontent2 hide tabcontent3 hide tabcontent1 [/script] [script class=tab3 on=click] hide tabcontent2 fadeIn 800 tabcontent3 hide tabcontent1 [/script] [div class=tabs][class=tab1] height:25px; width:50px; background:#000; border-right:2px solid #fff; border-top:1px solid #fff; cursor:pointer; text-align:center; font-size:10px; text-transform:uppercase; color:#fff; line-height:25px; text-align:center; [/class] [class=tab2] height:25px; width:50px; float:left; margin-left:80px; margin-top:-26px; background:#000; border-right:2px solid #fff; border-top:1px solid #fff; cursor:pointer; text-align:center; font-size:10px; text-transform:uppercase; color:#fff; line-height:25px; text-align:center; [/class] [class=tab3] height:25px; width:50px; float:left; margin-left:160px; margin-top:-26px; background:#000; border-right:2px solid #fff; border-top:1px solid #fff; cursor:pointer; text-align:center; font-size:10px; text-transform:uppercase; color:#fff; line-height:25px; text-align:center; [/class] [div class=tab1]plot[/div][div class=tab2]about[/div][div class=tab3]rules[/div] [/div] [/div][/div] [/div]
code by pasta pasta​
 
NOT MOBILE FRIENDLY
i made this code over the span of a few days. i didn't know whether i would post it or not because i really do want to use it in the future, but i decided to. there are three hidden scrolls!​

[nobr][class=major]
width:488px;
margin:auto;
[/class]

[div class=major][class=whole]
width:327px;
float:left;;
[/class]

[div class=whole]
[class=mainim]
width:327px;
height:106px;
float:left;
background-color:#333;
float:left;
[/class]

[div class=mainim]

[class=border]
height:99px;
width:314px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border]
[class=im]
height:96px;
width:310px;
background:url('https://pa1.narvii.com/6579/bb5cfdaf1268aeb39a6f4d608fe4359fe15e1511_hq.gif');
background-size:100%;
float:left;
margin:2px;
[/class]

[div class=im][/div][/div][/div]

[div class=whole][div style="width:327px;height:112px;float:left;background-color:#333;float:left;"]
[div style="width:314px;height:99px;float:left;border:1px solid #c6a79b;margin:5px;"]
[div style="width:310px;height:96px;float:left;margin:2px;"]
[div style="width:310px;height:14px;float:left;background-color:#c6a79b;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]name[/b][div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]here[/b][/div][/div][/div]

[div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]age[/b][div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]here[/b][/div][/div][/div]


[div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]occupation[/b] [div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]here[/b][/div][/div][/div]

[div style=width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]orientation[/b][div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]here[/b][/div][/div][/div]

[div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]group[/b][div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]exo[/b][/div][/div][/div]

[div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"]
[div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"][b]face claim[/b][div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"][b]here[/b][/div][/div][/div][/div][/div][/div]

[div style="width:327px;height:42px;float:left;background-color:#333;float:left;margin-top:-5px;"]
[div style="width:314px;height:29px;float:left;border:1px solid #c6a79b;margin:5px;"]
[div style="color:#c6a79b;font-family:arial;font-size:20px;font-weight:800;;line-height:29px;text-align:center;text-transform:uppercase;"]tell myself run.[/div][/div][/div][/div][/div]

[class=mainim2]
width:166px;
height:255px;
float:left;
background-color:#333;
float:left;
margin-left:-5px;
[/class]

[div class=mainim2]

[class=border2]
height:242px;
width:154px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border2]
[class=im2]
height:238px;
width:150px;
background:url('https://66.media.tumblr.com/cd6a1d6bbea82d6752a922a1381c4944/tumblr_pjfsbn1vST1w1pmndo8_r3_250.png');
background-size:160%;
background-position:-40px;
float:left;
margin:2px;
[/class]

[div class=im2][div style="width:0;height:0;border-bottom:100px solid #ceb2a3;border-left:150px solid transparent;float:right;margin-left:0px;margin-top:138px;"][div style="width:150px;color:#333;text-align:right;font-size:20px;float:left;font-weight:800;transform:rotate(328deg);margin-left:-163px;margin-top:60px;"]minseok[/div][/div]
[/div][/div][/div]

[class=mainim3]
width:488px;
height:122px;
float:left;
background-color:#333;
float:left;
margin-top:-5px;
[/class]

[div class=mainim3]

[class=border3]
height:110px;
width:477px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border3]
[class=im3]
height:111px;
width:474px;
float:left;
margin:2px;
color:#c6a79b;
[/class]

[div class=im3][class=container1]
width:494px;
height:81px;
margin:0px -0px;
overflow:hidden;
color:#c6a79b;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:13px;
[/class]

[class=scrollbar1]
width:105%;
height:81px;
float:left;
margin:5px 5px;
overflow-y:scroll;
[/class]

[class=textbox1]width:92%;
[/class]

[div class=container1][div class=scrollbar1][div class=textbox1]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br][/div]
[/div][/div]

[class=uhyes]
height:20px;
width:100%;
background:#c6a79b;
margin-top:5px;
[/class]

[div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]persona[/div][/div]
[/div][/div][/div]

[class=mainim4]
width:156px;
height:156px;
float:left;
background-color:#333;
float:left;
margin-top:-5px;
[/class]

[div class=mainim4]

[class=border4]
height:144px;
width:144px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border4]
[class=im4]
height:140px;
width:140px;
background:url('https://66.media.tumblr.com/d3647d900e9e479932f3da1b0ed24d24/tumblr_pkomwoPtga1tkdp7go6_250.png');
background-size:100%;
float:left;
margin:2px;
color:#c6a79b;
[/class]

[div class=im4][/div][/div][/div]

[class=mainim5]
width:186px;
height:156px;
float:left;
background-color:#333;
float:left;
margin-top:-5px;
margin-left:-5px;
[/class]

[div class=mainim5]

[class=border5]
height:144px;
width:174px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border5]
[class=im5]
height:140px;
width:170px;
float:left;
margin:2px;
color:#c6a79b;
[/class]

[div class=im5][class=container2]
width:176px;
height:113px;
margin:0px -0px;
overflow:hidden;
color:#c6a79b;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:13px;
[/class]

[class=scrollbar2]
width:110%;
height:113px;
float:left;
margin:5px 5px;
overflow-y:scroll;
[/class]

[class=textbox2]width:92%;
[/class]

[div class=container2][div class=scrollbar2][div class=textbox2]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br][/div][/div][/div]

[div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]misc[/div][/div][/div][/div][/div]

[class=mainim6]
width:156px;
height:156px;
float:left;
background-color:#333;
float:left;
margin-top:-5px;
margin-left:-5px;
[/class]

[div class=mainim6]

[class=border6]
height:144px;
width:144px;
border:1px solid #c6a79b;
float:left;
margin:5px;
[/class]

[div class=border6]
[class=im6]
height:140px;
width:140px;
background:url('https://66.media.tumblr.com/cbf9d0ca2f4c62d532a3f6f14065bd8f/tumblr_pkomwoPtga1tkdp7go4_250.png');
background-size:100%;
float:left;
margin:2px;
color:#c6a79b;
[/class]

[div class=im6][/div][/div][/div]

[div style="width:488px;height:42px;float:left;background-color:#333;float:left;margin-top:-5px;"]
[div style="width:475px;height:29px;float:left;border:1px solid #c6a79b;margin:5px;"]
[div style="color:#c6a79b;font-family:arial;font-size:20px;font-weight:800;;line-height:29px;text-align:center;text-transform:uppercase;"]ain't no looking back.[/div][/div][/div]

[div class=mainim3]

[div class=border3]

[div class=im3]

[div class=container1][div class=scrollbar1][div class=textbox1]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br][/div]
[/div][/div]
[div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]biography[/div][/div]
[/div][/div][/div]
[center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/div][/nobr]

[class=major] width:488px; margin:auto; [/class] [div class=major][class=whole] width:327px; float:left;; [/class] [div class=whole] [class=mainim] width:327px; height:106px; float:left; background-color:#333; float:left; [/class] [div class=mainim] [class=border] height:99px; width:314px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border] [class=im] height:96px; width:310px; background:url('https://pa1.narvii.com/6579/bb5cfdaf1268aeb39a6f4d608fe4359fe15e1511_hq.gif'); background-size:100%; float:left; margin:2px; [/class] [div class=im][/div][/div][/div] [div class=whole][div style="width:327px;height:112px;float:left;background-color:#333;float:left;"] [div style="width:314px;height:99px;float:left;border:1px solid #c6a79b;margin:5px;"] [div style="width:310px;height:96px;float:left;margin:2px;"] [div style="width:310px;height:14px;float:left;background-color:#c6a79b;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]name[div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]kim minseok[/div][/div][/div] [div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]age[div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]29[/div][/div][/div] [div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]occupation [div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]idol[/div][/div][/div] [div style=width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]orientation[div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]N/A[/div][/div][/div] [div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]group[div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]exo[/div][/div][/div] [div style="width:310px;height:14px;float:left;background-color:#c6a79b;margin-top:2px;"] [div style="width:300px;height:14px;float:left;margin-left:5px;text-align:left;line-height:0px;color:#000;font-family:arial;font-size:8px;line-height:15px;text-align:justify;text-transform:uppercase;"]face claim[div style="color:#000;font-family:arial;font-size:8px;line-height:15px;float:right;"]kim minseok (Xiumin)[/div][/div][/div][/div][/div][/div] [div style="width:327px;height:42px;float:left;background-color:#333;float:left;margin-top:-5px;"] [div style="width:314px;height:29px;float:left;border:1px solid #c6a79b;margin:5px;"] [div style="color:#c6a79b;font-family:arial;font-size:20px;font-weight:800;;line-height:29px;text-align:center;text-transform:uppercase;"]tell myself run.[/div][/div][/div][/div][/div] [class=mainim2] width:166px; height:255px; float:left; background-color:#333; float:left; margin-left:-5px; [/class] [div class=mainim2] [class=border2] height:242px; width:154px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border2] [class=im2] height:238px; width:150px; background:url('https://66.media.tumblr.com/cd6a1d6bbea82d6752a922a1381c4944/tumblr_pjfsbn1vST1w1pmndo8_r3_250.png'); background-size:160%; background-position:-40px; float:left; margin:2px; [/class] [div class=im2][div style="width:0;height:0;border-bottom:100px solid #ceb2a3;border-left:150px solid transparent;float:right;margin-left:0px;margin-top:138px;"][div style="width:150px;color:#333;text-align:right;font-size:20px;float:left;font-weight:800;transform:rotate(328deg);margin-left:-163px;margin-top:60px;"]minseok[/div][/div] [/div][/div][/div] [class=mainim3] width:488px; height:122px; float:left; background-color:#333; float:left; margin-top:-5px; [/class] [div class=mainim3] [class=border3] height:110px; width:477px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border3] [class=im3] height:111px; width:474px; float:left; margin:2px; color:#c6a79b; [/class] [div class=im3][class=container1] width:494px; height:81px; margin:0px -0px; overflow:hidden; color:#c6a79b; font-size:11px; font-family:Arial; text-align:justify; line-height:13px; [/class] [class=scrollbar1] width:105%; height:81px; float:left; margin:5px 5px; overflow-y:scroll; [/class] [class=textbox1]width:92%; [/class] [div class=container1][div class=scrollbar1][div class=textbox1]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div] [/div][/div] [class=uhyes] height:20px; width:100%; background:#c6a79b; margin-top:5px; [/class] [div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]persona[/div][/div] [/div][/div][/div] [class=mainim4] width:156px; height:156px; float:left; background-color:#333; float:left; margin-top:-5px; [/class] [div class=mainim4] [class=border4] height:144px; width:144px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border4] [class=im4] height:140px; width:140px; background:url('https://66.media.tumblr.com/d3647d900e9e479932f3da1b0ed24d24/tumblr_pkomwoPtga1tkdp7go6_250.png'); background-size:100%; float:left; margin:2px; color:#c6a79b; [/class] [div class=im4][/div][/div][/div] [class=mainim5] width:186px; height:156px; float:left; background-color:#333; float:left; margin-top:-5px; margin-left:-5px; [/class] [div class=mainim5] [class=border5] height:144px; width:174px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border5] [class=im5] height:140px; width:170px; float:left; margin:2px; color:#c6a79b; [/class] [div class=im5][class=container2] width:176px; height:113px; margin:0px -0px; overflow:hidden; color:#c6a79b; font-size:11px; font-family:Arial; text-align:justify; line-height:13px; [/class] [class=scrollbar2] width:110%; height:113px; float:left; margin:5px 5px; overflow-y:scroll; [/class] [class=textbox2]width:92%; [/class] [div class=container2][div class=scrollbar2][div class=textbox2]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div][/div][/div] [div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]misc[/div][/div][/div][/div][/div] [class=mainim6] width:156px; height:156px; float:left; background-color:#333; float:left; margin-top:-5px; margin-left:-5px; [/class] [div class=mainim6] [class=border6] height:144px; width:144px; border:1px solid #c6a79b; float:left; margin:5px; [/class] [div class=border6] [class=im6] height:140px; width:140px; background:url('https://66.media.tumblr.com/cbf9d0ca2f4c62d532a3f6f14065bd8f/tumblr_pkomwoPtga1tkdp7go4_250.png'); background-size:100%; float:left; margin:2px; color:#c6a79b; [/class] [div class=im6][/div][/div][/div] [div style="width:488px;height:42px;float:left;background-color:#333;float:left;margin-top:-5px;"] [div style="width:475px;height:29px;float:left;border:1px solid #c6a79b;margin:5px;"] [div style="color:#c6a79b;font-family:arial;font-size:20px;font-weight:800;;line-height:29px;text-align:center;text-transform:uppercase;"]ain't no looking back.[/div][/div][/div] [div class=mainim3] [div class=border3] [div class=im3] [div class=container1][div class=scrollbar1][div class=textbox1]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div] [/div][/div] [div class=uhyes][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:20px;text-transform:uppercase;"]biography[/div][/div] [/div][/div][/div]
code by pasta pasta ​
[/div]
 
NOT MOBILE FRIENDLY
so, this is a simple interest check code. it's supposed to go with the code above, but they're different enough to not have them as a pack. there's one hidden scroll.​

[nobr][class=cursor]
height:558px;
width:380px;
margin:auto;
cursor: url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1a.png'), auto;
[/class]

[div class=cursor]
[class=babe]
height:100px;
width:380px;
background:url('https://img.kpopmap.com/2018/11/TAEYEON_SG_con.png');
background-size:100%;
margin:auto;
[/class]

[div class=babe]
[/div]

[class=whole]
height:458px;
width:380px;
background:#333;
margin:auto;
margin-top:-10px;
[/class]

[div class=whole][class=img]
height:300px;
width:170px;
background:url('https://45.media.tumblr.com/4df922740da8ffa1d15a96811387f652/tumblr_o1kur4HXoG1rsi6iwo1_250.gif');
background-size:200%;
float:left;
margin:10px 10px;
background-position:-60px;
[/class]

[div class=img][class=cover]
height:100%;
width:100%;
background:#c6a79b;
opacity:0.6;
[/class]

[div class=cover][/div][/div]
[class=plotrules]
width:190px;
float:left;
margin-top:10px;
margin-left:-10px;
[/class]

[div class=plotrules]
[div style="height:20px;width:60px;float:left;background-color:#c6a79b;font-family:calibri;font-size:8px;color:#fff;text-align:left;letter-spacing:1px;line-height:20px;text-transform:uppercase;float:left;margin:0px 10px 0px 10px;text-align:center;"][b]plot info![/b][/div]
[div style="width:15px;float:left;"]
[div style="width:0;height:0;border-top:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:0px;"][/div]

[div style="width:0;height:0;border-bottom:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:10px;"][/div][/div]

[class=container2]
width:203px;
height:275px;
margin:0px -0px;
overflow:hidden;
color:#fff;
font-size:11px;
font-family:Arial;
text-align:justify;
line-height:13px;
[/class]

[class=scrollbar2]
width:105%;
height:275px;
float:left;
margin:10px 10px;
overflow-y:scroll;
[/class]

[class=textbox2]width:92%;
[/class]

[div class=container2][div class=scrollbar2][div class=textbox2]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br]
lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco
[br][/br]
[br][/br][/div]
[/div][/div]
[/div]

[class=in1]
height:18px;
width:360px;
float:left;
margin-left:10px;
margin-top:-7px;
border:1px solid #c6a79b;
[/class]

[div class=in1][class=mini]
height:14px;
width:356px;
background:#c6a79b;
float:left;
margin:2px 2px;
[/class]

[div class=mini][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:14px;text-transform:uppercase;"]bleak[/div][/div]
[/div]

[class=rpblox]
height:105px;
width:100px;
background:#c6a79b;
float:left;
margin:10px 10px;
[/class]

[div class=rpblox][div style="color:#333;font-size:45px;text-align:center;font-family:Arial;text-align:center;line-height:100px;"]RP[/div][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:14px;text-transform:uppercase;margin-top:-35px;"]lovely[/div][/div]

[class=rules]
width:270px;
float:left;
margin-left:-10px;
margin-top:10px;
[/class]

[div class=rules][div style="height:20px;width:60px;float:left;background-color:#c6a79b;font-family:calibri;font-size:8px;color:#fff;text-align:left;letter-spacing:1px;line-height:20px;text-transform:uppercase;float:left;margin:0px 10px 0px 10px;text-align:center;"][b]rp rules![/b][/div]
[div style="width:15px;float:left;"]
[div style="width:0;height:0;border-top:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:0px;"][/div]
[div style="width:0;height:0;border-bottom:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:10px;"][/div][/div]

[class=rulesinfo]
width:270px;
float:left;
margin-left:10px;
[/class]

[div class=rulesinfo][div style="color:#fff;font-size:11px;line-height:13px;font-family:calibri;float:left;margin-top:5px;"]001 no ooc drama
[br][/br]
002 a discord account is required (active ooc please)
[br][/br]
003 literate (1paragraph min)
[br][/br]
004 love = accepted
[br][/br]
005 coding is not required and never will be
[br][/br]
006 HAVE A GOOD TIME [/div][/div][/div][/div][/div][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center][/nobr]

[class=cursor] height:558px; width:380px; margin:auto; cursor: url('https://raw.githubusercontent.com/anyhsalinas/cursors/master/c1a.png'), auto; [/class] [div class=cursor] [class=babe] height:100px; width:380px; background:url('https://img.kpopmap.com/2018/11/TAEYEON_SG_con.png'); background-size:100%; margin:auto; [/class] [div class=babe] [/div] [class=whole] height:458px; width:380px; background:#333; margin:auto; margin-top:-10px; [/class] [div class=whole][class=img] height:300px; width:170px; background:url('https://45.media.tumblr.com/4df922740da8ffa1d15a96811387f652/tumblr_o1kur4HXoG1rsi6iwo1_250.gif'); background-size:200%; float:left; margin:10px 10px; background-position:-60px; [/class] [div class=img][class=cover] height:100%; width:100%; background:#c6a79b; opacity:0.6; [/class] [div class=cover][/div][/div] [class=plotrules] width:190px; float:left; margin-top:10px; margin-left:-10px; [/class] [div class=plotrules] [div style="height:20px;width:60px;float:left;background-color:#c6a79b;font-family:calibri;font-size:8px;color:#fff;text-align:left;letter-spacing:1px;line-height:20px;text-transform:uppercase;float:left;margin:0px 10px 0px 10px;text-align:center;"]plot info![/div] [div style="width:15px;float:left;"] [div style="width:0;height:0;border-top:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:0px;"][/div] [div style="width:0;height:0;border-bottom:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:10px;"][/div][/div] [class=container2] width:203px; height:275px; margin:0px -0px; overflow:hidden; color:#fff; font-size:11px; font-family:Arial; text-align:justify; line-height:13px; [/class] [class=scrollbar2] width:105%; height:275px; float:left; margin:10px 10px; overflow-y:scroll; [/class] [class=textbox2]width:92%; [/class] [div class=container2][div class=scrollbar2][div class=textbox2]lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

lorem ipsum dolor sit amet.lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. duis aute irure dolor in reprehenderit in voluptate velit. lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco

[/div] [/div][/div] [/div] [class=in1] height:18px; width:360px; float:left; margin-left:10px; margin-top:-7px; border:1px solid #c6a79b; [/class] [div class=in1][class=mini] height:14px; width:356px; background:#c6a79b; float:left; margin:2px 2px; [/class] [div class=mini][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:14px;text-transform:uppercase;"]bleak[/div][/div] [/div] [class=rpblox] height:105px; width:100px; background:#c6a79b; float:left; margin:10px 10px; [/class] [div class=rpblox][div style="color:#333;font-size:45px;text-align:center;font-family:Arial;text-align:center;line-height:100px;"]RP[/div][div style="color:#333;font-family:calibri;font-size:8px;text-align:center;letter-spacing:1px;line-height:14px;text-transform:uppercase;margin-top:-35px;"]lovely[/div][/div] [class=rules] width:270px; float:left; margin-left:-10px; margin-top:10px; [/class] [div class=rules][div style="height:20px;width:60px;float:left;background-color:#c6a79b;font-family:calibri;font-size:8px;color:#fff;text-align:left;letter-spacing:1px;line-height:20px;text-transform:uppercase;float:left;margin:0px 10px 0px 10px;text-align:center;"]rp rules![/div] [div style="width:15px;float:left;"] [div style="width:0;height:0;border-top:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:0px;"][/div] [div style="width:0;height:0;border-bottom:10px solid #c6a79b;border-right:10px solid transparent;float:left;margin-left:-10px;margin-top:10px;"][/div][/div] [class=rulesinfo] width:270px; float:left; margin-left:10px; [/class] [div class=rulesinfo][div style="color:#fff;font-size:11px;line-height:13px;font-family:calibri;float:left;margin-top:5px;"]001 no ooc drama
002 a discord account is required (active ooc please)
003 literate (1paragraph min)
004 love = accepted
005 coding is not required and never will be
006 HAVE A GOOD TIME [/div][/div][/div][/div][/div]
code by pasta pasta ​
 
Last edited:
dazzling said:
boo is back with the most glamorous codes of 2019

also, do you remember me? gotta love a spicy username change cx
Click to expand...
omg thank you 🙏

ah, i feel like im being asked by a distant aunt if i remember her when i haven’t seen her since i was 6 months.
name changes always trip me up :[ not very fair of you, stranger.
 
You must log in or register to reply here.

Users who are viewing this thread

Total: 3 (members: 0, guests: 3)

Similar threads

Lumpkinz11
Help ISO Simple BBCode Character Sheet
Replies
0
Views
62
Lumpkinz11
Lumpkinz11
DaydreamNarrator
Closed found the solution
Replies
0
Views
143
DaydreamNarrator
DaydreamNarrator
Back
Top