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

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

pasta

sehun
NOT MOBILE FRIENDLY
i was messing around and i came up w/ this. click 'send' and the text will send. when you click the camera and mic, the ic post will slide up. click the home icon to go back to the home text page & the text will be reset. i doubt i'll use this for anything. i just thought it was cool fjjnfjfn

[nobr][class=pucklo]
height:60px;
width:438px;
background:#fff;
margin:auto;
border-top:1px solid #9f8c89;
border-left:1px solid #9f8c89;
border-right:1px solid #9f8c89;
shadow:none;
[/class]

[div class=pucklo][class=user]
height:60px;
width:168px;
border-right:1px solid #9f8c89;
color:#fff;
text-shadow:3px 2px 0px #807fab, 0px 0px 5px #807fab;
line-height:60px;
font-family:Lato;
float:left;
font-size:25px;
font-weight:800;
text-align:center;
[/class]

[div class=user]kaleidoscope[/div]

[class=user2]
height:60px;
width:269px;
background:#807fab;
color:#807fab;
text-shadow:3px 2px #fff, -3px -2px #fff;
line-height:60px;
font-family:Lato;
float:left;
font-size:25px;
font-weight:800;
text-align:center;
float:left;[/class]

[div class=user2]browse[/div][/div]

[class=puck]
height:300px;
width:440px;
background:#9f8c89;
margin:auto;
[/class]

[div class=puck][class=puck2]
height:250px;
width:120px;
background:url('https://66.media.tumblr.com/a666c3af1dfb93458a5c2cb51a103d8d/tumblr_pftn6tzxJ81xq963uo7_r1_250.gif');
background-size:130%;
float:left;
background-position:-20px 0px;
margin:25px 25px;
[/class]

[class=puck3]
height:250px;
width:245px;
float:left;
margin-left:0px;
margin-top:25px;
background:#fff
[/class]

[div class=puck2][class=puckop]
height:250px;
width:120px;
background:#928085;
float:left;
opacity:0.6;
[/class]

[div class=puckop][/div][/div][div class=puck3][class=nametitle]
height:40px;
width:100%;
background:#c9a69d;
text-align:center;
color:#fff;
font-family:Arial;
line-height:40px;
font-weight:800;
[/class]

[div class=nametitle]honeypup[/div]

[class=first]
height:20px;
width:110px;
background:#ab7f73;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:left;
margin:10px 10px;
[/class]

[class=second]
height:20px;
width:110px;
background:#807fab;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:right;
margin:10px 10px;
[/class]

[class=third]
height:20px;
width:140px;
background:#ab7f73;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:left;
margin:10px 10px;
[/class]

[class=fourth]
height:20px;
width:140px;
background:#807fab;
line-height:20px;
text-align:center;
color:#fff;
font-family:Arial;
border:0px solid #fff;
border-radius:20px;
font-size:12px;
float:right;
margin:-70px 10px;
display:none;[/class]

[class=sendbox]
height:30px;
width:100%;
background:#c9a69d;
float:left;
margin-top:60px;
[/class]

[div class=first]
where are you?[/div]

[div class=second]crying in a stall.[/div]

[div class=third]i'll come pick you up :00[/div]

[script class=send on=click]
fadeIn 800 fourth
fadeOut 800 sendtext
[/script]

[script class=lineup on=click]
fadeIn 800 post
slideUp 600 puck3
[/script]

[div class=sendbox][class=bordertextmsg]
height:20px;
width:140px;
background:#fff;
border:0px solid #fff;
border-radius:20px;
font-size:10px;
line-height:20px;
color:#000;
text-align:center;
float:left;
margin:5px 5px;
[/class]

[div class=bordertextmsg][class=sendtext]
font-size:11px;
line-height:20px;
color:#000;
text-align:center;[/class]

[div class=sendtext]will you buy me a drink?[/div][/div][class=lineup]
height:20px;
float:left;
margin:5px 5px;
color:#807fab;
font-size:15px;
line-height:20px;
letter-spacing:2px;
cursor:pointer;
[/class]

[class name=lineup state=hover]
color:#928085;
[/class]

[div class=lineup][fa]fa-camera[/fa] [fa]fa-microphone[/fa][/div]

[class=send]
height:20px;
width:45px;
float:left;
margin-top:5px;
cursor:pointer;
background:#807fab;
border:0px solid #fff;
border-radius:20px;
line-height:20px;
font-size:10px;
color:#fff;
text-align:center;
[/class]

[class name=send state=hover]
background:#928085;
color:#fff;
[/class]

[div class=send]SEND[/div][/div]

[div class=fourth]will you buy me a drink?[/div][/div]

