CHAI // code

[nobr][div class=cont]

[div class=hold]
[div class=image][div class=page][div class=top][div class=thing][/div]
[div class=pos][div class=d1]verizon [fa]fa-wifi[/fa][/div]...........................[div class=d2]78% [fa]fa-battery-three-quarters[/fa][/div][/div][/div]

[div class=bottom][div class=num][font=Muli]7:49[/font][/div][font=Muli][br][/br][B]saturday, january 26, 2019[/B][/font][/div]

[div class=rhold][div class=fakr][/div]
[div class=sop]
[div class=back][div class=img][/div][/div][div class=arrow]character name[/div][div class=rel][/div]

[div class=stats][div class=overflow][font=Hind][div class=o][div class=scroll]
[div class=firstword]full name[/div] lorem ipsum dolor sit amet
[br][/br][div class=firstword]alias[/div] lorem ipsum dolor sit amet
[br][/br][div class=firstword]age[/div] lorem ipsum dolor sit amet
[br][/br][div class=firstword]birthday[/div] lorem ipsum dolor sit amet
[br][/br][div class=firstword]gender[/div] lorem ipsum dolor sit amet
[br][/br]
[div class=firstword]sexuality[/div] lorem ipsum dolor sit amet[/div][/div][/font][div class=o][div class=scroll][/div][/div][/div][/div][/div]
[/div][/div][/div]
[div class=film][/div][/div]
[div class=2hold]
[div class=cont2][div class=bg][div class=border][div class=pic][/div][/div]

[div class=user][font=Hind]@userr_[/font][/div][/div]

[div class=pers][div class=overflow]
[div class=photo][/div]___[div class=photo style="background-image: url(http://data.whicdn.com/images/296312367/large.jpg); background-size: 110%"][/div]
[br][/br][br][/br]
[div class=box][font=Hind]

[div class=v][B]personality[/B][/div]
Mussum Ipsum, cacilds vidis litro abertis. Paisis, filhis, espiritis santis. Atirei o pau no gatis, per gatis num morreus. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Detraxit consequat et quo num tendi nada. Leite de capivaris, leite de mula manquis sem cabeça. Interagi no mé, cursus quis, vehicula ac nisi. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Si num tem leite então bota uma pinga aí cumpadi! "Todo mundo vê os porris que eu tomo, mas ninguém vê os tombis que eu levo!" Casamentiss faiz malandris se pirulitá. Tá deprimidis, eu conheço uma cachacis que pode alegrar sua vidis. Cevadis im ampola pa arma uma pindureta. Quem manda na minha terra sou euzis! Nullam volutpat risus nec leo commodo, ut interdum diam laoreet. Sed non consequat odio. Em pé sem cair, deitado sem dormir, sentado sem cochilar e fazendo pose. Interessantiss quisso pudia ce receita de bolis, mais bolis eu num gostis. Praesent vel viverra nisi. Mauris aliquet nunc non turpis scelerisque, eget. Posuere libero varius. Nullam a nisl ut ante blandit hendrerit. Aenean sit amet nisi. Mé faiz elementum girarzis, nisi eros vermeio.[/font][/div][/div][/div][/div]

[div class=cont3][font=Hind][div class=title]biography ![/div]
[div class=rop][div class=line][/div]...[div class=line][/div]............................[div class=line][/div]...[div class=line][/div][/div]

[div class=box2][div class=overflow]Mussum Ipsum, cacilds vidis litro abertis. Paisis, filhis, espiritis santis. Atirei o pau no gatis, per gatis num morreus. Delegadis gente finis, bibendum egestas augue arcu ut est. Suco de cevadiss deixa as pessoas mais interessantis. Detraxit consequat et quo num tendi nada. Leite de capivaris, leite de mula manquis sem cabeça. Interagi no mé, cursus quis, vehicula ac nisi. Praesent malesuada urna nisi, quis volutpat erat hendrerit non. Nam vulputate dapibus. Si num tem leite então bota uma pinga aí cumpadi![/div][/div][/font]

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

