◣ dreamland b ◥

[nobr]
[comment][font=Calibri]here.[/font][font=Roboto Condensed]here.[/font][/comment]

[class=bkg]
height: 388px;
width: 368px;
margin: auto;
background: #EDEDED;
                cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
[/class]
[class=img]
height: 308px;
width: 308px;
position: relative;
top: 30px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
overflow: hidden;
[/class]
[class=box2]
height: 307px;
position: absolute;
background: rgb(255,255,255,0.6);
width: 267px;
left: 20px;
font-family: Calibri;
font-size: 1px;
border: 0.5em solid black;
[/class]
[class=box22]
height: 307px;
position: absolute;
background: rgb(255,255,255,0.6);
width: 267px;
left: 20px;
font-family: Calibri;
font-size: 1px;
border: 0.5em solid black;
[/class]
[class=box23]
height: 307px;
position: absolute;
background: rgb(255,255,255,0.6);
width: 267px;
left: 20px;
font-family: Calibri;
font-size: 1px;
border: 0.5em solid black;
[/class]
[class=box24]
height: 307px;
position: absolute;
background: rgb(255,255,255,0.6);
width: 267px;
left: 20px;
font-family: Calibri;
font-size: 1px;
border: 0.5em solid black;
[/class]
[class=trueimg]
height: 308px;
width: 308px;
position: absolute;
background: url('https://i.imgur.com/djkeO7s.jpg');
background-size: 100%;
background-position: center bottom;
animation-fill-mode: forward;
[/class]
[class=text]
font-size: 12px;
width: 308px;
text-align: right;
font-family: Calibri;
text-transform: uppercase;
position: relative;
color: black;
top: 35px;
[/class]

[class=a]
font-size: 23px;
color: black;
font-family: Merriweather;
position: relative;
top: -300px;
left: 334px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=b]
font-size: 23px;
color: black;
font-family: Merriweather;
position: relative;
top: -270px;
left: 330px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=c]
font-size: 23px;
color: black;
font-family: Merriweather;
position: relative;
top: -240px;
left: 326px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=d]
font-size: 23px;
color: black;
font-family: Merriweather;
position: relative;
top: -210px;
left: 328px;
cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=slide]
animation: {post_id}slideout 2s;
animation-fill-mode: forwards;
[/class]

[animation=slideout]
[keyframe=0]
left: 0px;
[/keyframe]
[keyframe=100]
left: -400px;
[/keyframe]
[/animation]

[script class=img on=click]
addClass slide trueimg
[/script]

[script class=a on=click]
hide box22
hide box23
hide box24
fadeIn 0400 box2
[/script]
[script class=b on=click]
hide box2
hide box23
hide box24
fadeIn 0400 box22
[/script]
[script class=c on=click]
hide box22
hide box2
hide box24
fadeIn 0400 box23
[/script]
[script class=d on=click]
hide box22
hide box23
hide box2
fadeIn 0400 box24
[/script]

[class=taggies]
font-size: 10px;
font-family: Roboto Condensed;
font-weight: bold;
color: black;
display: inline-block;
margin-bottom: 4px;
position: relative;
letter-spacing: 1px;
[/class]

[class=hidden]
display: none;
[/class]

[div class=bkg]

[div class=img]

[div class=box2]
[div=width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; padding: 10px;][div=width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]
[div=padding: 5px; font: Calibri; font-size: 9.5px;]

[div class=taggies][size=11px]HEADER HERE[/size][/div][br][/br]
a. lorem ipsum dolor sit amet, consectetur adipiscing 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 esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/div][/div][/div]
[/div]

[div class="box22 hidden"]
[div=width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; padding: 5px;][div=width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]
[div=padding: 5px; font: Calibri; font-size: 9.5px;]

[div class=taggies][size=11px]HEADER HERE[/size][/div][br][/br]
b. lorem ipsum dolor sit amet, consectetur adipiscing 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 esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/div][/div][/div]
[/div]

[div class="box23 hidden"]
[div=width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; padding: 5px;][div=width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]
[div=padding: 5px; font: Calibri; font-size: 9.5px;]

[div class=taggies][size=11px]HEADER HERE[/size][/div][br][/br]
c. lorem ipsum dolor sit amet, consectetur adipiscing 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 esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/div][/div][/div]
[/div]

[div class="box24 hidden"]
[div=width: 100%; height: 100%; box-sizing: border-box; overflow: hidden; padding: 5px;][div=width: 100%; height: 100%; overflow-y: scroll; padding-right: 150px;]
[div=padding: 5px; font: Calibri; font-size: 9.5px;]

[div class=taggies][size=11px]HEADER HERE[/size][/div][br][/br]
d. lorem ipsum dolor sit amet, consectetur adipiscing 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 esse cillum dolore eu fugiat nulla pariatur. excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/div][/div][/div]
[/div]

[div class=trueimg][/div][/div][div class=text][b]hazy[/b] dreamland escape[/div]

[div class=a]I.[/div][div class=b]II.[/div][div class=c]III.[/div][div class=d]IV.[/div]

[/div]

[class=cred] width:100%;text-align:center;font-size:8px;[/class][div class=cred][url=https://www.rpnation.com/threads/%E2%9D%9D%F0%9D%90%A2%F0%9D%90%A7-%F0%9D%90%9F%F0%9D%90%9A%F0%9D%90%AD%F0%9D%90%9E%F0%9D%90%AC-%F0%9D%90%A1%F0%9D%90%9A%F0%9D%90%A7%F0%9D%90%9D%F0%9D%90%AC-%E2%9D%9E-freebies-%CB%8E%CB%8A%CB%97.462597/]fated.[/url][/div]

[/nobr]