<style>.ship15 { width: 300px; height: 400px; background-color: #fff; position: relative; border-left: 200px solid #262626;} .ship15 img { position: absolute; top: 40px; left: -110px; border: 15px solid #fff; width: 80px; height: 80px;} .ship15t { position: absolute; right: 40px; top: 55px; padding: 35px 20px 0px 10px; background-color: #262626; height: 45px; width: 245px; font-family: arial black; color: #fff; font-size: 30px; text-transform: lowercase; text-align: right; letter-spacing: -4px;} .ship15s { position: absolute; top: 180px; font-family: Montserrat; color: #fff; font-size: 8px; text-transform: uppercase; text-align: right; width: 150px; left: -170px;} .ship15w { padding-right: 10px; position: relative; top: 170px; height: 200px; overflow: auto; text-align: justify; color: #262626; font-size: 9px; font-family: tahoma; line-height: 100%; margin: 20px 40px 20px 20px;} .ship15w b { font-size: 12px; color: #000000; font-family: calibri;} .ship15w::-webkit-scrollbar" {width: 0px;}.ship15w::-webkit-scrollbar-track" {background: #fff;}.ship15w::-webkit-scrollbar-thumb" {width: 0px;background-color: #A3B8CE;}.r2 { width: 300px; font-family: arial; text-align: center; text-transform: uppercase; font-size: 7px}</style><link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"><div align="center"><div class="ship15"><img src="https://2img.net/h/i1188.photobucket.com/albums/z420/oginome/chicken%20fried%20icons/twentyfive/ss009.png" style="max-width:100%;"><div class="ship15t">first last.</div><div class="ship15s">
 Some notes here<br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit. </div><div class="ship15w">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec placerat pharetra nunc, in bibendum velit. Sed suscipit, nisl nec rutrum suscipit, arcu eros aliquet risus, quis malesuada turpis nunc ut nisi. Donec erat tortor, bibendum ut faucibus quis, finibus nec sapien. Integer vel sapien a ante aliquam egestas. Fusce porttitor ex vitae euismod gravida. Pellentesque mauris felis, aliquam eget mauris ac, ullamcorper blandit est. Quisque vehicula porttitor nunc, vel dictum metus lacinia sed. Sed eget porta dolor. <b>"Nulla sodales id mi sed sodales."</b>
 <br><br>Vestibulum in molestie dolor, sed convallis enim. Vivamus non urna mattis mauris iaculis hendrerit. Proin ut aliquam ex. Curabitur blandit neque risus, sed feugiat massa varius sit amet. Morbi semper placerat lorem id tristique. Etiam accumsan, sem sit amet consectetur placerat, magna leo ullamcorper ex, vitae mollis augue odio nec justo. Nullam sollicitudin massa lorem, at mattis diam rutrum eleifend.
 <br><br>Aenean justo libero, vulputate vitae tempor aliquet, cursus fermentum nibh. Etiam quis nisl vitae ipsum ullamcorper condimentum ac in tellus. Proin efficitur sollicitudin pharetra. Aliquam finibus, elit non tristique varius, erat nunc suscipit lectus, ut cursus arcu urna sit amet tortor. Curabitur at lorem mauris. Proin tellus lacus, posuere non elementum in, accumsan in lacus. Nulla a felis a quam placerat accumsan. Pellentesque tincidunt tempor dignissim. Aenean rutrum dui mauris, id consectetur lectus convallis luctus. </div></div><div class="r2"><a href="http://adoxographyv2.boards.net/user/3348"> chrissy</a</div></div>

<style>.swedev { border: solid 1px #e5e5e5; background-color: #f3f3f3; padding: 19px; width: 452px;} .swedev2 { border: solid 1px #e5e5e5; background-color: #ffffff; color: #494949; text-align: justify; font: 10px Verdana; padding: 35px;} .swedevname { background-color: #f9f9f9; border-bottom: solid 1px #e5e5e5; margin: -35px -35px 35px -35px; font: 45px Roboto; line-height: 35px; white-space: nowrap; text-transform: uppercase; padding: 32px 35px; height: 85px; text-align: justify; letter-spacing: -3px;} .swedevimg { float: left; border: solid 23px #999999; padding: 2px; background-color: #f9f9f9; height: 100px; width: 100px; margin: -32px 35px 0px -35px;} .swedevimg img { height: 100px; width: 100px;} .swedevlyric { font: bold 10px Roboto; line-height: 10px; letter-spacing: 0px; padding-top: 7px;} .swedevlyric i { font-size: 9px; padding-right: 8px;} .swedev2 h1 { border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background-color: #f9f9f9; font: bold 12px Roboto; line-height: 12px; padding: 19px; margin: 35px -35px 35px -35px; text-transform: uppercase; text-align: right; color: #cccccc;} .swedev2 h1 b { float: left; color: #999999;} .swedevbot { margin: 35px -35px -35px -35px; border-top: solid 1px #e5e5e5; background-color: #f9f9f9; font: bold 10px Roboto; text-align: center; padding: 19px 0px; white-space: nowrap; overflow: hidden;} .swedevbot i { color: #999999; font-size: 9px; padding: 0px 10px;}.swedevimg {border-color: #de645f;}.swedev2 b {color: #de645f;!important}.swedev2 i {color: #de645f;!important}.pcrd { width: 492px; text-align: right; font: bold 8px Arial; padding-top: 5px;}</style>

<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"><div align="center"><div class="swedev"><div class="swedev2"><div class="swedevname"><div class="swedevimg"><img src="https://via.placeholder.com/100x100" style="max-width:100%;"></div>FIRST<br><b>LASTNAME</b><div class="swedevlyric"><i style="color:#de645f;" class="ion-heart"></i>don't ya' love this sweet devil?</div></div>Make up and then dress me up – I'll become very lovely for you! Fake lashes that blow you away. My mascara makes 'em sway all day. Eyeliner beautifully placed. Shiny highlights make your heartbeat race. Pouting lips in a glittering pink – wanna come and give 'em a taste? Ah, I see you starin' at my neckline, plunging, tempting, but it's fine. Three inch heels, just the right height, enough for you to grab and hold me tight. Feel the baby doll on my wrist. Is it charming you? And with a twist, a touch of red nail polish makes me cute and sexy, don't you say? Could you be dreaming that we're meant to be? Won't say I love you. That's crazy, you see. Don't even try to understand me. I'm a liar girl.

J'écris sans comprendre le sens de la vie.

Je respire la vie que je me suis écrite.</div><a href="http://pixel-perfect.boards.net/user/5"><div class="pcrd">PHARAOH LEAP CREATES</div></a></div>

<style>.reason { width: 390px; background-color: #fcfcfc; padding: 35px; border: 1px #eee solid;} .reasonbg { background-color: #644c7f; padding: 10px;}.reasonbg img { height: 95px; width: 95px; float: left; padding: 10px; background-color: #fcfcfc;} .reasonbig{ margin: 0px 0px 0px 115px; padding: 0px 0px 0px 15px; font-size: 30px; font-family: Fjalla One; text-align: left; color: #eee; text-transform: uppercase;} .reasonsmall { font-family: verdana; font-size: 10px; letter-spacing: 1px; line-height: 12px; color: #ccc; text-align: left;} .reasonbod { background-color: #f6f6f6; padding: 20px; font-family: verdana; font-size: 10px; line-height: 14px; text-align: justify; color: #555;} .reasonbod b {color: #644c7f;} .reasontag { background-color: #644c7f; padding: 20px; font-family: verdana; font-size: 9px; line-height: 12px; text-align: center; color: #ccc; letter-spacing: 1px;} .cred { text-align: center; font-size: 6pt; color: rgb(132, 132, 132); letter-spacing: 1px; font-family: verdana; margin-top: 5px;} .cred a { color: rgb(132, 132, 132); font-size: 6pt; letter-spacing: 1px; font-family: verdana;}</style>​

​
<link href="https://fonts.googleapis.com/css?family=Fjalla+One" rel="stylesheet"> <div align="center"><div class="reason"><div class="reasonbg"><img src="http://images6.fanpop.com/image/photos/38800000/Annabeth-Chase-icons-percy-jackson-and-the-olympians-38812413-245-245.png"><div class="reasonbig">
The night's wind

<div class="reasonsmall">We were supposed to have ran away and yet here we are Alone, swaying lazily, You gaze at the moon And wish for salvation</div></div></div><div class="reasonbod">Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel.

Curabitur in blandit nunc.Mauris vestibulum, dolor vitae congue vehicula, nisl justo euismod nibh, at congue elit turpis sit amet nunc. Nam at dui aliquet, blandit urna quis, vestibulum lectus. Sed lacinia mollis felis ac venenatis. <b>"Aenean fermentum ornare est id pharetra."</b> Aenean sit amet fringilla magna, et dignissim lectus. Phasellus molestie augue in sapien tempor, non feugiat enim convallis. Nunc quis enim faucibus, consectetur ex non, ultrices felis. Maecenas convallis augue risus, vitae fermentum nibh venenatis vel. Curabitur in blandit nunc.</div><div class="reasontag">@tag - words - notes</div></div></div><div class="cred">MADE BY VEL OF <a href="http://wicked-wonderland.boards.net/user/182">WW</a> + <a href="http://adoxographyv2.boards.net/user/1397">ADOX 2.0</a></div>

<style>.lovemad {position: relative; z-index: 1 ;} .lovemad1 { float: left; margin-right: 5px; background-color: #272727; color: #999999; padding: 10px; line-height: 10px ;} .lovemad1 a { color: #f57f85!important; font: 9px Calibri; line-height: 10px;} .lovemad2 b{color: #f57f85;} .p1 { background-color: #202020; height: 140px; width: 450px; overflow: hidden; text-align: center; line-height: 10px;} .p1 img { width: 100px; height: 100px; border: solid 50px #272727; border-radius: 150px; margin-top: -30px;} .p2 { background-color: #272727; text-align: center; color: #f5f5f5; font: bold 35px Raleway; width: 450px; margin-top: -10px; padding: 15px 0px 20px 0px; letter-spacing: -1px; border-top: solid 5px #f57f85; border-bottom: solid 5px #f57f85;} .p2 font {color: #f57f85} .p3 { font: 9px Calibri; margin-top: -3px; letter-spacing: 1.8px; padding-left: 2px;} .lovemad2 { padding: 25px; background-color: #202020; width: 400px; margin-top: -10px; } .p4 { padding: 20px; background-color: #272727; color: #999999; font: 10px Verdana; text-align: justify;} .p5 { background-color: #f57f85; padding: 10px 10px; margin-top: 3px; text-align: justify; color: #242424; font: 9px Calibri; text-transform: uppercase; min-height: 30px;} .lovemad1 font {color: #f57f85} .p6 { width: 450px; text-align: right; font: bold 8px Arial; padding-top: 5px;}</style>​

<link href="https://fonts.googleapis.com/css?family=Raleway:200,300,400,500,600,700,800,900" rel="stylesheet"> <div align="center"><div class="p1"><img src="https://image.ibb.co/kPEd2J/tumblr_inline_nbe8xm8uk_H1sig565.png"></div><break><div class="p2">
I BET MY LIFE <font>ON YOU</font><break><div class="p3">I KNOW I TOOK THE PATH THAT YOU WOULD NEVER WANT FOR ME</div></div><break><div class="lovemad2"><div class="p4">
i know i took the path that you would never want for me. i know i let you down, didn't i? so many sleepless nights where you were waiting up on me. well, i'm just a slave unto the night. now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears? i know i took the path that you were never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

i've been around the world, and never in my wildest dreams would i come running home to you. i've told a million lies, but down i tell a single truth: there's you in everything i do. <b>now, remember when i told you "that's the last you'll see of me"? remember when i broke you down to tears?</b> i know i took the path that you would never want for me. i gave you hell through all the years. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you.

don't tell me that i'm wrong. i've walked that road before and left you on your own. and please, believe them when they say that it's left for yesterday and the records that i've played. please forgive me for all i've done. so i, i bet my life, i bet my life, i bet my life for you. i, i bet my life, i bet my life, i bet my life for you. i - i bet my - i bet my - i bet my - i - i bet my - i bet my - i bet my -
</div><break><div class="p5"><div class="lovemad1"><font>0000</font> WORDS</div><div class="lovemad1">@pharaohleap </div>NOTES AND STUFF CAN GO HERE, WOO! don't write too much, i don't think this scrolls?</div></div></div><a href="http://pixel-perfect.boards.net/user/5"><div class="p6">PHARAOH LEAP CREATES</div></a></div>

<style>.problemmain { width: 360px; background: #FFFFFD; border: 1px solid #EEEDEB; padding: 10px;} .probleminside { height: 150px; background: #EEEDEB;} .problemimg { padding: 2px; border-radius: 100%; color: #FFFFFD; border: 5px solid #FFFFFD; float: left; margin: 15px; width: 100px; height: 100px;} .problemlyrics { text-transform: uppercase; color: #8E9293; padding-top: 30px; font-family: Oswald; padding-right: 30px; font-size: 15px; text-align: center; line-height:20px;} #problemlyricstyle { color: #FC7F5F; letter-spacing: 0.3px; padding-bottom: 5px;} .problemlyrics2 { text-transform: lowercase; font: italic 13px/14px 'playfair display'; padding-right: 30px; font-size:9px; text-align: justify; color: #8E9293; overflow: hidden; height: 40px; font-weight: 400; border-top: 1px dotted #8E9293; padding-top: 5px;}.problemtext { border: 1px solid #EEEDEB; font-family: 'Open Sans', sans-serif; color: #8E9293; font-size: 10px; text-align: justify; padding: 30px; line-height: 13px;} .problemtext b { font-weight: 700; color: #FC7F5F;} .problemtext hr { border: 0; height: 1px; background-image: linear-gradient(to right, #FFFFFD, #EEEDEB, #FFFFFD);} #problemfooter { text-transform: lowercase; font: 13px/14px 'playfair display'; font-size: 9px; text-align: justify; color: #8E9293; font-weight: 400; padding-top: 5px;} #problemfooter a { text-transform: lowercase; font: 13px/14px 'playfair display'; font-size: 9px; text-align: justify; color:#8E9293; font-weight: 400; padding-top: 5px;} #problemfooter b { color:#8E9293;} .problemcredits { text-transform: uppercase; font-family:tahoma; text-align:center; font-size:9px;}</style><link href='https://fonts.googleapis.com/css?family=Oswald|Montserrat|Playfair+Display:400,400italic|Open+Sans' rel='stylesheet' type='text/css'><center><div class="problemmain"><div class="probleminside"><img src="https://i.imgbox.com/xrg0hjOn.jpg" class="problemimg"/><div class="problemlyrics">realized that I have got one <div id="problemlyricstyle">less problem without you</div></div><div class="problemlyrics2">Every time you touch me And say you love me I get a little bit breathless I shouldn't want it But it's you. Head in the clouds Got no weight on my shoulders. </div></div><div class="problemtext"><b>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</b> Nam malesuada lorem sem. In enim augue, bibendum a libero eget, molestie tincidunt sem. Maecenas feugiat dignissim vulputate. Phasellus sit amet mauris eu augue interdum feugiat. Cras commodo, nibh a maximus tincidunt, leo ex efficitur nisl, et molestie augue dui et sem. Etiam venenatis nisi in eros placerat tempus. Fusce efficitur dui sed fermentum aliquam. Sed sit amet quam eu mauris lacinia ullamcorper. Nam cursus varius blandit. Aenean vestibulum laoreet arcu, nec varius mi malesuada id. Nullam tincidunt vulputate ullamcorper. In non elementum metus. Nunc orci mi, porttitor ac felis vel, molestie bibendum quam. Morbi lacinia maximus ultricies. Quisque nec ex et enim congue commodo.
    
Curabitur placerat eros a magna ultricies, in rhoncus massa lobortis. Duis sit amet turpis turpis. In felis lorem, rutrum sit amet condimentum finibus, semper vitae elit. Sed non mauris a urna vehicula iaculis. Nulla eu tortor venenatis, dignissim metus eu, tincidunt tellus. Donec semper accumsan elit, sed volutpat enim ullamcorper malesuada. Donec laoreet ipsum non hendrerit congue. Nunc hendrerit urna purus, nec ullamcorper mi fermentum in. Suspendisse eget dictum tortor. Proin interdum magna id convallis rhoncus. Aliquam fermentum accumsan efficitur. Mauris faucibus enim imperdiet iaculis suscipit.<hr><div id="problemfooter"><b>NOTES,</b> i recommend you to keep this short.<br><b>TAGS,</b> @</div></div></div><div class="problemcredits"><a href="http://sonderx.jcink.net/index.php?showuser=236">FLARE</a</div></center>

<link rel="stylesheet" href="https://dl.dropbox.com/s/v71cbg3y6mvokvf/styles%204.css?dl=0" /><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff" /><link href="https://fonts.googleapis.com/css?family=Lateef" rel="stylesheet">

<style>.svnn { width: 450px; padding: 10px; border: #e2e2e2 solid 1px; background: #f0f0f0; margin: 0 auto;} .svn {background: #222;} .svn-t { text-align: right; padding: 25px; color: #eee; font: 12px Cabin;} .svn-t h1 { margin: 0 0 2px; font: 900 45px/40px 'Archivo Narrow';} .svn-t h1 i { font-style: normal; color: #fa3334;}.svn-t span { font: 900 10px Cabin; letter-spacing: 1px;}.svn-t span b {color: #e244ce;} .svn-img { width: 450px; height: 100px; object-fit: cover;} .svn-p { background: #ffffff; padding: 30px; text-align: justify; font: 12px/16px Latiff;} .svn-p b { color: #888; font: 700 15px Latiff;} .svn-p i { color: #ffffff; font: italic 700 13px Latiff;} .svn-notes { padding: 24px; color: #e2e2e2; font: 700 11px Latiff; text-transform: uppercase;} .svn-notes .fa { float: left; font-size: 35px; line-height: 13px; color: #fa3334; margin: 0 20px 0 0; }</style><div class="svnn"><div class="svn"><div class="svn-t"><h1><i>SEVENTH</i>[color=#e2e2e2]SENSE[/color]</h1> <span>OPEN YOUR EYES QUIETLY <b>OPEN YOUR EYES</b></span></div><div class="svn-img"><img src="https://zupimages.net/up/18/43/apt9.bmp"></div><div class="svn-p"><section><b>N</b>ul son ne demeurait alors. Le calme plat. La sang s'écoulait de la table jusqu'à atteindre le plancher pourrissant, le sol était humide, mon repère, ridiculement étouffante. Il n'y avait aucun bruit. Les couteaux étaient posés là, tachés de pourpre.

Tout était prêt.</section></div><div class="svn-notes"><i class="fa fa-eye"></i>NOTES GOES HERE. TAG A PERSON WHILE YOU'RE AT IT.</div></div></div>

<style>.eightfoldPlot { width: 550px; border: 1px solid #ccc; background-color: #f1f1f1; display: flex; padding: 10px; flex-flow: column wrap;}.eightfoldBorder { width: 572px; border: 7px solid #ddd; outline: 1px solid #ccc; background-color: #ff0000; margin: 1px;}.eightfoldHeader { width: 550px; height: 172px; border-bottom: 1px solid #ccc; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;}.eightfoldIMG img { width: 300px; padding: 5px; background-color: #fcfcfc; border: 1px solid #ccc; }.eightfoldName { width: 228px; height: 162px; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: center; text-align: left; }.eightfoldName span { height: 30px; margin: 0px; font: 300 30px/30px montserrat; color: #6c6c6c;}.eightfoldBody b, .eightfoldTags div: : before, .eightfoldName span: : first-letter, .eightfoldBody h1::first-letter {color: #005682;}.eightfoldTags {margin-top: 7px;}.eightfoldTags div { display: inline-block; background-color: #ddd; border-radius: 3px; font: 10px/15px Ubuntu; text-transform: uppercase; color: #9a9a9a; padding: 2px 6px; margin: 3px 0px 0px 3px;}.eightfoldTags div::before {content: '#';}.eightfoldBody { width: 448px; margin-top: 10px; padding: 50px; border: 1px solid #ccc; background-color: #f7f7f7; font: 11px roboto; color: #7a7a7a; text-align: justify;}.eightfoldBody h1 { font: 300 24px montserrat; color: #bababa; border-bottom: 1px solid #bababa; padding: 0px 0px 3px 10px; margin: 0px;}.eightfoldBody h2 { font: 10px ubuntu; text-transform: uppercase; color: #ccc; margin: 3px; text-align: right;}.eightfoldBody p {padding: 25px;}.eightfoldCredit {font: bold 7px roboto; margin-left: 500px;}.eightfoldCredit a {font: bold 7px roboto;}</style><link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet"><div align="center"><div class="eightfoldBorder"><div class="eightfoldPlot"><div class="eightfoldHeader"><div class="eightfoldIMG"><img style="width:300px;" src="https://image.ibb.co/jmWJB8/image.png"></div><div class="eightfoldName"><span>vriska serket</span><div class="eightfoldTags"><div>blueblood</div><div>troll</div><div>bisexual</div><div>more</div><div>traits</div><div>here</div></div></div></div><div class="eightfoldBody"><h1>lorem ipsum dolor sit amet</h1><h2>consectetur adipiscing elit</h2><p>When two individuals find themselves in the flushed quadrant together, they are said to be <b>MATESPRITS</b>. Texte
a
mettre
dans
ces
endroits</p></p></div></div></div><div class="eightfoldCredit">SELKIE</div></div>

<style>.eightfoldPlot { width: 550px; border: 1px solid #ccc; background-color: #f1f1f1; display: flex; padding: 10px; flex-flow: column wrap;}.eightfoldBorder { width: 572px; border: 7px solid #ddd; outline: 1px solid #ccc; background-color: #ff0000; margin: 1px;}.eightfoldHeader { width: 550px; height: 172px; border-bottom: 1px solid #ccc; display: flex; flex-flow: row wrap; align-items: flex-start; justify-content: space-between;}.eightfoldIMG img { width: 300px; padding: 5px; background-color: #E4797B; border: 1px solid #DEA6A6; }.eightfoldName { width: 228px; height: 162px; display: flex; flex-flow: column wrap; align-items: flex-start; justify-content: center; text-align: left; }.eightfoldName span { height: 30px; margin: 0px; font: 300 30px/30px montserrat; color: #DEA6A6;}.eightfoldBody b, .eightfoldTags div: : before, .eightfoldName span: : first-letter, .eightfoldBody h1::first-letter {color: #005682;}.eightfoldTags {margin-top: 7px;}.eightfoldTags div { display: inline-block; background-color: #ddd; border-radius: 3px; font: 10px/15px Ubuntu; text-transform: uppercase; color: #9a9a9a; padding: 2px 6px; margin: 3px 0px 0px 3px;}.eightfoldTags div::before {content: '#';}.eightfoldBody { width: 448px; margin-top: 10px; padding: 50px; border: 1px solid #DEA6A6; background-color: #f7f7f7; font: 11px roboto; color: #7a7a7a; text-align: justify;}.eightfoldBody h1 { font: 300 24px montserrat; color: #DEA6A6; border-bottom: 1px solid #bababa; padding: 0px 0px 3px 10px; margin: 0px;}.eightfoldBody h2 { font: 10px ubuntu; text-transform: uppercase; color: #9B9B9B; margin: 3px; text-align: right;}.eightfoldBody p {padding: 25px;}.eightfoldCredit {font: bold 7px roboto; margin-left: 500px;}.eightfoldCredit a {font: bold 7px roboto;}</style><link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet"><div align="center"><div class="eightfoldBorder"><div class="eightfoldPlot"><div class="eightfoldHeader"><div class="eightfoldIMG"><img style="width:300px;" src="https://zupimages.net/up/18/46/51lc.png"></div><div class="eightfoldName"><span>vriska serket</span><div class="eightfoldTags"><div>blueblood</div><div>troll</div><div>bisexual</div><div>more</div><div>traits</div><div>here</div></div></div></div><div class="eightfoldBody"><h1>lorem ipsum dolor sit amet</h1><h2>consectetur adipiscing elit</h2><p>When two individuals find themselves in the flushed quadrant together, they are said to be <b>MATESPRITS</b>. Texte
  a
  mettre
  dans
  ces
  endroits</p></p></div></div></div><div class="eightfoldCredit">SELKIE</div></div>

<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400italic" rel="stylesheet" type="text/css"><link href="https://www.aht.li/3120142/TRIM_RP.css" rel="stylesheet" type="text/css"><!-- COULEURS PERSONNALISABLES - BORDURE BAS --><div class="TRIM" style="background:rgba(255,255,255,0.7); border-bottom-color:#242526;"><!-- CREDIT --><a class="cdtTRIM" href="http://crushcrushcrush.actifforum.com/" target="_blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- FT - REDIMENSIONNEMENT AUTOMATIQUE DES IMAGES --><div class="ftTRIM"><!-- PERSONNAGE --><div><!-- IMAGE 250*100 --><img src="https://68.media.tumblr.com/2ba6a5d27e1d1d4aff7ab49d2f340680/tumblr_o3y076poa01tkp6f3o2_400.gif" /><!-- CONTENU --><p style="background:rgba(250,250,250,0.6); color:black;">NOM Prénom</p></div><!-- & --><span class="decoTRIM" style="color:black;"> & </span><!-- PARTENAIRE --><div><!-- IMAGE 250*100 --><img src="https://68.media.tumblr.com/2ba6a5d27e1d1d4aff7ab49d2f340680/tumblr_o3y076poa01tkp6f3o2_400.gif" /><!-- CONTENU --><p style="background:rgba(250,250,250,0.6); color:black;">NOM Prénom</p></div></div><!-- BORDURE & TITRE --><div class="tleTRIM" style="border-color:#242526; color:black;">Titre</div><!-- MESSAGE --><div class="msgTRIM" style="color:black;">Message.</div></div>

    <link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><center><div style="width: 450px; height: 600px; oveflow:auto; background-image: url('https://image.noelshack.com/fichiers/2018/21/2/1527020144-image-test.png');"><div style="font-family; margin: 20px; Garamond, serif; font-size: 15px; color:black; text-shadow: 0px 0px 4px #FFFFFF;"></br></br></div></br><div style="margin: 130px 10px 50px 130px; width: 260px; height: 300px; background-color: white; opacity: 0.8; font-family: Times New Roman; font-size: 14px;text-align: justify;color:black; padding: 7px;line-height:95%; overflow:auto">
    Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.

    Vbi curarum abiectis ponderibus aliis tamquam nodum et codicem difficillimum Caesarem convellere nisu valido cogitabat, eique deliberanti cum proximis clandestinis conloquiis et nocturnis qua vi, quibusve commentis id fieret, antequam effundendis rebus pertinacius incumberet confidentia, acciri mollioribus scriptis per simulationem tractatus publici nimis urgentis eundem placuerat Gallum, ut auxilio destitutus sine ullo interiret obstaculo.

    Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur. </div></br></div>

<style>.loveswing1 {width:200px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;}.loveswing2{width:200px;height:150px;background:#1a1a1a;}.loveswing2 p {padding:10px;margin-top:-0px;font-family: 'Raleway', sans-serif;font-size:11px;color:#dadada;text-align:justify;}lv {font-family: 'Pacifico', cursive;font-size:11px;color:#dadada;}.starlessky {width:300px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;margin-left:5px;}.triptohell1 {width:535px;height:50px;background:none;border:1px solid #c5c5c5;padding:10px;margin-top:10px;}.triptohell2 {width:535px;height:50px;background:#1a1a1a;}.triptohell2 p {color:#dadada;text-align:center;line-height:50px;margin-top:-0px;font-family:'Raleway', cursive;font-size:10px;letter-spacing:10px;}</style>

<center><table><tr><td><div class="loveswing1"><div class="loveswing2"><p><lv>Pourtant, je me trouve là,</lv> un verre de whisky entre les doigts, à prétendre être abattu par la haine que me voue ma progéniture. <lv>Est-ce réellement de la comédie ?</lv> Ne suis-je pas attristé par la réalité de ces motifs ?</p></div></div></td><td><div class="starlessky"><img src="http://placehold.it/300x150" /></div></td></tr></table><div class="triptohell1"><div class="triptohell2"><p><lv>{</lv> when a dream is just a dream <lv>}</lv></p></div></div></center><link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">

[center]<style>.loveswing1 {width:200px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;}.loveswing2{width:200px;height:150px;background:#1a1a1a;}.loveswing2 p {padding:10px;margin-top:-0px;font-family: 'Raleway', sans-serif;font-size:11px;color:#dadada;text-align:justify;}lv {font-family: 'Pacifico', cursive;font-size:11px;color:#dadada;}.starlessky {width:300px;height:150px;background:none;border:1px solid #c5c5c5;padding:10px;margin-left:5px;}.triptohell1 {width:535px;height:50px;background:none;border:1px solid #c5c5c5;padding:10px;margin-top:10px;}.triptohell2 {width:535px;height:50px;background:#1a1a1a;}.triptohell2 p {color:#dadada;text-align:center;line-height:50px;margin-top:-0px;font-family:'Raleway', cursive;font-size:10px;letter-spacing:10px;}</style>

<center><table><tr><td><div class="loveswing1"><div class="loveswing2"><p><lv>C'est un nouveau départ</lv>, la route vers de nouveaux horizons. Qui sait ce que je trouverai en chemin ?<lv>Sans un pokédollars en poche,</lv>, l'aventure sera difficile, mais elle sera excitante ! C'est dans la <lv>région d'Alola</lv> que commence mon périple. </p></div></div></td><td><div class="starlessky"><img src="https://zupimages.net/up/19/17/8vww.png" /></div></td></tr></table><div class="triptohell1"><div class="triptohell2"><p><lv>{</lv> when a <lv>dream</lv> is not <lv>just</lv> a dream <lv>}</lv></p></div></div></center><link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">[/center]

[center]<iframe style="margin: 0 auto; display: block;" scrolling="no" height="300" width="600" frameborder="0" src="http://nanatest.forumactif.com/h2-signature-narci"></iframe>[/center]

<style>.awf-wrap-heart {width: 500px;margin: auto;}.awf-head-heart h2 {font:10px 'Montserrat', sans-serif;letter-spacing: 2px;text-transform: uppercase;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 10px;}.awf-head-heart .bas {text-align: right;padding-bottom: 0!important;}.awf-head-heart h3 {font: 10px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;margin: 0;padding: 5px 0 10px 0;font-weight: normal;border-bottom: 3px solid #78AAD1;}.awf-head-heart h3 span {border-top: 1px solid #78AAD1;padding-left: 20px;padding-top: 5px;}.awf-text-heart {font: 11px/14px 'Hind Siliguri', sans-serif;background-color: #f2f2f2;text-align: justify;padding: 30px;}.awf-text-heart b {color: #78AAD1;}.awf-foot-heart {font: 10px/20px 'Montserrat', sans-serif;background-color: #1E1C1F;color:#BFBFB6;height: 22px;text-align: center;border-top: 3px solid #78AAD1;}.awf-credit a {color: #ccc!important;font: 9px 'Hind Siliguri', sans-serif;text-decoration: none;letter-spacing: 1px;}</style>
<div class="awf-wrap-heart"><!--
--><div class="awf-head-heart"><!--
--><h2>A Common Day</h2><!--
--><img src="https://i.servimg.com/u/f62/19/92/49/57/rp_ima10.png"><!--
--><h2 class="bas">When the Wingull Cry</h2><!--
--><h3><span>ft. narcisse</span></h3><!--
--></div><!--
--><div class="awf-text-heart">
[b]☼ c'est un beau changement de perceptive que voilà.[/b] te disais-tu en contemplant pour la première fois le seuil de la région de lumiris. ton regard auburn parcourait l'environnement dans lequel tu te trouvais. tu observais évidemment les lieux, mais aussi et surtout : les individus. tu as bien besoin de cela pour te familiariser pas à pas dans ce nouveau milieu. commencer à avoir des repaires aussi bien géographiques que démographiques. enfin, ce n'est pas ça qui t'empêche aussi de profiter du paysage loin de là. le climat et l'ambiance qu'offre cette ville sied à tes goûts.

mais ce n'est que le début de ton parcours ici, tu as encore bien des choses à découvrir - bien que la mission qui t'as été donnée reste ta priorité principale. tu ne l'oublies pas. c'est bien une de choses que ton cerveau n'effacera pas sur un coup de tête. la douce brise des berges te répond, comme pour refroidir les ardeurs de l'esprit qui ne se ménage pas. travaillant après n'avoir mis qu'un pied ici. tu soupires. tu regardes de droite à gauche.

tu cherches une destination, tu cherches le commencement. comme un signe, un top-départ à la première action à laquelle tu devras t'exécuter. tu fais un pas, puis deux. le son de la marée, des eaux qui dansent, le cri des goélises prenant le envol. un tumulte de son qui embrouille tes réflexions incessantes. un capharnaüm pour en combattre un autre.  

[b]☼ puis vint le premier signe de ma péripétie.[/b] en effet, cela t'as pris de bonnes secondes avant de t'en rendre compte, mais tu le remarquas enfin. la disparition de ta partenaire pour cette mission. tu regardes dans ta pokéball ; tu regardes dans tes bagages ; tu regardes de droite à gauche. rien. mais où est-elle partie ? te dis-tu avec une certaine inquiétude, en continuant de parcourir les alentours d'un œil fébrile.

puis enfin, tu l'aperçois. au loin. miss marple... se tenant juste derrière un jeune homme à l'étrange chevelure verte. celui-ci ne semblant pas avoir remarquée la présence qui l'espionne quasiment par-dessus l'épaule. elle le fixe intensément de ses mirettes améthystes. tu grimaces un peu en commençant à aller en leur direction. tout en espérant qu'elle ne causera pas de tord à cet inconnu. un soupire se fait à nouveau.

gérer un pokémon en partenaire est plus complexe que prévu.
</div><!--
--><div class="awf-foot-heart"><!--
-->rp basique #1<!--
--></div><!--
--><div class="awf-credit"><a href="http://terrible.forumactif.org/"></> awful</a></div><!--
--></div>

<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Roboto+Condensed" rel="stylesheet"><div style="background-image:url('https://i.pinimg.com/564x/e6/14/6f/e6146f24742f4b3ca26c7439769fa156.jpg');width:500px;height:700px;background-repeat:no-repeat;margin:0 auto;"><img src="http://via.placeholder.com/70x70" alt="img" style=" position:relative; top:30px; left:60px; width:70px; height:70px; border-radius:100%;"/><div class="title" style="color:#d9b2b3;font-family:'Abril fatface';text-transform:lowercase;font-style:italic;font-size:20px;padding:20px;text-align:right;width:300px;position:relative;right:-150px;top:-50px;">To the moon and back et on tente une nouvelle fois le titre long </br><div style="color:white;font-family:roboto condensed;font-size:9px;text-transform:uppercase;font-style:italic;">ceci est une sous phrase</div></div><div class="textrp" style=" color:#eaeaea; position:relative; top:50px; padding:20px; text-align:justify; font-size:12px; overflow:auto; width:400px; margin:0 auto; height:350px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div style="color:#525368;font-family:abril fatface;font-size:15px;text-shadow:0px 1px 2px #454545;text-align:center;position:relative;top:80px;">nom du partenaire</div></div><div class="trukcred" style=" text-align:center; color:#282d41; font-size:9px;">:copyright:️ <a href="http://somuchgravity.forumsrpg.com/">E P S I L O N</a></div>

<style>.imgrond img{width:70px; height:70px;}.trukcred a{text-decoration:none; color:#282d41; letter-spacing:6px; font-size:8px;}</style>

<div class="background_paper"><div class="img_fiche"><img src="http://placehold.it/460x200/"/></div><div class="title_paper">I bless <em>everyday</em> to have <b>you</b> in my life</div><div class="text_paper">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi rutrum sodales iaculis. Vestibulum vulputate pharetra lorem, in lacinia leo tempus nec. Phasellus aliquam mauris turpis, eu porta lectus tempus vitae. Nullam in est non tellus sagittis volutpat. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas eu quam fermentum, blandit lacus et, blandit metus. Aliquam feugiat, diam sed tristique varius, ante dui tempor tortor, nec convallis est nibh ut tellus. Aliquam erat volutpat. Quisque metus arcu, rutrum non sapien ut, vulputate accumsan sem. Aenean id tristique diam. Morbi cursus magna eget nisl tempor, dapibus eleifend nunc rutrum. Maecenas justo ipsum, laoreet at purus vel, interdum dictum justo.Mauris viverra nulla vehicula nisl ullamcorper, ut euismod sem ornare. Nullam eget volutpat augue. Sed euismod purus vitae bibendum vestibulum. Mauris ex purus, dictum ac risus id, ullamcorper aliquam mauris. In in risus non arcu tincidunt viverra. Nam placerat dui imperdiet, ultricies lectus ac, sodales quam. Curabitur at tempus elit. Aliquam eleifend magna mi, non pellentesque erat bibendum nec. Nam porta eros sem, eu convallis ante egestas vitae. Ut mi neque, lobortis tristique nisi vitae, porta semper turpis. Cras pharetra hendrerit magna, id mattis neque scelerisque ac. Nulla ac pulvinar justo. Aenean interdum feugiat efficitur. Phasellus vel massa vel nibh mattis aliquet ac quis sem. Mauris erat augue, eleifend sit amet purus ut, rhoncus pellentesque mi.Morbi sit amet feugiat nulla.<br/><br/><font>— You're forgiven my love</font><br/><br/>Quisque non mauris ultricies, ultrices eros id, mattis ex. Nullam ac massa nec nisi interdum pellentesque. In nec eros at leo sagittis ornare. Donec commodo cursus condimentum. Duis mollis sem nibh, id ultricies neque vestibulum id. Mauris turpis neque, viverra et nisi at, congue euismod urna. Fusce suscipit venenatis laoreet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nec mi ut risus suscipit venenatis sit amet ac mi. Ut varius lorem vel nisi mollis molestie. Donec dapibus suscipit lacus, sed venenatis est scelerisque ut.</div><div class="info_paper"><div class="imginfo"><img style="max-width: 100%;" src="http://placehold.it/100x100/"></div><div class="entete_paper">Nom <strong>prénom</strong></div><div class="entete_paper2">the winds are changing and blowing at my face like a warning</div></div></div><div class="credits_paper"><a href="http://somuchgravity.forumsrpg.com/">EPSILON</a></div><style>.background_paper{width:460px; padding:20px; margin:0 auto; border:solid 1px rgba(200, 200, 200, 0.5); background:#ebebeb; box-shadow: 0 5px 10px -8px rgba(0, 0, 0, 0.8);}.img_fiche{padding-bottom:5px; border-bottom:1px solid #9a3535;}.img_fiche img{width:460px; height:200px;}.title_paper{text-align:center; padding:10px; background:#ebebeb; position:relative; width:350px; margin:-20px auto; font:12px Libre Caslon Display; text-transform:uppercase; letter-spacing:1px; color:black;}.title_paper em{font-style:initial; border-bottom:dotted 1px #9a3535;}.title_paper b{color:#9a3535;}.text_paper{padding:5px; text-align:justify; font:11px arial; line-height:15px; margin:30px auto 20px auto; width:380px; color:grey;}.text_paper font{color:#9a3535; font:15px Libre Caslon Display; font-weight:bold;}.info_paper{background-color:#cccccc; padding: 30px; color:black; font:11px Libre Caslon Display; height: 90px; text-transform: uppercase; text-align: right; letter-spacing:1px;}.imginfo{float: right; height: 100px; width: 100px; padding: 10px 12px; border-top: solid 3px black; border-bottom: solid 3px #9a3535; border-radius:100%; margin-left: 20px;margin-top:-20px;}.imginfo img{height: 100px; width: 100px; border-radius:100%; filter: grayscale(50%); border:solid 1px rgba(220, 220, 220, 0.5);}.entete_paper{letter-spacing: 4px; line-height: 30px;}.entete_paper strong{color: #9a3535;}.credits_paper{text-align:center; font:10px arial; text-transform:uppercase;letter-spacing:2px;}.credits_paper a {color:grey;}</style>

<style type="text/css">.feather-in { width: 500px; height: 500px; background: #fff; padding: 10px; text-align: left; font-family: Source Sans Pro; overflow: hidden; line-height: 1.2; border: 1px solid #f1f1f1;}.feather-out { padding: 20px; border: 1px solid #f1f1f1; width: 520px}.feather-case { width: 300px; height: 350px; margin-top:60px; padding: 10px; position: relative; background: #f7f7f7;}.feather-one label { position: absolute; margin-right: 20px; margin-top: -75px; float: left;}.feather-one [type=radio] {display: none;}.feather-two { border-radius: 100%; overflow: hidden; float: left; border: 5px solid #fff; box-shadow: 0px 0px 2px 0px #aaa;}.feather-three { background: #fff; position: absolute; padding: 20px; font-size: 10px; font-family: Roboto; color: #535353; height: 310px; position: absolute; width: 260px; -webkit-transition: 0.4s; opacity: 0; overflow: auto; text-align: justify;}.feather-three h1 { letter-spacing: -1px; text-transform: lowercase; color: #E79EA9; font-size: 23px;}.feather-three h2 { letter-spacing: -1px; text-transform: lowercase; color: #87CEEB; font-size: 23px;}.feather-three h3 { letter-spacing: -1px; text-transform: lowercase; color: #70DB93; font-size: 23px;}[type=radio]:checked ~ label {animation: shake 2s;}.feather-one [type=radio]:checked ~ label ~ .feather-three {z-index: 3; opacity: 1;}.feather-one [type=radio]:checked ~ label ~ .feather-four {opacity: 1;}.feather-one [type=radio]:checked ~ label ~ .feather-five {opacity: 1;}@keyframes shake { 1% {transform: rotate(10deg);} 3% {transform: rotate(12deg);} 5% {transform: rotate(15deg);} 7% {transform: rotate(12deg);} 9% {transform: rotate(10deg);} 11% {transform: rotate(0deg);} 13% {transform: rotate(-10deg);} 15% {transform: rotate(-12deg);} 17% {transform: rotate(-15deg);} 19% {transform: rotate(-12deg);}}#scrollers::-webkit-scrollbar {width: 15px;}#scrollers::-webkit-scrollbar-thumb {width: 10px; background: #fff; border: 1px solid #e4e4e4;}.feather-four { position: absolute; margin-top: -10px; border: 10px solid #f5f5f5; width: 150px; padding: 10px; opacity: 0; height: 330px; -webkit-transition: 0.4s;}.feather-five { position:absolute; bottom: -70px; left: 0px; border: 10px solid #f7f7f7; padding: 7px; width: 466px; font-family: Montserrat; font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; text-align:right; opacity: 0; -webkit-transition: 0.4s;}.feather-six { font-family: Roboto; font-size: 13px; border-top: 1px solid; width: 400px; float: right;}.feather-ex { padding: 10px; color: #999; letter-spacing: 2px; font-size: 10px;}.feather-ex b, .feather-ex a { color: #fff; padding: 5px; margin-right: 5px; border-radius: 2px; letter-spacing: 0px; font-size: 11px;}#blossom {background: #E79EA9;}#bubbles {background: #87CEEB;}#buttercup {background: #70DB93;}#princess {background: #EDCB62;}#purple {background: #CD96CD;}#mainacc {background: #F4A460;}.bimg { width: 170px; height: 350px; margin: -10px; opacity: 0.2}.bimg2{ width: 40px; float: left; margin: 3px;}.fcredits { height: 10px; font-size: 11px; text-align: center; color: #EDCB62;}</style>

<link href="https://fonts.googleapis.com/css?family=Roboto|Source+Sans+Pro|Montserrat" rel="stylesheet"><center> <div class="feather-out"> <div class="feather-in"> <div class="feather-case"> <div class="feather-one"> <input type="radio" id="tab-1" name="tabs-group-1"> <label for="tab-1"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers"> <h1>oNE !</h1> Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région. <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> <br> <h2>two</h2> I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you. <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> <br> <h3>three</h3>When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby, <div class="feather-ex"> <b id="blossom">namelink</b>relationship<br> </div> </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover; margin-left: 300px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"> </div> <div class="feather-five" id="blossom"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Blossom <div class="feather-six">short description</div> </div> </div> <div class="feather-one" style="margin-left: 80px;"> <input type="radio" id="tab-2" name="tabs-group-1"> <label for="tab-2"> <div class="feather-two"> <img src="http://placehold.it/50x50/F4F4F4"> </div> </label> <div class="feather-three" id="scrollers" style="margin-left:-80px;"><h1>Bienvenue !</h1> Dans cette modeste boutique, vous pourrez venir acheter quelques objets qui vous seront utiles pour votre aventures, ainsi que quelques pokémons qui sont en attente d'un dresseur pour parcourir la région.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:220px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="bubbles"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Bubbles <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 160px;"> <input type="radio" id="tab-3" name="tabs-group-1"> <label for="tab-3"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-160px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:140px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="buttercup"><img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Buttercup <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 240px;"> <input type="radio" id="tab-4" name="tabs-group-1"> <label for="tab-4"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-240px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:60px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"> </div> <div class="feather-five" id="princess"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> Princess <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 320px;"> <input type="radio" id="tab-5" name="tabs-group-1"> <label for="tab-5"> <div class="feather-two"><img src="http://placehold.it/50x50/F4F4F4"></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-320px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked.  </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:-20px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg""></div> <div class="feather-five" id="purple"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> first last <div class="feather-six"> short description </div> </div> </div> <div class="feather-one" style="margin-left: 400px;"> <input type="radio" id="tab-6" name="tabs-group-1" checked> <label for="tab-6"> <div class="feather-two"><img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" width=50></div> </label> <div class="feather-three" id="scrollers" style="margin-left:-400px;"> <h1>one</h1> This is where the shipper goes. Explain all there is to be explained. Write all there is to be written. Say all there is to be said. Ask all there is to be asked. <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> <br> <h2>two</h2> I'm crazy for you. Touch me once and you know it's true. I never wanted anyone like this. It's all brand new. You'll feel it in my kiss. I'm crazy for you. <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> <br> <h3>three</h3>When I try to explain it I be sounding insane The words don't ever come out right I get all tongue-tied and twisted. I can't explain what I'm feeling. And I say, baby, baby, <div class="feather-ex"> <b id="mainacc">namelink</b>relationship<br> </div> </div> <div class="feather-four" style="background:url('http://placehold.it/150x330/F4F4F4');background-size: cover;margin-left:-100px;"> <img src="https://2img.net/h/s12.postimg.cc/tkyqyr43x/key.pngg" class="bimg"></div> <div class="feather-five" id="mainacc"> <img src="https://cdn1.iconfinder.com/data/icons/basic-ui-elements-color/700/07_star-128.png" class="bimg2"> La boutique de Narcisse <div class="feather-six"> Tout ce qu'il faut pour partir à l'aventure ! </div> </div> </div> </div> </div> </div><br> </center> </div></div>

<style type="text/css">.e1 { padding: 7px; border: 1px solid #fea396; height: 128px; width: 400px;} .e1 img { width: 400px; height: 130px;} .e2 { width: 70px; border-right: 1px solid #fea396; color: #fea396; vertical-align: top; padding-right: 10px; text-align: right; font-size: 30px; font-family: impact;} .e3 { padding: 10px; text-align: justify; padding-right: 0px; vertical-align: top;} .e4 { padding: 7px; border: 1px solid #fea396; width: 400px;} .e5 { width: 400px; text-align: right; font: normal 10px/11px arial, serif; letter-spacing: 1px; text-transform: uppercase; padding-top: 5px;} </style><div align="center"><div class="e1"><img src="https://images2.imgbox.com/5f/39/8zwCGOdw_o.jpg"></div><table style="width:400px;" border="0"><tbody><tr><td class="e2">SHUT UP AND KISS ME</td><td class="e3">I chose to really try and stick to the basics on this and take what you were giving us a little more literally in the hopes of creating something incredibly simple but hopefully satisfying both aesthetically and for the challenge. I couldn't shake the feeling that you meant it a little more literally anyway to see what people could do with the bare minimum.As such this template contains 1 color taken from the image, a 400px x 130px image, borders and preinstalled fonts from PB itself and that's it. Doesn't even have a background color and fully relies on the site's font css, color and post background color instead. probably the most advanced bit here is the vertical-align for the sake of everything aligning towards the top when the two table cells expand instead of being awkwardly centered. I actually really enjoyed doing this one, it was nice to do up something so simple and straight forward.</td></tr></tbody></table><div class="e4"><div align="left"> @endless and other ooc notes here</div></div><div class="r5">this is something <a href="http://pixel-perfect.boards.net/user/52">endless</a></div></div>

   
    <style type="text/css">.frame { border: 10px solid white; border-top: 0px; width: 480px; height: 100px; overflow: hidden;}.firstframe { width: 480px; height: 100px; margin-left: -480px; transition: ease-in-out .5s;}.firstframeeven { width: 480px; height: 100px; margin-left: 0px; transition: ease-in-out .5s;}.secondframe { width: 480px; color: white; height: 100px; background-color: black;}.frame table { border-collapse: collapse; padding: 0px; border-spacing: 0;}.frame td, tr, th { padding: 0px;}.frame td img { display:block;}.blurbinfo { width: 100px; height:100px; text-align: center; background-color: #FB825D;}.blurbinfo2 { width: 90px; height:85px; padding: 5px; padding-top: 10px; border-left: 10px solid white; text-align: center; background-color: #FB825D;}.blurbinfo2even { width: 90px; height:85px; padding: 5px; padding-top: 10px; border-right: 10px solid white; text-align: center; background-color: #FB825D;}.frame:hover .firstframe { margin-left: 0px; transition: ease-in-out .3s;}.frame:hover .firstframeeven { margin-left: -480px; transition: ease-in-out .3s;}.portrait img { width: 100px; text-align: center;}.portrait {margin-bottom: 5px;}.name { font-family: 'Raleway'; color: white; font-size: 15px; line-height: initial; font-weight: 300;}.info { font-family: 'Lato'; font-weight: 100; font-size: 10px; color: white; line-height: initial;}.info a { color: white; line-height: 10px; font-family: 'Montserrat';}.maintext { background-color: white; width: 250px; padding: 10px; text-align: justify; height: 80px; color: #9E9E9E; font-size: 9px; line-height: 12px; overflow: auto; font-family: 'pt sans';}.maintext::-webkit-scrollbar {width: 2px;}.maintext::-webkit-scrollbar-track {background:#CFCFCF;}.maintext::-webkit-scrollbar-thumb:horizontal {background:#FB825D; border:none;}.maintext::-webkit-scrollbar-thumb:vertical {background:#FB825D; border:none;}.header { background-color: #FB825D; float: left; color: white; font-size: 12px; line-height: initial; font-family: 'Lato'; text-transform: uppercase; font-weight: 100; line-height: initial; margin: 3px; margin-top: 0px; margin-left: 0px; padding: 2px;}.title { width: 490px; background-color: white; height: 70px; font-size: 60px; line-height: initial; letter-spacing: 4px; font-style: italic; font-family: 'Raleway'; color: #FB825D; font-weight: 300; padding-left: 10px; text-align: left;}.credits { font-family: 'Raleway'; font-weight: 300; text-transform: uppercase; font-size: 12px; line-height: initial;}.frame a {text-decoration: none;}.maintext b { font-family: 'Montserrat'; color: #FB825D; font-size: 11px; line-height: 10px;}.maintext i { font-family: times; color: #FB825D; font-size: 11px; line-height: 10px;}.plotter { border: 1px solid #EBEBEB; width: 500px;}</style>
    <link href='http://fonts.googleapis.com/css?family=PT+Mono|Montserrat|Raleway:300|Lato:100' rel='stylesheet' type='text/css'><center> <div class="plotter"> <div class="title"><b>FLASH</b>BANG ☆</div> <div class="frame"> <table cellspacing="0"> <tr> <td> <div class="firstframe"> <table> <tr> <td> <div class="blurbinfo"> <div class="portrait"><img src="http://2.s.imgbox.com/weIgEx0n.jpg"></div> </div> </td> <td> <div class="blurbinfo2"> <div class="name">NAME MCNAME.</div> <div class="info"> age. gender. orientation. group. <a href="applinkhere">app</a>. trait. </div> </div> </td> <td> <div class="maintext"> <div class="header">friends</div> Cras eget tincidunt orci. <b>Bold text.</b> Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. <i>Italic text.</i> Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. <div class="header">enemies</div> Cras eget tincidunt orci. Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. <div class="header">loves</div> Cras eget tincidunt orci. Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. </div> </td> </tr> </table> </div> </td> <td> <div class="secondframe"><img src="http://i.imgbox.com/3fKsdbPx.png"></div> </td> </tr> </table> </div> <div class="frame"> <table cellspacing="0"> <tr> <td> <div class="firstframe"> <table> <tr> <td> <div class="blurbinfo"> <div class="portrait"><img src="http://2.s.imgbox.com/weIgEx0n.jpg"></div> </div> </td> <td> <div class="blurbinfo2"> <div class="name">NAME MCNAME.</div> <div class="info"> age. gender. orientation. group. <a href="applinkhere">app</a>. trait. </div> </div> </td> <td> <div class="maintext"> <div class="header">friends</div> Cras eget tincidunt orci. <b>Bold text.</b> Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. <i>Italic text.</i> Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. <div class="header">enemies</div> Cras eget tincidunt orci. Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. <div class="header">loves</div> Cras eget tincidunt orci. Vestibulum ante quam, suscipit at gravida ac, tempus ac diam. Suspendisse posuere elit vitae ligula euismod iaculis et at elit. Praesent varius tortor blandit lectus blandit, et scelerisque mi suscipit. Fusce nec erat vel enim lobortis aliquam. Nunc imperdiet lorem a augue accumsan, ac facilisis mi eleifend. Praesent mollis lacus non elementum tincidunt. </div> </td> </tr> </table> </div> </td> <td> <div class="secondframe"><img src="http://i.imgbox.com/3fKsdbPx.png"></div> </td> </tr> </table> </div> </div> <div class="credits"><a href="http://outofcontrolx.b1.jcink.com/index.php?showuser=272">BEAR</a> OF <a href="http://outofcontrolx.b1.jcink.com/index.php?act=idx">OOC</a></div> </center>

<div id="kitty">[img]https://www.zupimages.net/up/18/14/axq0.gif[/img]<h1>JE SUIS UNE ANNONCE</h1></div>
<div id="kitty01">[img]https://www.zupimages.net/up/20/09/sgn9.jpg[/img]<p>n ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna. Maecenas maximus fringilla dolor in aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque pellentesque ornare aliquam. Vivamus suscipit velit sed tortor semper efficitur. Sed imperdiet sem nec facilisis auctor.Caractère du personnage In ac venenatis lorem. Sed sit amet malesuada eros. Curabitur finibus ex quis odio semper, vel feugiat quam sodales. Praesent id laoreet velit. Pellentesque in pharetra nibh. Morbi ut quam vitae dolor elementum interdum vel sed magna.</p></div>
<div class="credit"><a href="http://www.epicode-entraide.com/"> Hanyo Yurikin | Ls pour Epicode</a></div><!--
--><style>#kitty, #kitty01{background:#fafafa;box-shadow: 2px 2px 2px #aaa; margin:auto;width:300px; height:200px; padding:10px}#kitty01{margin-top:25px}#kitty > img{width:300px;height:200px;object-fit:cover}#kitty > h1{position:absolute; font-size:20px;font-family: 'Oswald',calibri ;text-shadow: 0 0 2px #aaa; color:#fff;margin: -120px 60px;border: 1px solid #fff;padding: 10px;text-transform:uppercase;}#kitty01 > p{font-family: 'Oswald',arial;font-size:11px; line-height:1.3em;text-align:justify;color:#555}#kitty01 > img{position:absolute; border-radius:100%; width:100px;height:100px;margin: -120px 93px auto;padding: 4px;border: 8px solid #fff;box-shadow: 2px 2px 2px #aaa;}.credit{font-size:6px;text-transform:uppercase;font-family:calibri;display:block;text-align:center;margin:auto}.credit a{color:black;text-decoration : none;}</style><!--
--><link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet" />

       
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,900|Open+Sans" rel="stylesheet"><style>.rp-wrap { width: 500px; background-color: #e6e3f9; box-sizing: border-box; position: relative; font-family: 'Roboto', sans-serif; overflow: hidden; margin: auto;line-height: 1.4em; } .rp-wrap:after { content:""; width: 0; height: 0; border-style: solid; border-width: 200px 800px 0 0; border-color: #47d493 transparent transparent transparent; position: absolute; top: 0; } .rp-wrap:before { content: ""; width: 800px; height: 100px; background: #fff; position: absolute; top: 50px; transform: rotate(-10deg); left: -100px; } .rp-wrap h2 { position: absolute; transform: rotate(-15deg); width: 310px; top: 60px; left: 160px; font-size: 15px; text-transform: uppercase; color: #fff; text-shadow: -1px 0 0 #39ad77; z-index: 2; font-weight:bold; } .rp-wrap h3 { position: absolute; transform: rotate(-15deg); width: 200px; top: 40px; left: 160px; font-size: 10px; text-transform: uppercase; color: #39ad77; z-index: 2; font-weight: normal; } .rp-wrap h3:before { content: "Feat"; position: absolute; margin-top: -35px; margin-left: -80px; font-size: 70px; text-transform: uppercase; color: #39ad77; z-index: 2; font-weight: bold; } .rp-wrap .icon { position: absolute; border-radius: 50%; left: 50px; border: 3px solid #39ad77; top: 100px; z-index: 2; width: 100px; height: 100px; overflow: hidden; } .rp-wrap .icon img { height: 100px; } .rp-txt { font-family: 'Open Sans', sans-serif; width: 70%; text-align: justify; margin: auto; padding: 240px 0 50px; font-size: 10px; line-height: 16px; } .rp-credit { position: absolute; width: 100%; text-align: center; bottom: 15px; } .rp-credit a { text-decoration: none!important; color: #bababa!important; font-size: 9px; letter-spacing: 1px; }</style><div class="rp-wrap"><!--
    --><h2>We're not broken, we're just bent and we can learn to love again</h2><!--
    --><h3>Alias 1 & Alias 2</h3><!--
    --><div class="icon"><img src="https://media.giphy.com/media/mLa2pKrcyQCUo/giphy.gif" alt="" /></div><!--
    --><div class="rp-txt">
              Texte ici
          </div><!--
    --><div class="rp-credit"><a href="http://terrible.forumactif.org/" target="_blank"></> awful</a></div>
    </div>

Revenir en haut Aller en bas   
https://snake-test.forumgratuit.org