[div class=c]code by: @undine[/div]

[class=c]width: 100%; text-align: center; opacity: 0; font-size: 10px;
[/class]

[class=cont]height: 380px;
max-width: 450px;
background: var(--back);
border-radius: 5px;
padding: 5%;
margin: auto;
overflow: hidden;
--back: #BA8670;
--bor: #CAA593
[/class]

[class=hold]height: 380px;
width: 50%;
[/class]

[class=image]height: 290px;
width: 100%;
background-image: url(https://wordpress-mnei139eijehv5w.netdna-ssl.com/wp-content/uploads/2018/05/the-mod-the-modist-modest-fashion-9.jpg); background-size: cover;
background-position: 50% 0%;
border-radius: 5px;
overflow: hidden
[/class]

[class=page]height: 100%; width: 100%; border-radius: 5px
[/class]

[class=top]height: 20px;
width: 100%;
border-radius: 5px 5px 0px 0px;
padding: 7px 5px 7px 5px;
position: relative; top: -8px;
font-size: 7px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.7px;
word-spacing: 3.5px;
color: transparent
[/class]

[class=thing]height: 100%; width: 100%; display: inline-block; background: #606060; opacity: 0.4; position: relative; left: -5px; border-radius: 5px 5px 0px 0px;
[/class]

[class=pos]position: relative; display: inline-block; top: -17px
[/class]

[class=d1]display: inline-block; color: white
[/class]

[class=d2]display: inline-block; color: white
[/class]

[class=bottom]width: 100%;
font-size: 8px;
text-align: center;
color: white;
text-transform: uppercase;
line-height: 15px;
letter-spacing: 1.5px;
position: relative;
top: 20px;
[/class]

[class=num]font-size: 35px; display: inline-block
[/class]

[class=rhold]height: 260px;
width: 100%;
padding: 10px;
border-radius: 0px 0px 5px 5px;
position: relative; top: -65px;
left: 215px
[/class]

[class=fakr]display: inline-block; height: 250px; width: 100%; background: black; padding: 10px; border-radius: 0px 0px 5px 5px; opacity: 0.3
[/class]

[class=sop]height: 95%; width: 100%; position: relative; top: -100%; left: 4%; overflow: hidden
[/class]

[class=back]display: inline-block; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%); height: 33%; width: 33%; background:var(--bor) ; padding: 3%; top: -90%
[/class]

