◣ wanderlust ◥

[nobr]
[class=bkg]
height: 405px;
width: 600px;
position: relative;
margin: auto;
color: transparent;
                cursor: url('http://i.imgur.com/ZOrzC.png'), auto !important;
[/class]

[class=original]
position: relative;
overflow: hidden;
height: 400px;
width: 120px;
left: 240px;
border-radius: 40px;
	background-image: linear-gradient(rgba(106, 150, 189, 0), rgba(106, 150, 189, 0.8), rgba(106, 150, 189, 1)), url('https://i.pinimg.com/564x/5d/42/b6/5d42b6c4681797722377d19275aca55f.jpg');
	background-size: cover;
	background-position: 65% 40%;
[/class]

[class=line1]
position: absolute;
height: 175px;
width: 3px;
background: white;
left: 7px;
border-radius: 0px 0px 7px 7px;
[/class]
[class=line2]
position: absolute;
height: 135px;
width: 3px;
background: white;
left: 17px;
border-radius: 0px 0px 7px 7px;
[/class]
[class=line3]
position: absolute;
height: 105px;
width: 3px;
background: white;
left: 27px;
border-radius: 0px 0px 7px 7px;
[/class]
[class=line4]
position: absolute;
height: 175px;
width: 3px;
background: white;
top: 225px;
left: 110px;
border-radius: 7px 7px 0px 0px;
[/class]
[class=line5]
position: absolute;
height: 145px;
width: 3.5px;
background: white;
top: 255px;
left: 100px;
border-radius: 7px 7px 0px 0px;
[/class]
[class=line6]
position: absolute;
height: 115px;
width: 3px;
background: white;
top: 285px;
left: 90px;
border-radius: 7px 7px 0px 0px;
[/class]


[class=circle]
position: relative;
height: 50px;
width: 50px;
border-radius: 50px;
background: #EAEAEA;
left: 35px;
top: 175px;
[/class]
[comment] 56px[/comment]

[class=circle2]
position: relative;
height: 50px;
width: 50px;
border-radius: 50px;
background: #EAEAEA;
left: 35px;
top: 175px;
animation: {post_id}glide 2s;
animation-fill-mode: forwards;
[/class]

[class=circletxt]
position: relative;
height: 50px;
width: 50px;
top: -1px;
border-radius: 50px;
color: black;
animation: {post_id}pulse 2s linear infinite;
 cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=original2]
position: relative;
height: 400px;
width: 120px;
left: 240px;
border-radius: 40px;
background: #F5D3C6;
animation: {post_id}slide 2s ease-in-out;
animation-fill-mode: forwards;
	background-image: linear-gradient(rgba(106, 150, 189, 0), rgba(106, 150, 189, 0.8), rgba(106, 150, 189, 1)), url('https://i.pinimg.com/564x/5d/42/b6/5d42b6c4681797722377d19275aca55f.jpg');
	background-size: cover;
	background-position: 65% 40%;
[/class]

[class=container]
position: absolute;
top: 0px;
left: 150px;
height: 400px;
width: 350px;
[/class]

[class=outline]
position: relative;
height: 400px;
width: 350px;
top: -440px;
background: transparent;
border: 2px solid #6A96BD;
animation: {post_id}drop 3s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 1.5s;
overflow: visible;
[/class]

[class=real]
position: absolute;
height: 390px;
width: 340px;
left: 5px;
top: 5px;
background: #EFEFEF;
font-size: 12px;
display: inline-block;
color: black;
font-family: Calibri;
[/class]
[class=real2]
position: absolute;
height: 390px;
width: 340px;
left: 5px;
top: 5px;
background: #EFEFEF;
font-size: 12px;
display: inline-block;
color: black;
font-family: Calibri;
[/class]
[class=real3]
position: absolute;
height: 390px;
width: 340px;
left: 5px;
top: 5px;
background: #EFEFEF;
font-size: 12px;
display: inline-block;
color: black;
font-family: Calibri;
[/class]
[class=real4]
position: absolute;
height: 390px;
width: 340px;
left: 5px;
top: 5px;
background: #EFEFEF;
font-size: 12px;
display: inline-block;
color: black;
font-family: Calibri;
[/class]

