Resource ⌲𝚏𝚕𝚎𝚊 𝚖𝚊𝚛𝚔𝚎𝚝↝⌈sǝıqǝǝɹɟ⌋

[yousmelldead]

[class=starter]
position:relative;
box-sizing: border-box;
width: 600px;
height: 400px;
background-color: rgba(255,255,255,1);
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=name]
position: absolute;
left: 80px;
top: 66px;
overflow: visible;
width: 442px;
height: 28px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: rgba(181,154,159,1);
[/class][class=market]
position: absolute;
left: 42px;
top: 94px;
overflow: visible;
width: 517px;
height: 56px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 60px;
color: rgba(136,136,138,1);
[/class][class=text]
position: relative;
overflow: auto;
width: 200px;
height: 150px;
font-size: 12px;
font-family: hoefler text;
line-height: 14px;
color: #707070;
padding: 8px;
text-align: center;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 200px;
height: 150px;
left: 200px;
top: 180px;
border: 2px solid #D0BFB3;
[/class][class=junk]
position: absolute;
left: 408px;
top: 160px;
overflow: visible;
width: 130px;
height: 12px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: rgba(205,210,212,1);
[/class][class=left]
overflow: visible;
position: absolute;
top: 175.5px;
left: 178.5px;
width: 2px;
height: 165px;
background-color:#B39CA0;
[/class][class=right]
overflow: visible;
position: absolute;
top: 175.5px;
left: 421.5px;
width: 2px;
height: 165px;
background-color:#B39CA0;
[/class][class=free]
position: absolute;
left: 226px;
top: 350px;
overflow: visible;
width: 150px;
height: 9px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 10px;
color: rgba(136,136,138,1);
[/class]
[div class=starter]
[div class=name]SMELLY'S BBCODE[/div]
[div class=market]FLEA MARKET[/div]
[div class=textcontainer][div class=text] welcome to my flea market!
remember, i am just starting out! i just want a relatively neat place to put all my junk codes.
if you see anything that strikes your fancy you are more than welcome to use it!
all i ask is that you do not remove the credit! it takes time to make these codes so please don't take it as your own!
most every code can be changed color and text wise! if you need any help with them message me and i can help!
happy picking!
-smelly

[/div][/div]
[div class=junk]please, take the junk.[/div]
[div class=left][/div]
[div class=right][/div]
[div class=free]btw, did i mention their free?[/div]
[/div]

 

[yousmelldead]

ic post
details: 150x150 photo, tag/mention/mood hover over photo, colors and text are changeable! not mobile friendly!​