[class=img]height: 100%; width: 100%; background-image: url(https://wordpress-mnei139eijehv5w.netdna-ssl.com/wp-content/uploads/2018/05/the-mod-the-modist-modest-fashion-7.jpg); background-size: cover; background-position: 50% 0%; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%);
[/class]

[class=arrow]text-align: center; font-style: italic; font-size: 13px; max-width: 55%; border-bottom: 1px solid white; color: white; display: inline-block; position: relative; top: -53px; left: 4%; font-family: serif
[/class]

[class=rel]display: inline-block; height: 65px; max-width: 100px; overflow: hidden; position: relative; left: 10px; background: black; font-size: 10px
[/class]

[class=stats]height: 110px;
width: 80%;
padding: 4%;
background: #CFB79B;
position: relative; top: 0%;
border-radius: 4px;
text-transform: uppercase;
font-size: 9px;
line-height: 20px;
letter-spacing: 0.5px;
font-weight: 700;
overflow: hidden
[/class]

[class=overflow]height: 100%; width: 100%; overflow-y: scroll; text-align: justify; padding-right: 30px
[/class]

[class=film]position: relative; top: 5%; height: 75px; width: 100%; border-radius: 5px; background-image: url(http://wordpress-mnei139eijehv5w.netdna-ssl.com/wp-content/uploads/2018/05/the-mod-the-modist-modest-fashion-11.jpg); background-size: 150%; background-position: 45% 60%
[/class]

[class=firstword]height: 15px; padding: 0px 3px 3px 4px;
border-radius: 4px;
background: #000;
color: white;
font-size: 7px;
letter-spacing: 2px;
display: inline-block
[/class]

[class=2hold]height: 380px;
width: 47%;
border-radius: 5px;
position: relative;
float: right;
top: -100%
[/class]

[class=cont2]height: 170px;
max-width: 220px;
background: white;
border-radius: 5px;
position: relative;
color: transparent
[/class]

[class=bg]height: 50px;
max-width: 100%;
background: var(--bor);
border-radius: 5px 5px 0px 0px;
color: #404040;
[/class]

[class=border]height: 52px;
max-width: 52px;
background: white;
padding: 3px;
border-radius: 4px;
box-shadow: 2px 2px 0px #B19496;
position: relative;
left: 15px;
top: 15px
[/class]

[class=pic]height: 100%; width: 100%; background-image: url(http://wordpress-mnei139eijehv5w.netdna-ssl.com/wp-content/uploads/2018/05/the-mod-the-modist-modest-fashion-15.jpg); background-size: 350%; background-position: 45% 50%
[/class]

[class=user]max-width: 125px;
font-weight: 700;
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
top: -28px;
left: 80px
[/class]

[class=pers]height: 80px;
width: 100%;
left: 5%;
top: 21%;
font-size: 11px;
margin: auto;
position: relative;
overflow: hidden
[/class]

[class=photo]display: inline-block;
height: 70px;
width: 40%;
border-radius: 5px;
background-image: url(http://i.pinimg.com/originals/8b/e6/c9/8be6c9c51aab92996465453558351dc6.jpg); background-size: 260%; background-position: 90% 10%
[/class]

[class=box]color: black;
font-size: 10px;
width: 93%
[/class]

[class=v]font-style: italic;
text-align: center;
text-transform: uppercase;
[/class]

[class=cont3]height: 180px; max-width: 200px; padding: 10px; border-radius: 5px; position: relative; background: white; top: 4%
[/class]

[class=title]position: relative;
font-size: 13px;t
font-style: italic;
text-align: center;
text-transform: uppercase;
font-weight: 700;
z-index: 5
[/class]

[class=rop]height: 20%; color: transparent; font-size: 20px;
position: relative;
top: -30px;
margin-left: 12%;
overflow: hidden;
[/class]

[class=line]height: 7px;
width: 7px;
display: inline-block;
background: var(--back);
z-index: 1
[/class]

[class=box2]position: relative; top: -20px; margin: auto; font-size: 10px; height: 140px;
width: 100%;
overflow: hidden
[/class]

[class name=left]
animation-name: {post_id}left;
animation-direction: normal;
animation-duration: 0.7s;
animation-delay: 0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: both;
[/class]

[animation=left]
[keyframe=0]left: 215px[/keyframe]
[keyframe=100]left: -10px[/keyframe]
[/animation]

[class name=lt]
animation-name: {post_id}lt;
animation-direction: normal;
animation-duration: 0.7s;
animation-delay: 0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: both;
[/class]

[animation=lt]
[keyframe=0]left: 0px[/keyframe]
[keyframe=100]left: -215px[/keyframe]
[/animation]

[class name=right]
animation-name: {post_id}right;
animation-direction: normal;
animation-duration: 0.7s;
animation-delay: 0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: both;
[/class]

[animation=right]
[keyframe=0]left: -10px[/keyframe]
[keyframe=100]left: 215px[/keyframe]
[/animation]

[class name=rt]
animation-name: {post_id}rt;
animation-direction: normal;
animation-duration: 0.7s;
animation-delay: 0s;
animation-timing-function: ease-out;
animation-iteration-count: 1;
animation-fill-mode: both;
[/class]

[animation=rt]
[keyframe=0]left: -215px[/keyframe]
[keyframe=100]left: 0px[/keyframe]
[/animation]

[script class=image on=mouseenter]
addClass left rhold
addClass lt bottom
removeClass right rhold
removeClass rt bottom
[/script]

[script class=image on=mouseleave]
addClass right rhold
addClass rt bottom
removeClass left rhold
removeClass lt bottom
[/script][/nobr]