[class=subtab]
position: relative;
height: 50px;
width: 60px;
border-radius: 0px 12px 12px 0px;
left: 240px;
top: 5px;
background: #EFEFEF;
animation: {post_id}reveal 3s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 3.5s;
opacity: 0;
color: #6A96BD;
font-size: 18px;
[/class]
[comment]335px[/comment]

[class=tab1]
position: absolute;
height: 15px;
width: 15px;
border-radius: 50px;
left: 360px;
top: 5px;
background: #EDEDED;
border: 1.5px solid #6A96BD;
animation: {post_id}tab1 1.5s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 5.5s;
font-size: 18px;
opacity: 0;
 cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab2]
position: absolute;
height: 15px;
width: 15px;
border-radius: 50px;
left: 360px;
top: 5px;
background: #EDEDED;
border: 1.5px solid #6A96BD;
animation: {post_id}tab2 1.5s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 6s;
font-size: 18px;
opacity: 0;
 cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab3]
position: absolute;
height: 15px;
width: 15px;
border-radius: 50px;
left: 360px;
top: 5px;
background: #EDEDED;
border: 1.5px solid #6A96BD;
animation: {post_id}tab3 1.5s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 6.5s;
font-size: 18px;
opacity: 0;
 cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]
[class=tab4]
position: absolute;
height: 15px;
width: 15px;
border-radius: 50px;
left: 360px;
top: 5px;
background: #EDEDED;
border: 1.5px solid #6A96BD;
animation: {post_id}tab4 1.5s ease-in-out;
animation-fill-mode: forwards;
animation-delay: 7s;
font-size: 18px;
opacity: 0;
 cursor: url('https://i.imgur.com/8akxkMH.png'), auto !important;
[/class]

[class=banner]
position: absolute;
height: 100px;
width: 200px;
left: 60px;
top: 15px;
background: url('https://img.pngio.com/16-blue-watercolor-brush-stroke-banner-png-transparent-onlygfxcom-mint-blue-png-1027_339.png');
background-size: 100%;
background-repeat: no-repeat;
color: white;
font-size: 24px;
padding: 7px;
padding-left: 27px;
[/class]

[class=title]
position: absolute;
height: 150px;
width: 180px;
left: -26px;
top: -55px;
background: url('https://i.imgur.com/y5DfIO7.png');
background-size: 140%;
background-repeat: no-repeat;
[/class]

[class=header]
width: max-content;
height: 15px;
font-size: 13px;
color: #6A96BD;
font-weight: bold;
font-family: DM Serif Display;
position: relative;
left: 8px;
margin-bottom: 10px;
display: inline;
[/class]

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

[animation=button]
[keyframe=0]
transform: scale(0.9);
[/keyframe]
[keyframe=50]
transform: scale(1.2);
box-shadow: 0px 0px 0px 25px rgba(255,255,255, 0);
[/keyframe]
[keyframe=100]
transform: scale(0.9);
box-shadow: 0px 0px 0px 0px rgba(255,255,255, 0);
[/keyframe]
[/animation]

[animation=pulse]
[keyframe=0]
transform: scale(1);
[/keyframe]
[keyframe=20]
transform: scale(1.2);
[/keyframe]
[keyframe=40]
transform: scale(1);
[/keyframe]
[keyframe=60]
transform: scale(1.2);
[/keyframe]
[keyframe=80]
transform: scale(1);
[/keyframe]
[keyframe=90]
transform: scale(1.2);
[/keyframe]
[keyframe=100]
transform: scale(1);
[/keyframe]
[/animation]

[animation=slide]
[keyframe=0]
left: 240px;
[/keyframe]
[keyframe=100]
left: 0px;
[/keyframe]
[/animation]

[animation=reveal]
[keyframe=0]
left: 240px;
[/keyframe]
[keyframe=100]
left: 335px;
opacity: 1;
[/keyframe]
[/animation]

[animation=tab1]
[keyframe=0]
top: 5px;
opacity: 0;
[/keyframe]
[keyframe=100]
top: 65px;
opacity: 1;
[/keyframe]
[/animation]

[animation=tab2]
[keyframe=0]
opacity: 0;
[/keyframe]
[keyframe=100]
top: 95px;
opacity: 1;
[/keyframe]
[/animation]