[class=coralsand]
position: relative;
box-sizing: border-box;
width: 500px;
height: 400px;
background-color: rgba(255,255,255,1);
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=sidebox]
position: absolute;
overflow: visible;
width: 190px;
height: 400px;
left: 0px;
top: 0px;
background-color: #E3C8BF;
[/class][class=bubble1]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 6px;
top: 369px;
border-radius: 200px;
background-color: #F9E6DA;
[/class][class=bubble2]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 54px;
top: 369px;
border-radius: 200px;
background-color: #F9E6DA;
[/class][class=bubble3]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 102px;
top: 369px;
border-radius: 200px;
background-color: #F9E6DA;
[/class][class=bubble4]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 150px;
top: 369px;
border-radius: 200px;
background-color: #F9E6DA;
[/class][class=text]
position: relative;
overflow: auto;
width: 235px;
height: 360px;
font-size: 12px;
font-family: veranda;
line-height: 11px;
color: #707070;
padding: 11px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 240px;
height: 360px;
left: 250px;
top: 16px;
border: 1px solid #F9E6DA;
[/class][class=credit]
position: absolute;
left: 418px;
top: 384px;
overflow: visible;
width: 83px;
height: 16px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(215,171,131,1);
[/class][class=picborder]
position: absolute;
overflow: visible;
width: 150px;
height: 200px;
left: 67px;
top: 59px;
border: 3px solid #F9E6DA;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 79px;
top: 96px;
border: 1px solid #9B695B;
background: url(https://imgur.com/PiCmI9Q.jpg);
background-size: 100%;
[/class][class=pichover]
position: absolute;
overflow: hidden;
width: 150px;
height: 150px;
background-color: #F9E6DA;
background-size: 100%;
text-align: justify;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #9B695B;
[/class][class=hidden]
display:none;
[/class][script class=pic on=mouseenter]
fadeIn 0500 pichover
[/script][script class=pic on=mouseleave]
fadeOut 0500 pichover
[/script][class=line]
overflow: visible;
position: absolute;
top: 280.5px;
left: 6.5px;
width: 237px;
height: 4px;
background-color:#F9E6DA;
[/class][class=title]
position: absolute;
left: 102px;
top: 267px;
overflow: visible;
width: 169px;
height: 27px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: rgba(139,88,82,1);
[/class]

[div class=coralsand]
[div class=sidebox][/div]
[div class=bubble1][/div]
[div class=bubble2][/div]
[div class=bubble3][/div]
[div class=bubble4][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=credit]code::yousmelldead[/div]
[div class=picborder][/div]
[div class=pic][div class="pichover hidden"]mood | info info info
location | info info info
interactions | info info info
outfit | info info info
tags |info info info[/div][/div]
[div class=line][/div]
[div class=title]coral sand[/div]
[/div]

Spoiler: coral sand

[class=coralsand]
        position: relative;
        box-sizing: border-box;
        width: 500px;
        height: 400px;
        background-color: rgba(255,255,255,1);
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
[/class][class=sidebox]
        position: absolute;
        overflow: visible;
        width: 190px;
        height: 400px;
        left: 0px;
        top: 0px;
background-color: #E3C8BF;
    [/class][class=bubble1]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 6px;
        top: 369px;
       border-radius: 200px;
      background-color: #F9E6DA;
[/class][class=bubble2]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 54px;
        top: 369px;
      border-radius: 200px;
      background-color: #F9E6DA;
[/class][class=bubble3]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 102px;
        top: 369px;
      border-radius: 200px;
      background-color: #F9E6DA;
[/class][class=bubble4]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 150px;
        top: 369px;
       border-radius: 200px;
      background-color: #F9E6DA;
[/class][class=text]
        position: relative;
        overflow: auto;
        width: 235px;
        height: 360px;
        font-size: 12px;
       font-family: veranda;
       line-height: 11px;
       color: #707070;
       padding: 11px;
      text-align: justify;
    [/class][class=textcontainer]
        position: absolute;
        overflow: hidden;
        width: 240px;
        height: 360px;
        left: 250px;
        top: 16px;
border: 1px solid #F9E6DA;
[/class][class=credit]
        position: absolute;
        left: 418px;
        top: 384px;
        overflow: visible;
        width: 83px;
        height: 16px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        color: rgba(215,171,131,1);
    [/class][class=picborder]
        position: absolute;
        overflow: visible;
        width: 150px;
        height: 200px;
        left: 67px;
        top: 59px;
border: 3px solid #F9E6DA;
    [/class][class=pic]
        position: absolute;
        overflow: visible;
        width: 150px;
        height: 150px;
        left: 79px;
        top: 96px;
border: 1px solid #9B695B;
background: url(https://imgur.com/PiCmI9Q.jpg);
background-size: 100%;
    [/class][class=pichover]
        position: absolute;
        overflow: hidden;
        width: 150px;
        height: 150px;
        background-color: #F9E6DA;
        background-size: 100%;
        text-align: justify;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color:  #9B695B;
    [/class][class=hidden]
        display:none;
    [/class][script class=pic on=mouseenter]
        fadeIn 0500 pichover
    [/script][script class=pic on=mouseleave]
        fadeOut 0500 pichover
    [/script][class=line]
        overflow: visible;
        position: absolute;
        top: 280.5px;
        left: 6.5px;
        width: 237px;
        height: 4px;
background-color:#F9E6DA;
    [/class][class=title]
        position: absolute;
        left: 102px;
        top: 267px;
        overflow: visible;
        width: 169px;
        height: 27px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        color: rgba(139,88,82,1);
    [/class]

[div class=coralsand]
[div class=sidebox][/div]
[div class=bubble1][/div]
[div class=bubble2][/div]
[div class=bubble3][/div]
[div class=bubble4][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=credit]code::yousmelldead[/div]
[div class=picborder][/div]
[div class=pic][div class="pichover hidden"]mood | info info info [br][/br]location | info info info[br][/br] interactions | info info info[br][/br] outfit | info info info[br][/br] tags |info info info[/div][/div]
[div class=line][/div]
[div class=title]coral sand[/div]
[/div]

 

[yousmelldead]

simple placeholder
details: 150x150 photo, colors and text are changeable!​

[class=custom___1]
position: relative;
box-sizing: border-box;
width: 400px;
height: 200px;
background-color: #fff;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 150px;
height: 150px;
left: 33px;
top: 20px;
background: url(https://imgur.com/gaJ1nsf.jpg);
[/class][class=picborder]
position: absolute;
overflow: visible;
width: 160px;
height: 160px;
left: 8px;
top: 6px;
background-color: #fff;
border: 2px solid #272C2F;
[/class][class=line]
overflow: visible;
position: absolute;
top: 181.5px;
left: 108.5px;
width: 285px;
height: 2px;
background-color: #272C2F;
border: 2px solid #272C2F;
[/class][class=role]
position: absolute;
left: 200px;
top: 88px;
overflow: visible;
width: 174px;
height: 25px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: #272C2F;
[/class][class=name]
position: absolute;
left: 257px;
top: 137px;
overflow: visible;
width: 137px;
height: 20px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 18px;
color: #272C2F;
[/class][class=fc]
position: absolute;
left: 257px;
top: 157px;
overflow: visible;
width: 126px;
height: 18px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #272C2F;
[/class][class=credit]
position: absolute;
left: 291px;
top: 185px;
overflow: auto;
width: 134px;
height: 11px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(112,112,112,1);
[/class]
[div class=custom___1]
[div class=picborder][div class=pic][/div][/div]
[div class=line][/div]
[div class=role]ROLE HERE[/div]
[div class=name]NAME HERE[/div]
[div class=fc]fc: [/div]
[div class=credit]code::yousmelldead[/div][/div]

Spoiler: milo

[class=custom___1]
        position: relative;
        box-sizing: border-box;
        width: 400px;
        height: 200px;
        background-color: #fff;
        overflow: hidden;
        margin-left: auto;
       margin-right: auto;
        padding: 0;
[/class][class=pic]
        position: absolute;
        overflow: visible;
        width: 150px;
        height: 150px;
        left: 33px;
        top: 20px;
       background: url(https://imgur.com/gaJ1nsf.jpg);
    [/class][class=picborder]
        position: absolute;
        overflow: visible;
        width: 160px;
        height: 160px;
        left: 8px;
        top: 6px;
      background-color: #fff;
      border: 2px solid #272C2F;
    [/class][class=line]
        overflow: visible;
        position: absolute;
        top: 181.5px;
        left: 108.5px;
        width: 285px;
        height: 2px;
       background-color: #272C2F;
      border: 2px solid #272C2F;
    [/class][class=role]
        position: absolute;
        left: 200px;
        top: 88px;
        overflow: visible;
        width: 174px;
        height: 25px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        color: #272C2F;
[/class][class=name]
        position: absolute;
        left: 257px;
        top: 137px;
        overflow: visible;
        width: 137px;
        height: 20px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        color: #272C2F;
[/class][class=fc]
        position: absolute;
        left: 257px;
        top: 157px;
        overflow: visible;
        width: 126px;
        height: 18px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: #272C2F;
    [/class][class=credit]
        position: absolute;
        left: 291px;
        top: 185px;
        overflow: auto;
        width: 134px;
        height: 11px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        color: rgba(112,112,112,1);
[/class]
[div class=custom___1]
[div class=picborder][div class=pic][/div][/div]
[div class=line][/div]
[div class=role]ROLE HERE[/div]
[div class=name]NAME HERE[/div]
[div class=fc]fc: milo vwewfs[/div]
[div class=credit]code::yousmelldead[/div][/div]

 

[yousmelldead]

ic post
details: pic is 130x130, everything scrolls including text box and misc. box, all colors and fonts can be changed as well! not mobile friendly.​

[class=custom___1]
position: relative;
box-sizing: border-box;
width: 550px;
height: 350px;
background-color: #fff;
overflow: hidden;
margin-right: auto;
margin-left: auto;
padding: 0;
[/class][class=pic]
position: absolute;
overflow: auto;
width: 130px;
height: 130px;
left: 39px;
top: 45px;
background: url(https://imgur.com/irRBIKq.jpg);
[/class][class=picborder]
position: absolute;
overflow: auto;
width: 125px;
height: 131px;
left: 59px;
top: 57px;
border: 2px solid #6F5580;
[/class][class=text]
position: relative;
overflow: auto;
width: 315px;
height: 260px;
font-size: 12px;
font-family: veranda;
line-height: 11px;
color: #707070;
padding: 7px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 320px;
height: 270px;
left: 205px;
top: 36px;
border: 2px solid #BBC9B1;
[/class][class=tag]
position: relative;
overflow: auto;
width: 160px;
height: 85px;
font-size: 12px;
font-family: veranda;
line-height: 15px;
color: #707070;
padding: 7px;
text-align: justify;
[/class][class=tagcontainer]
position: absolute;
overflow: hidden;
width: 155px;
height: 90px;
left: 24px;
top: 235px;
border: 2px solid #fff;
[/class][class=outerborder]
position: absolute;
overflow: auto;
width: 538px;
height: 335px;
left: 6px;
top: 8px;
border: 3px solid #BBC9B1;
[/class][class=titleline]
overflow: visible;
position: absolute;
top: 219px;
left: 19.5px;
width: 165px;
height: 14px;
background:#BBC9B1;
[/class][class=title]
position: absolute;
left: 20px;
top: 201px;
overflow: visible;
width: 166px;
height: 26px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: #6F5580;
[/class][class=credit]
position: absolute;
left: 296px;
top: 317px;
overflow: visible;
width: 114px;
height: 6px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 10px;
color:#6F5580;
[/class]
[div class=custom___1]
[div class=outerborder][/div]
[div class=pic][/div]
[div class=picborder][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=tagcontainer][div class=tag]mood::
location::
outfit::
interactions::
tags::
whatever you want cause this scrolls
[/div][/div]
[div class=titleline][/div]
[div class=title]NAME HERE[/div]
[div class=credit]code :: yousmelldead[/div]

[/div]

Spoiler: lilac fields

[class=custom___1]
        position: relative;
        box-sizing: border-box;
        width: 550px;
        height: 350px;
        background-color: #fff;
        overflow: hidden;
        margin-right: auto;
        margin-left: auto;
        padding: 0;
    [/class][class=pic]
        position: absolute;
        overflow: auto;
        width: 130px;
        height: 130px;
        left: 39px;
        top: 45px;
        background: url(https://imgur.com/irRBIKq.jpg);
    [/class][class=picborder]
        position: absolute;
        overflow: auto;
        width: 125px;
        height: 131px;
        left: 59px;
        top: 57px;
       border: 2px solid #6F5580;
    [/class][class=text]
        position: relative;
        overflow: auto;
        width: 315px;
        height: 260px;
        font-size: 12px;
       font-family: veranda;
       line-height: 11px;
       color: #707070;
       padding: 7px;
      text-align: justify;
    [/class][class=textcontainer]
        position: absolute;
        overflow: hidden;
        width: 320px;
        height: 270px;
        left: 205px;
        top: 36px;
        border: 2px solid #BBC9B1;
    [/class][class=tag]
        position: relative;
        overflow: auto;
        width: 160px;
        height: 85px;
        font-size: 12px;
        font-family: veranda;
       line-height: 15px;
       color: #707070;
       padding: 7px;
       text-align: justify;
    [/class][class=tagcontainer]
        position: absolute;
        overflow: hidden;
        width: 155px;
        height: 90px;
        left: 24px;
        top: 235px;
       border: 2px solid #fff;
    [/class][class=outerborder]
        position: absolute;
        overflow: auto;
        width: 538px;
        height: 335px;
        left: 6px;
        top: 8px;
        border: 3px solid #BBC9B1;
    [/class][class=titleline]
        overflow: visible;
        position: absolute;
        top: 219px;
        left: 19.5px;
        width: 165px;
        height: 14px;
        background:#BBC9B1;
    [/class][class=title]
        position: absolute;
        left: 20px;
        top: 201px;
        overflow: visible;
        width: 166px;
        height: 26px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        color: #6F5580;
    [/class][class=credit]
        position: absolute;
        left: 296px;
        top: 317px;
        overflow: visible;
        width: 114px;
        height: 6px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        color:#6F5580;
    [/class]
[div class=custom___1]
[div class=outerborder][/div]
        [div class=pic][/div]
        [div class=picborder][/div]
        [div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
  [div class=tagcontainer][div class=tag]mood::[br][/br]location::[br][/br]outfit::[br][/br]interactions::[br][/br]tags::[br][/br]whatever you want cause this scrolls[br][/br][/div][/div]
        [div class=titleline][/div]
        [div class=title]NAME HERE[/div]
        [div class=credit]code :: yousmelldead[/div]
   
[/div]

 

[yousmelldead]

ic post
details: pic is an odd 150x330 but it's kind of cool, colors are all changeable!
i think this is my favorite one i've done so far! pic is a hover as well as all the boxes on the side!
​

[class=bumblebee]
position: relative;
box-sizing: border-box;
width: 500px;
height: 440px;
background-color: rgba(255,255,255,1);
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=mood]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 18px;
top: 128px;
background-color: #000;
[/class][class=moodhover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #F7D03B;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #000;
[/class][class=hidden]
display:none;
[/class][script class=mood on=mouseenter]
fadeIn 0500 moodhover
[/script][script class=mood on=mouseleave]
fadeOut 0500 moodhover
[/script][class=location]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 18px;
top: 192px;
background-color: #000;
[/class][class=locationhover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #F7D03B;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #000;
[/class][class=hidden]
display:none;
[/class][script class=location on=mouseenter]
fadeIn 0500 locationhover
[/script][script class=location on=mouseleave]
fadeOut 0500 locationhover
[/script]
[class=outfit]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 18px;
top: 256px;
background-color: #000;
[/class][class=outfithover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #F7D03B;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #000;
[/class][class=hidden]
display:none;
[/class][script class=outfit on=mouseenter]
fadeIn 0500 outfithover
[/script][script class=outfit on=mouseleave]
fadeOut 0500 outfithover
[/script][class=top]
overflow: visible;
position: absolute;
top: 45.5px;
left: 8.5px;
width: 349px;
height: 4px;
background-color:#F7D03B;
[/class][class=interactions]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 18px;
top: 320px;
background-color: #000;
[/class][class=interactionshover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #F7D03B;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #000;
[/class][class=hidden]
display:none;
[/class][script class=interactions on=mouseenter]
fadeIn 0500 interactionshover
[/script][script class=interactions on=mouseleave]
fadeOut 0500 interactionshover
[/script][class=pic]
position: absolute;
overflow: visible;
width: 150px;
height: 330px;
left: 78px;
top: 27px;
background: url(https://imgur.com/40OfEeX.jpg);
[/class][class=pichover]
position: absolute;
overflow: hidden;
width: 150px;
height: 330px;
background-color: #000;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 16px;
color: #F7D03B;
[/class][class=hidden]
display:none;
[/class][script class=pic on=mouseenter]
fadeIn 0500 pichover
[/script][script class=pic on=mouseleave]
fadeOut 0500 pichover
[/script]
[class=text]
position: relative;
overflow: auto;
width: 235px;
height: 360px;
font-size: 12px;
font-family: veranda;
line-height: 14px;
color: #000;
padding: 9px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 240px;
height: 360px;
left: 244px;
top: 62px;
border: 1px solid #fff;
[/class][class=titlebox]
position: absolute;
overflow: visible;
width: 164px;
height: 10px;
left: 72px;
top: 380px;
background-color: #F7D03B;
[/class][class=title]
position: absolute;
left: 78px;
top: 370px;
overflow: visible;
width: 151px;
height: 21px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: rgba(20,20,24,1);
[/class][class=side]
overflow: visible;
position: absolute;
top: 15.5px;
left: 491.5px;
width: 5px;
height: 388.01px;
background-color: #F7D03B;
[/class][class=bottom]
overflow: visible;
position: absolute;
top: 422.5px;
left: 8.5px;
width: 220px;
height: 4px;
background-color: #F7D03B;
[/class][class=credit]
position: absolute;
left: 418px;
top: 428px;
overflow: visible;
width: 75px;
height: 12px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(20,20,24,1);
[/class]
[div class=bumblebee]
[div class=mood][div class="moodhover hidden"]
info[/div][/div]
[div class=location][div class="locationhover hidden"]
info[/div][/div]
[div class=outfit][div class="outfithover hidden"]
info[/div][/div]
[div class=top][/div]
[div class=interactions][div class="interactionshover hidden"]
info[/div][/div]
[div class=pic][div class="pichover hidden"]

tags::
info
info[/div][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=titlebox][/div]
[div class=title]BUMBLE BEE[/div]
[div class=side][/div]
[div class=bottom][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

Spoiler: bumble bee

[class=bumblebee]
        position: relative;
        box-sizing: border-box;
        width: 500px;
        height: 440px;
        background-color: rgba(255,255,255,1);
        overflow: hidden;
        margin-left: auto;
       margin-right: auto;
        padding: 0;
[/class][class=mood]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 18px;
        top: 128px;
background-color: #000;
    [/class][class=moodhover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #F7D03B;
        background-size: 100%;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #000;
    [/class][class=hidden]
        display:none;
    [/class][script class=mood on=mouseenter]
        fadeIn 0500 moodhover
    [/script][script class=mood on=mouseleave]
        fadeOut 0500 moodhover
    [/script][class=location]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 18px;
        top: 192px;
background-color: #000;
    [/class][class=locationhover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #F7D03B;
        background-size: 100%;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #000;
    [/class][class=hidden]
        display:none;
    [/class][script class=location on=mouseenter]
        fadeIn 0500 locationhover
    [/script][script class=location on=mouseleave]
        fadeOut 0500 locationhover
    [/script]
[class=outfit]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 18px;
        top: 256px;
       background-color: #000;
    [/class][class=outfithover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #F7D03B;
        background-size: 100%;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #000;
    [/class][class=hidden]
        display:none;
    [/class][script class=outfit on=mouseenter]
        fadeIn 0500 outfithover
    [/script][script class=outfit on=mouseleave]
        fadeOut 0500 outfithover
    [/script][class=top]
        overflow: visible;
        position: absolute;
        top: 45.5px;
        left: 8.5px;
        width: 349px;
        height: 4px;
        background-color:#F7D03B;
   [/class][class=interactions]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 18px;
        top: 320px;
background-color: #000;
[/class][class=interactionshover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #F7D03B;
        background-size: 100%;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #000;
    [/class][class=hidden]
        display:none;
    [/class][script class=interactions on=mouseenter]
        fadeIn 0500 interactionshover
    [/script][script class=interactions on=mouseleave]
        fadeOut 0500 interactionshover
    [/script][class=pic]
        position: absolute;
        overflow: visible;
        width: 150px;
        height: 330px;
        left: 78px;
        top: 27px;
    background: url(https://imgur.com/40OfEeX.jpg);
[/class][class=pichover]
        position: absolute;
        overflow: hidden;
        width: 150px;
        height: 330px;
        background-color: #000;
        background-size: 100%;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 16px;
        color: #F7D03B;
    [/class][class=hidden]
        display:none;
    [/class][script class=pic on=mouseenter]
        fadeIn 0500 pichover
    [/script][script class=pic on=mouseleave]
        fadeOut 0500 pichover
    [/script]
[class=text]
        position: relative;
        overflow: auto;
        width: 235px;
        height: 360px;
        font-size: 12px;
       font-family: veranda;
       line-height: 14px;
       color: #000;
       padding: 9px;
      text-align: justify;
    [/class][class=textcontainer]
      position: absolute;
        overflow: hidden;
        width: 240px;
        height: 360px;
        left: 244px;
        top: 62px;
       border: 1px solid #fff;
[/class][class=titlebox]
        position: absolute;
        overflow: visible;
        width: 164px;
        height: 10px;
        left: 72px;
        top: 380px;
background-color: #F7D03B;
[/class][class=title]
        position: absolute;
        left: 78px;
        top: 370px;
        overflow: visible;
        width: 151px;
        height: 21px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        color: rgba(20,20,24,1);
    [/class][class=side]
        overflow: visible;
        position: absolute;
        top: 15.5px;
        left: 491.5px;
        width: 5px;
        height: 388.01px;
    background-color: #F7D03B;
[/class][class=bottom]
        overflow: visible;
        position: absolute;
        top: 422.5px;
        left: 8.5px;
        width: 220px;
        height: 4px;
    background-color: #F7D03B;
[/class][class=credit]
        position: absolute;
        left: 418px;
        top: 428px;
        overflow: visible;
        width: 75px;
        height: 12px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        color: rgba(20,20,24,1);
    [/class]
[div class=bumblebee]
[div class=mood][div class="moodhover hidden"][br][/br]info[/div][/div]
[div class=location][div class="locationhover hidden"][br][/br]info[/div][/div]
[div class=outfit][div class="outfithover hidden"][br][/br]info[/div][/div]
[div class=top][/div]
[div class=interactions][div class="interactionshover hidden"][br][/br]info[/div][/div]
[div class=pic][div class="pichover hidden"][br][/br][br][/br]tags::[br][/br]info [br][/br]info[/div][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=titlebox][/div]
[div class=title]BUMBLE BEE[/div]
[div class=side][/div]
[div class=bottom][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

 

[yousmelldead]

progress bar placeholder
details: unique little placeholder, tracks the status of the finished cs! pic is 125x125, colors and font's can be changed!​

[class=custom___1]
position: relative;
box-sizing: border-box;
background: #E5E5E5;
width: 400px;
height: 210px;
background-color: #fff;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=twenty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 125px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=thirty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 150px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=forty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 175px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=fifty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 200px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ten]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 100px;
top: 152px;
border: 1px solid #000;
background-color: #6B88AB;
[/class][class=sixty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 225px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=eighty]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 275px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ninety]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 300px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=seventy]
position: absolute;
overflow: visible;
width: 25px;
height: 25px;
left: 250px;
top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 125px;
height: 125px;
left: 19px;
top: 21px;
background: url(https://imgur.com/QCuP0h2.jpg);
background-size: 110%;
border-radius: 60px 60px 0px 60px;
border:1px solid #000;
[/class][class=zero]
position: absolute;
left: 75px;
top: 150px;
overflow: visible;
width: 26px;
height: 25px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: rgba(0,0,0,1);
[/class][class=onehundred]
position: absolute;
left: 328px;
top: 149px;
overflow: visible;
width: 45px;
height: 26px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 25px;
color: rgba(34,32,32,1);
[/class][class=progress]
position: absolute;
left: 100px;
top: 183px;
overflow: visible;
width: 226px;
height: 14px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: rgba(0,0,0,1);
[/class][class=role]
position: absolute;
left: 131px;
top: 103px;
overflow: visible;
width: 220px;
height: 24px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #6B88AB;
[/class][class=line]
overflow: visible;
position: absolute;
top: 135px;
left: 135px;
width: 220px;
height: 2px;
background-color: #000;
[/class][class=credit]
position: absolute;
left: 324px;
top: 0px;
overflow: visible;
width: 76px;
height: 11px;
text-align: center;
font-family: Hoefler Text;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(0,0,0,1);
[/class]

[div class=custom___1]
[div class=twenty][/div]
[div class=thirty][/div]
[div class=forty][/div]
[div class=fifty][/div]
[div class=ten][/div]
[div class=sixty][/div]
[div class=eighty][/div]
[div class=ninety][/div]
[div class=seventy][/div]
[div class=pic][/div]
[div class=zero]0[/div]
[div class=onehundred]100[/div]
[div class=progress]character in progress...[/div]
[div class=role]ROLE HERE[/div]
[div class=line][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

Spoiler: progressbar

[class=custom___1]
        position: relative;
        box-sizing: border-box;
        background: #E5E5E5;
        width: 400px;
        height: 210px;
        background-color: #fff;
        overflow: hidden;
        margin-left: auto;
margin-right: auto;
        padding: 0;
[/class][class=twenty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 125px;
        top: 152px;
    background-color: #fff;
border: 1px solid #000;
[/class][class=thirty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 150px;
        top: 152px;
   background-color: #fff;
border: 1px solid #000;
[/class][class=forty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 175px;
        top: 152px;
  background-color: #fff;
border: 1px solid #000;
[/class][class=fifty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 200px;
        top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ten]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 100px;
        top: 152px;
border: 1px solid #000;
background-color: #6B88AB;
[/class][class=sixty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 225px;
        top: 152px;
background-color: #fff;
border: 1px solid #000;
    [/class][class=eighty]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 275px;
        top: 152px;
background-color: #fff;
border: 1px solid #000;
[/class][class=ninety]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 300px;
        top: 152px;
    background-color: #fff;
border: 1px solid #000;
[/class][class=seventy]
        position: absolute;
        overflow: visible;
        width: 25px;
        height: 25px;
        left: 250px;
        top: 152px;
   background-color: #fff;
border: 1px solid #000;
[/class][class=pic]
        position: absolute;
        overflow: visible;
        width: 125px;
        height: 125px;
        left: 19px;
        top: 21px;
    background: url(https://imgur.com/QCuP0h2.jpg);
background-size: 110%;
    border-radius: 60px 60px 0px 60px;
border:1px solid #000;
[/class][class=zero]
        position: absolute;
        left: 75px;
        top: 150px;
        overflow: visible;
        width: 26px;
        height: 25px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        color: rgba(0,0,0,1);
    [/class][class=onehundred]
        position: absolute;
        left: 328px;
        top: 149px;
        overflow: visible;
        width: 45px;
        height: 26px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 25px;
        color: rgba(34,32,32,1);
    [/class][class=progress]
        position: absolute;
        left: 100px;
        top: 183px;
        overflow: visible;
        width: 226px;
        height: 14px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        color: rgba(0,0,0,1);
    [/class][class=role]
        position: absolute;
        left: 131px;
        top: 103px;
        overflow: visible;
        width: 220px;
        height: 24px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 30px;
        color: #6B88AB;
    [/class][class=line]
        overflow: visible;
        position: absolute;
        top: 135px;
        left: 135px;
        width: 220px;
        height: 2px;
   background-color: #000;
[/class][class=credit]
        position: absolute;
        left: 324px;
        top: 0px;
        overflow: visible;
        width: 76px;
        height: 11px;
        text-align: center;
        font-family: Hoefler Text;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        color: rgba(0,0,0,1);
    [/class]

[div class=custom___1]
[div class=twenty][/div]
[div class=thirty][/div]
[div class=forty][/div]
[div class=fifty][/div]
[div class=ten][/div]
[div class=sixty][/div]
[div class=eighty][/div]
[div class=ninety][/div]
[div class=seventy][/div]
[div class=pic][/div]
[div class=zero]0[/div]
[div class=onehundred]100[/div]
[div class=progress]character in progress...[/div]
[div class=role]ROLE HERE[/div]
[div class=line][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

 

[constellation]

am i allowed to comment slkjdfsdf if not i will delete

bUT look at u go. they're all so BEAUTIFUL.

 

[yousmelldead]

am i allowed to comment slkjdfsdf if not i will delete

bUT look at u go. they're all so BEAUTIFUL.

oop, of course you are allowed to!
but only cause it's you!
i feel like i am now going crazy coding because i want to get as good as all of you coder queens! tabs will be my next tackle.

 

[constellation]

oop, of course you are allowed to!
but only cause it's you!
i feel like i am now going crazy coding because i want to get as good as all of you coder queens! tabs will be my next tackle.

i believe in you!! you got this c:

 

[fei]

I’ll delete this post later if you want but you’re literally better than me and I’ve been on the site for 2 years now

 

[yousmelldead]

I’ll delete this post later if you want but you’re literally better than me and I’ve been on the site for 2 years now

Oh my goodness no!
I am sure you’re codes are amazing!

 

[yousmelldead]

| |ic post |
details: pic is 160x160! colors are changable, fonts are questionable. the buttons are hovers!​

[class=custom___1]
position: relative;
box-sizing: border-box;
width: 500px;
height: 400px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=title]
position: absolute;
left: 207px;
top: 34px;
overflow: visible;
width: 131px;
height: 31px;
text-align: left;
font-family: Times New Roman;
font-style: normal;
font-weight: bold;
font-size: 30px;
color: #c98375;
[/class][class=_]
position: absolute;
left: 260px;
top: 65px;
overflow: visible;
width: 57px;
height: 18px;
text-align: left;
font-family: Times New Roman;
font-style: normal;
font-weight: normal;
font-size: 15px;
color: rgba(112,112,112,1);
[/class][class=noun]
position: absolute;
left: 218px;
top: 78px;
overflow:visible;
width: 33px;
height: 16px;
text-align: left;
font-family: Times New Roman;
font-style: italic;
font-weight: normal;
font-size: 15px;
color: rgba(112,112,112,1);
[/class][class=definition]
position: absolute;
left: 250px;
top: 94px;
overflow: visible;
width: 192px;
height: 35px;
text-align: left;
font-family: Times New Roman;
font-style: normal;
font-weight: normal;
font-size: 15px;
color: rgba(112,112,112,1);
[/class][class=text]
position: relative;
overflow: auto;
width: 357px;
height: 245px;
font-size: 12px;
font-family: veranda;
line-height: 11px;
color: #707070;
padding: 8px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 357px;
height: 245px;
left: 137px;
top: 145px;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 160px;
height: 160px;
left: 35px;
top: 0px;
border: 1px solid #c98375;
background: url(https://imgur.com/AolDEEk.jpg);
border-radius: 200px;
[/class][class=pichover]
position: absolute;
overflow: hidden;
width: 160px;
height: 160px;
background: transparent;
background-size: 100%;
border-radius: 150px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #fff;
[/class][class=hidden]
display:none;
[/class][script class=pic on=mouseenter]
fadeIn 0500 pichover
[/script][script class=pic on=mouseleave]
fadeOut 0500 pichover
[/script][class=outfit]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 82px;
top: 284px;
border-radius: 200px;
background: url(https://imgur.com/GGDZvJ3.jpg);
border: 1px solid #c98375;
[/class][class=outfithover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #c98375;
background-size: 100%;
border-radius: 150px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #fff;
[/class][class=hidden]
display:none;
[/class][script class=outfit on=mouseenter]
fadeIn 0500 outfithover
[/script][script class=outfit on=mouseleave]
fadeOut 0500 outfithover
[/script][class=location]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 82px;
top: 228px;
border-radius: 200px;
background: url(https://imgur.com/PftxzaF.jpg);
border: 1px solid #c98375;
[/class][class=locationhover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #c98375;
background-size: 100%;
border-radius: 150px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #fff;
[/class][script class=location on=mouseenter]
fadeIn 0500 locationhover
[/script][script class=location on=mouseleave]
fadeOut 0500 locationhover
[/script][class=mood]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 82px;
top: 172px;
border-radius: 200px;
background: url(https://imgur.com/E2bix10.jpg);
border: 1px solid #c98375;
[/class][class=moodhover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #c98375;
background-size: 100%;
border-radius: 150px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 16px;
color: #fff;
[/class][script class=mood on=mouseenter]
fadeIn 0500 moodhover
[/script][script class=mood on=mouseleave]
fadeOut 0500 moodhover
[/script][class=interactions]
position: absolute;
overflow: visible;
width: 50px;
height: 50px;
left: 82px;
top: 340px;
background: url(https://imgur.com/gsM1t8Y.jpg);
border: 1px solid #c98375;
border-radius: 200px;
[/class][class=interactionshover]
position: absolute;
overflow: hidden;
width: 50px;
height: 50px;
background-color: #c98375;
background-size: 100%;
border-radius: 150px;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 8px;
line-height: 12px;
color: #fff;
[/class][script class=interactions on=mouseenter]
fadeIn 0500 interactionshover
[/script] [script class=interactions on=mouseleave]
fadeOut 0500 interactionshover
[/script][class=credit]
position: absolute;
left: 417px;
top: 387px;
overflow: visible;
width: 78px;
height: 13px;
text-align: left;
font-family: Times New Roman;
font-style: normal;
font-weight: normal;
font-size: 9px;
color: rgba(112,112,112,1);
[/class]
[div class=custom___1]
[div class=title]rylan[/div]
[div class=_]/ ry•lan / [/div]
[div class=noun]noun[/div]
[div class=definition]a lovable jackass;
1.refer to toxic relationships[/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=pic][div class="pichover hidden"]tags: [/div][/div]
[div class=outfit][div class="outfithover hidden"]
info[/div][/div]
[div class=location][div class="locationhover hidden"]
info [/div][/div]
[div class=mood][div class="moodhover hidden"]
info[/div][/div]
[div class=interactions][div class="interactionshover hidden"]
info[/div][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

Spoiler: dictionary

[class=custom___1]
        position: relative;
        box-sizing: border-box;
        width: 500px;
        height: 400px;
        overflow: hidden;
        margin-left: auto;
       margin-right: auto;
        padding: 0;
[/class][class=title]
        position: absolute;
        left: 207px;
        top: 34px;
        overflow: visible;
        width: 131px;
        height: 31px;
        text-align: left;
        font-family: Times New Roman;
        font-style: normal;
        font-weight: bold;
        font-size: 30px;
        color:  #c98375;
    [/class][class=_]
        position: absolute;
        left: 260px;
        top: 65px;
        overflow: visible;
        width: 57px;
        height: 18px;
        text-align: left;
        font-family: Times New Roman;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: rgba(112,112,112,1);
    [/class][class=noun]
        position: absolute;
        left: 218px;
        top: 78px;
        overflow:visible;
        width: 33px;
        height: 16px;
        text-align: left;
        font-family: Times New Roman;
        font-style: italic;
        font-weight: normal;
        font-size: 15px;
        color: rgba(112,112,112,1);
    [/class][class=definition]
        position: absolute;
        left: 250px;
        top: 94px;
        overflow: visible;
        width: 192px;
        height: 35px;
        text-align: left;
        font-family: Times New Roman;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        color: rgba(112,112,112,1);
    [/class][class=text]
        position: relative;
        overflow: auto;
        width: 357px;
        height: 245px;
       font-size: 12px;
       font-family: veranda;
       line-height: 11px;
       color: #707070;
       padding: 8px;
      text-align: justify;
    [/class][class=textcontainer]
        position: absolute;
        overflow: hidden;
        width: 357px;
        height: 245px;
        left: 137px;
        top: 145px;
[/class][class=pic]
        position: absolute;
        overflow: visible;
        width: 160px;
        height: 160px;
        left: 35px;
        top: 0px;
border: 1px solid #c98375;
background: url(https://imgur.com/AolDEEk.jpg);
border-radius: 200px;
[/class][class=pichover]
        position: absolute;
        overflow: hidden;
        width: 160px;
        height: 160px;
        background: transparent;
        background-size: 100%;
        border-radius: 150px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #fff;
    [/class][class=hidden]
        display:none;
    [/class][script class=pic on=mouseenter]
        fadeIn 0500 pichover
    [/script][script class=pic on=mouseleave]
        fadeOut 0500 pichover
    [/script][class=outfit]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 82px;
        top: 284px;
    border-radius: 200px;
background: url(https://imgur.com/GGDZvJ3.jpg);
border: 1px solid #c98375;
[/class][class=outfithover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #c98375;
        background-size: 100%;
        border-radius: 150px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #fff;
    [/class][class=hidden]
        display:none;
    [/class][script class=outfit on=mouseenter]
        fadeIn 0500 outfithover
    [/script][script class=outfit on=mouseleave]
        fadeOut 0500 outfithover
    [/script][class=location]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 82px;
        top: 228px;
      border-radius: 200px;
background: url(https://imgur.com/PftxzaF.jpg);
border: 1px solid #c98375;
[/class][class=locationhover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #c98375;
        background-size: 100%;
        border-radius: 150px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #fff;
    [/class][script class=location on=mouseenter]
        fadeIn 0500 locationhover
    [/script][script class=location on=mouseleave]
        fadeOut 0500 locationhover
    [/script][class=mood]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 82px;
        top: 172px;
border-radius: 200px;
background: url(https://imgur.com/E2bix10.jpg);
border: 1px solid #c98375;
  [/class][class=moodhover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #c98375;
        background-size: 100%;
        border-radius: 150px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 16px;
        color: #fff;
    [/class][script class=mood on=mouseenter]
        fadeIn 0500 moodhover
    [/script][script class=mood on=mouseleave]
        fadeOut 0500 moodhover
    [/script][class=interactions]
        position: absolute;
        overflow: visible;
        width: 50px;
        height: 50px;
        left: 82px;
        top: 340px;
background: url(https://imgur.com/gsM1t8Y.jpg);
border: 1px solid #c98375;
border-radius: 200px;
[/class][class=interactionshover]
        position: absolute;
        overflow: hidden;
        width: 50px;
        height: 50px;
        background-color: #c98375;
        background-size: 100%;
        border-radius: 150px;
        text-align: center;
        font-style: normal;
        font-weight: normal;
        font-size: 8px;
        line-height: 12px;
        color: #fff;
    [/class][script class=interactions on=mouseenter]
        fadeIn 0500 interactionshover
    [/script] [script class=interactions on=mouseleave]
        fadeOut 0500 interactionshover
    [/script][class=credit]
        position: absolute;
        left: 417px;
        top: 387px;
        overflow: visible;
        width: 78px;
        height: 13px;
        text-align: left;
        font-family: Times New Roman;
        font-style: normal;
        font-weight: normal;
        font-size: 9px;
        color: rgba(112,112,112,1);
    [/class]
[div class=custom___1]
[div class=title]rylan[/div]
[div class=_]/ ry•lan / [/div]
[div class=noun]noun[/div]
[div class=definition]a lovable jackass;[br][/br]    1.refer to toxic relationships[/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=pic][div class="pichover hidden"]tags: [/div][/div]
[div class=outfit][div class="outfithover hidden"][br][/br]clothes[/div][/div]
[div class=location][div class="locationhover hidden"][br][/br]kitchen [/div][/div]
[div class=mood][div class="moodhover hidden"][br][/br]pissed af[/div][/div]
[div class=interactions][div class="interactionshover hidden"][br][/br]bee, quinn, hyun[/div][/div]
[div class=credit]code::yousmelldead[/div]
[/div]

 

[AnimeGenork]

I just had to quick appreciate "lovable jackass"

btw your codes are the bomb

 

[yousmelldead]

| ic post |
the side photo is 200x400! colors and fonts are changeable! bottom photo is a hover with all the tags, mood, etc. in it!​

[class=minnie]
position: relative;
box-sizing: border-box;
width: 500px;
height: 400px;
background-color: #C3D0CF;
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 200px;
height: 400px;
left: 0px;
top: 0px;
background: url(https://imgur.com/Z1z811q.jpg);
background-size: 130%;
[/class][class=circle]
position: absolute;
overflow: visible;
width: 350px;
height: 326px;
left: -139px;
top: 234px;
border-radius: 200px;
background-color: #DFCEC8 ;
[/class][class=text]
position: relative;
overflow: auto;
width: 270px;
height: 290px;
font-size: 12px;
font-family: veranda;
line-height: 14px;
color: #959595;
padding: 9px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 270px;
height: 290px;
left: 218px;
top: 14px;
background-color: #fff;
[/class][class=line]
overflow: visible;
position: absolute;
top: 0.5px;
left: 173.5px;
width: 6px;
height: 400.023px;
background-color: #959595;
[/class][class=line2]
overflow: visible;
position: absolute;
top: 0.5px;
left: 190.5px;
width: 6px;
height: 400.023px;
background-color: #959595;
[/class][class=tag]
position: absolute;
overflow: visible;
width: 270px;
height: 72px;
left: 218px;
top: 319px;
background: url(https://imgur.com/XChuny6.jpg) ;
background-size: 100%;
[/class][class=taghover]
position: absolute;
overflow: hidden;
width: 270px;
height: 72px;
background-color: #959595;
background-size: 100%;
text-align: center;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
color: #fff;
[/class][class=hidden]
display:none;
[/class][script class=tag on=mouseenter]
fadeIn 0500 taghover
[/script][script class=tag on=mouseleave]
fadeOut 0500 taghover
[/script][class=name]
position: absolute;
left: -26px;
top: 350px;
overflow:visible;
width: 164px;
height: 37px;
text-align: center;
font-family: Heiti SC;
font-style: normal;
font-weight: lighter;
font-size: 35px;
color: #C3D0CF;
text-border: 1px solid #959595;
text-shadow: 3px 3px 3px #959595;
[/class][class=credit]
position: absolute;
left: 405.5px;
top: 390.5px;
overflow: visible;
width: 106px;
height: 15px;
text-align: center;
font-family: Heiti SC;
font-style: normal;
font-weight: lighter;
font-size: 8px;
color: rgba(124,123,123,1);
[/class]
[div class=minnie]
[div class=pic][/div]
[div class=circle][/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.
[/div][/div]
[div class=line][/div]
[div class=line2][/div]
[div class=tag][div class="taghover hidden"]mood:: location:: outfit::
interactions:: tags::[/div][/div]
[div class=name]minnie[/div]
[div class=credit]code::yousmelldead[/div]
[/div]

 

[yousmelldead]

| ic post |
the photo is 200x300! colors and fonts are changeable but i'd do a preview before changing the fonts to make sure they work!​

[class=icpost]
position: relative;
box-sizing: border-box;
width: 600px;
height: 500px;
background-color: rgba(255,255,255,1);
overflow: hidden;
margin-left: auto;
margin-right: auto;
padding: 0;
[/class][class=pic]
position: absolute;
overflow: visible;
width: 200px;
height: 300px;
left: 32px;
top: 64px;
background: url(https://imgur.com/xw47YeD.jpg);
background-size: cover;
[/class][class=quote]
position: absolute;
left: 196px;
top: 100px;
overflow: visible;
width: 295px;
height: 101px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: normal;
font-size: 30px;
color: #000;
[/class][class=top]
overflow: visible;
position: absolute;
top: 139.5px;
left: 452.5px;
width: 112px;
height: 2px;
background-color: #A59AB8;
[/class][class=title]
position: absolute;
left: 206px;
top: 195px;
overflow: visible;
width: 119px;
height: 24px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: normal;
font-size: 16px;
color: #A59AB8;
[/class][class=text]
position: relative;
overflow: auto;
width: 350px;
height: 230px;
font-size: 12px;
font-family: avenir;
line-height: 16px;
color: #000;
padding: 9px;
text-align: justify;
[/class][class=textcontainer]
position: absolute;
overflow: hidden;
width: 355px;
height: 230px;
left: 237px;
top: 214px;
[/class][class=mood]
position: absolute;
left: 19px;
top: 374px;
overflow: visible;
width: 214px;
height: 55px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: bold;
font-size: 12px;
color:#A59AB8;
[/class][class=location]
position: absolute;
left: 8px;
top: 445px;
overflow: visible;
width: 146px;
height: 45px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #A59AB8;
[/class][class=outfit]
position: absolute;
left: 155px;
top: 445px;
overflow: visible;
width: 146px;
height: 45px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #A59AB8;
[/class][class=interactions]
position: absolute;
left: 300px;
top: 445px;
overflow: visible;
width: 146px;
height: 45px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #A59AB8;
[/class][class=tags]
position: absolute;
left: 445px;
top: 445px;
overflow: visible;
width: 146px;
height: 45px;
text-align: center;
font-family: Didot;
font-style: normal;
font-weight: bold;
font-size: 12px;
color: #A59AB8;
[/class][class=line]
overflow: visible;
position: absolute;
top: 456.5px;
left: 155.5px;
width: 1px;
height: 34px;
background-color: #000;
[/class][class=lines]
overflow: visible;
position: absolute;
top: 456.5px;
left: 300.5px;
width: 1px;
height: 34px;
background-color: #000;
[/class][class=liness]
overflow: visible;
position: absolute;
top: 456.5px;
left: 445.5px;
width: 1px;
height: 34px;
background-color: #000;
[/class]
[div class=icpost]
[div class=pic][/div]
[div class=quote]DON'T CALL ME ANGEL[/div]
[div class=top][/div]
[div class=title]QUINN.[/div]
[div class=textcontainer][div class=text]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vulputate ut pharetra sit amet. Facilisis leo vel fringilla est ullamcorper eget nulla. Ac auctor augue mauris augue. Elementum sagittis vitae et leo duis ut diam quam nulla. Tortor vitae purus faucibus ornare suspendisse. Amet porttitor eget dolor morbi non arcu risus quis. Fermentum iaculis eu non diam phasellus. Mattis nunc sed blandit libero volutpat sed cras ornare. Vulputate odio ut enim blandit volutpat. Eu mi bibendum neque egestas. Non enim praesent elementum facilisis leo. Orci a scelerisque purus semper eget duis at tellus. Aliquet risus feugiat in ante metus dictum at tempor commodo. Vitae tempus quam pellentesque nec.

Tristique nulla aliquet enim tortor at. Mauris a diam maecenas sed enim ut sem viverra. Sagittis nisl rhoncus mattis rhoncus. Senectus et netus et malesuada fames ac turpis egestas. Ut tortor pretium viverra suspendisse potenti nullam. Velit ut tortor pretium viverra suspendisse potenti nullam ac. At consectetur lorem donec massa sapien faucibus et molestie. Commodo viverra maecenas accumsan lacus vel. Lorem ipsum dolor sit amet consectetur adipiscing elit pellentesque. Metus aliquam eleifend mi in nulla. Nunc sed blandit libero volutpat sed cras ornare arcu. Amet massa vitae tortor condimentum lacinia quis vel eros donec. Velit scelerisque in dictum non consectetur a. Sit amet nisl purus in mollis. Ac placerat vestibulum lectus mauris ultrices eros.

Eu scelerisque felis imperdiet proin. Est ultricies integer quis auctor elit. Commodo nulla facilisi nullam vehicula. Gravida in fermentum et sollicitudin ac orci phasellus. Iaculis nunc sed augue lacus viverra vitae congue. Eget magna fermentum iaculis eu non diam. Tellus integer feugiat scelerisque varius morbi enim nunc faucibus a. Vitae congue eu consequat ac felis donec. Id faucibus nisl tincidunt eget nullam non nisi est sit. Elementum tempus egestas sed sed. Nisl tincidunt eget nullam non nisi est sit amet.

Pulvinar etiam non quam lacus suspendisse. Enim lobortis scelerisque fermentum dui faucibus in ornare. Interdum posuere lorem ipsum dolor sit. Lacinia at quis risus sed vulputate. Maecenas ultricies mi eget mauris. Porttitor lacus luctus accumsan tortor posuere ac ut consequat semper. Egestas erat imperdiet sed euismod. Sit amet luctus venenatis lectus. Dolor sed viverra ipsum nunc. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Quam viverra orci sagittis eu volutpat odio. Aliquet nibh praesent tristique magna sit. Volutpat sed cras ornare arcu dui vivamus. Id aliquet lectus proin nibh nisl condimentum id. Nisi porta lorem mollis aliquam. Urna porttitor rhoncus dolor purus non. Nibh tortor id aliquet lectus proin. Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Arcu bibendum at varius vel pharetra vel turpis nunc eget.

Augue ut lectus arcu bibendum at varius. Cras tincidunt lobortis feugiat vivamus. Euismod elementum nisi quis eleifend quam adipiscing vitae proin sagittis. Phasellus faucibus scelerisque eleifend donec pretium vulputate sapien nec. Amet venenatis urna cursus eget nunc scelerisque viverra. Vivamus at augue eget arcu dictum varius duis at consectetur. Facilisis leo vel fringilla est ullamcorper. Tincidunt tortor aliquam nulla facilisi cras fermentum. Magna sit amet purus gravida quis. Massa sapien faucibus et molestie ac feugiat sed. Pellentesque habitant morbi tristique senectus. Pellentesque habitant morbi tristique senectus et netus et malesuada. Morbi tincidunt augue interdum velit euismod. In tellus integer feugiat scelerisque varius morbi. Aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Nec sagittis aliquam malesuada bibendum. Congue nisi vitae suscipit tellus. Sagittis id consectetur purus ut faucibus pulvinar elementum.


[/div][/div]
[div class=mood]
[/div]
[div class=location]
location[/div]
[div class=outfit]
outfit[/div]
[div class=interactions]
interactions[/div]
[div class=tags]
tags[/div]
[div class=line][/div]
[div class=lines][/div]
[div class=liness][/div]
[/div]

code::yousmelldead​