[class=post]
display:none;
background:#fff;
height:250px;
width:245px;
float:left;
margin-top:25px;
[/class]

[div class=post][class=howto]
height:30px;
width:100%;
border-bottom:5px solid #9f8c89;
color:#c9a69d;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
[/class]

[div class=howto][class=homereturn]
width:30px;
height:30px;
border-right:5px solid #9f8c89;
color:#807fab;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
float:left;
cursor:pointer;
text-align:center;
[/class]

[script class=homereturn on=click]
fadeOut 1000 post
slideDown 1000 puck3
fadeIn 1000 sendtext
fadeOut 1000 fourth
[/script]

[div class=homereturn][fa]fa-home[/fa][/div]

[class=heylookie]
color:#9f8c89;
line-height:30px;
font-family:Lato;
font-size:15px;
font-weight:800;
float:left;
text-align:center;
margin-left:5px;
[/class]

[div class=heylookie]Puck - Joo Min Jin[/div]
[/div]

[class=container1]
width:250px;
height:205px;
float:left;
margin:0px -17px;
overflow:hidden;
color:#666;
font-size:11px;
font-family:'Lato';
text-align:justify;
line-height:12px;
margin:auto;
[/class]

[class=scrollbar1]
width:105%;
height:205px;
float:left;
margin:10px 10px;
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]
[/div][/div][/div]
[/div][/div][/nobr][center][size=1]code by [USER=27673]@pasta[/USER][/size][/center]

kaleidoscope
browse
honeypup
where are you?
crying in a stall.
i'll come pick you up :00
will you buy me a drink?
SEND
will you buy me a drink?
Puck - Joo Min Jin
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

code by @pasta
 

pasta

sehun
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]

Warning!
X


ERROR IN MY HEART

did you know that this character is super cute???
OKAY
SHUT UP
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

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

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

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

upload your mind.
take me back
code by @pasta
 
Last edited:

pasta

sehun
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]

chs
christian akridge
1
2
3
4
bonjour
B A S I C S.



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


P E R S O N A.



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


H I S T O R Y.



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





code by @pasta
 

pasta

sehun
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]

M A E , J O O N I
BASICS.
Mae, Joo Ni
20, Female, Korean
Tailor, Mother's business
Demisexual, Biromantic
FC: Soobin
#159cm, Blonde, Dark Brown
PERSONA.
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!

MISC.
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!

GALLERY.
code by @pasta
 

pasta

sehun
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]

min ho.
little time left to run away.
1
2
3
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!

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!

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!

code by @pasta
 
Last edited:

pasta

sehun
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]

TAK DAE HO
scroll down
01
NAME
Tak Dae Ho

K-AGE
17

INT-AGE
16

GENDER
Male

SEXUALITY
Homosexual

HEIGHT
183 cm

HAIR COLOR
Brown

EYE COLOR
Dark Brown

02
PERSONALITY


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



03
BIOGRAPHY


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



 
Last edited:

MadamStriga

Lady of the Hoot Birds
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]

M A E , J O O N I
BASICS.
Mae, Joo Ni
20, Female, Korean
Tailor, Mother's business
Demisexual, Biromantic
FC: Soobin
#159cm, Blonde, Dark Brown
PERSONA.
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!

MISC.
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!

GALLERY.
code by @pasta

This one is so adorable !
 

Fyuri

ᴍᴏɴᴀᴄʜᴏᴘsɪs
Administrator
Supporter
@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:

pasta

sehun
@pasta I browsed your thread and... gonna say sadly the ones you list as mobile friendly aren't for me. They all cut off.
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.
 

Fyuri

ᴍᴏɴᴀᴄʜᴏᴘsɪs
Administrator
Supporter
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.
Yeah I tried landscape even, hate the big ass header bar but meh lol.
Screenshot_20190519-163545_Chrome.jpg

Oh well.
 

pasta

sehun
Yeah I tried landscape even, hate the big ass header bar but meh lol.
View attachment 577248

Oh well.
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.
 

pasta

sehun
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]

Sanctuary.
retreat back to ship
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

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

- 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.
plot
about
rules
code by @pasta
 

pasta

sehun
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]

name
kim minseok
age
29
occupation
idol
orientation
N/A
group
exo
face claim
kim minseok (Xiumin)
tell myself run.
minseok
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

persona
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

misc
ain't no looking back.
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

biography
code by @pasta
 

pasta

sehun
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]

plot info!
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

bleak
RP
lovely
rp rules!
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
code by @pasta
 
Last edited:

pasta

sehun
boo is back with the most glamorous codes of 2019

also, do you remember me? gotta love a spicy username change cx
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.
 

Users Who Are Viewing This Thread (Users: 0, Guests: 2)

Top