[animation=tab3]
[keyframe=0]
opacity: 0;
[/keyframe]
[keyframe=100]
top: 125px;
opacity: 1;
[/keyframe]
[/animation]

[animation=tab4]
[keyframe=0]
opacity: 0;
[/keyframe]
[keyframe=100]
top: 155px;
opacity: 1;
[/keyframe]
[/animation]

[animation=grow]
[keyframe=0]
top: 175px;
opacity: 0;
[/keyframe]
[keyframe=100]
top: 190px;
transform: scaleY(28);
opacity: 1;
[/keyframe]
[/animation]

[animation=glide]
[keyframe=0]
transform: rotate(0deg);
left: 35px;
[/keyframe]
[keyframe=100]
transform: rotate(-90deg);
left: 56px;
[/keyframe]
[/animation]

[animation=drop]
[keyframe=0]
top: -440px;
[/keyframe]
[keyframe=100]
top: 0px;
[/keyframe]
[/animation]

[animation=fade]
[keyframe=0]
opacity: 0;
[/keyframe]
[keyframe=100]
opacity: 1;
[/keyframe]
[/animation]

[script class=circletxt on=click]
hide original
show original2
fadeIn 0300 container
fadeIn 0400 linecont
[/script]

[div class=bkg]

[div class=original]
[div class=line1][/div][div class=line2][/div][div class=line3][/div][div class=line4][/div][div class=line5][/div][div class=line6][/div]
[div class=circle]
[div class=circletxt][div=padding: 18px;padding-top:16px;][fa]fa-chevron-down[/fa][/div][/div]
[/div]
[/div]

[div class="original2 hidden"]
[div class=line1][/div][div class=line2][/div][div class=line3][/div][div class=line4][/div][div class=line5][/div][div class=line6][/div]
[div class=circle2]
[div class=circletxt][div=padding: 18px;padding-top:16px;][fa]fa-chevron-down[/fa][/div][/div]
[/div]
[/div]
[div class="container hidden"]
[div class=outline]
[div class=tab1][/div]
[div class=tab2][/div]
[div class=tab3][/div]
[div class=tab4][/div]
[class=cont]
width: 100%;
[/class]
[script class=tab1 on=click]
hide real2
hide real3
hide real4
fadeIn 0700 real
[/script]
[script class=tab2 on=click]
hide real
hide real3
hide real4
fadeIn 0700 real2
[/script]
[script class=tab3 on=click]
hide  real2
hide real
hide real4
fadeIn 0700 real3
[/script]
[script class=tab4 on=click]
hide real2
hide real3
hide real
fadeIn 0700 real4
[/script]
[class=taggies]
font-size: 14px;
font: Merriweather;
font-weight: bold;
color: #6A96BD;
display: inline-block;
margin-bottom: 4px;
position: relative;
[/class]


[div class=subtab][div=padding-left: 20px;padding-top:10px;] [fa]fa-plane-departure[/fa][/div] [/div]
[div class=real][div class=banner][div class=title][/div][/div]
[div=left:20px;top:110px;position: absolute;]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[/div][/div]
[div class="real2 hidden"][div class=banner][div class=title][/div][/div]
[div=left:20px;top:110px;position: absolute;]
[div class=taggies][font=Merriweather]ahere.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[/div][/div]

[class=extra]
width: 310px;
left: -10px;
height: 120px;
border-radius: 17px;
background: white;
position: relative;
overflow: hidden;
font-size: 10px;
text-tranform: lowercase;
text-align: justify;
[/class]


[div class="real3 hidden"][div class=banner][div class=title][/div][/div]
[div=left:20px;top:110px;position: absolute;]
[div class=taggies][font=Merriweather]aahere.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br][br][/br]
[div class=extra]
[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: 7px; font: Calibri;]
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.[br][/br][br][/br]

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]
[/div]
[div class="real4 hidden"][div class=banner][div class=title][/div][/div][div=left:20px;top:110px;position: absolute;]
[div class=taggies][font=Merriweather]cahere.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br]
[div class=taggies][font=Merriweather]here.[/font][/div] here [br][/br][br][/br]
[div class=extra]
[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: 7px; font: Calibri;]
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.[br][/br][br][/br]

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][/div]

[/div]
[/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][br][/br][/nobr]