<style>#fva-outer { margin: 0 auto; width: 500px; height: 500px; background: #fafafa; position: relative; box-shadow: 2px 2px 1px #ddd; overflow: hidden;}.fva-tb { width: 230px; height: 460px; background: #322b3a; position: absolute; z-index: 5; right: 20px; top: 20px; box-sizing: border-box; border-left: 5px solid #FF4E44;}.fva-avimg { border-radius: 100%; width: 120px; height: 120px; overflow: hidden; position: relative; top: 30px; left: 50px;}.fva-tbl { margin-left: auto; margin-right: auto; color: #c8cdd1; width: 190px; text-transform: uppercase; text-align: left; letter-spacing: 0.5px; font: normal normal 9px/11px 'Montserrat',sans-serif; position: relative; top: 60px;}#fva-outer .fva-tbl b { background: #FF4E44; color: #333; padding: 2px 2px; margin-right: 5px; font: normal normal 9px 'Montserrat',sans-serif; position: relative; top: -1px; letter-spacing: 0px;}.fva-player { font: 800 italic 42px/1px 'Montserrat',sans-serif; text-align: center; letter-spacing: -3px; color: white; height: 18px; width: 175px; background: #FF4E44; position: absolute; bottom: 60px; right: 45px; z-index: 5; text-transform: lowercase;}.fva-cont { font: normal normal 9px 'Montserrat',sans-serif; color: #fafafa; text-transform: uppercase; text-align: center; width: 175px; position: absolute; top: 20px; letter-spacing: 1px;}.fva-bgimg { width: 230px; height: 460px; position: absolute; top: 20px; left: 20px; outline: 1px solid #322b3a; outline-offset: -8px; transition: all 0.5s ease 0s;}#fva-outer:hover .fva-bgimg { filter: grayscale(100%); transition: all 0.5s ease 0s;}.fva-inn { width: 180px; height: 410px; font: normal normal 10px 'Montserrat',sans-serif; color: #333; text-align: justify; background: rgba(255,255,255,0.9); position: relative; padding: 25px; top: 20px; left: 250px; transition: all 0.5s ease 0s;}#fva-outer:hover .fva-inn { left: 20px; transition: all 0.7s ease 0.2s;}.fva-inntabs { height: 370px; width: 100%; position: relative;}.fva-inntab {float: left;}.fva-inntab label { height: 10px; width: 10px; border: 4px solid #FF4E44; border-radius: 50%; display: block; margin: 5px; position: relative; left: 50px; top: 385px; z-index: 4; cursor: pointer; transition: all 0.3s ease 0s;}.fva-inntab input[type=radio]:hover ~ label { border-color: #413059; transition: all 0.3s ease 0s;}.fva-inntab input[type=radio]:checked ~ label { background: #413059; border-color: #413059; z-index: 3; transition: all 0.3s ease 0s;}.fva-inntab input[type=radio] {display: none;}.fva-inncontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding-right: 10px; opacity: 0; overflow: auto; transition: all 0.3s ease 0s;}.fva-inntab input[type=radio]:checked ~ label ~ .fva-inncontent { z-index: 1; opacity: 1; transition: all 0.3s ease 0s;}.fva-name { width: 440px; font: 800 normal 42px/30px 'Montserrat',sans-serif; letter-spacing: -4px; text-transform: uppercase; text-align: center; color: white; transform: rotate(-90deg); text-shadow: 4px 0px 0px #FF4E44; position: absolute; top: 235px; left: 15px; transition: all 0.5s ease 0s;}#fva-outer:hover .fva-name { left: -185px; opacity: 0; transition: left 0.7s ease 0.2s, opacity 0.5s ease 0.4s;}#fva-outer .fva-inncontent b {color: #413059;}#fva-outer .fva-inncontent i {color: #413059;}#fva-outer .fva-inncontent a {color: #413059; font-weight: 700; text-decoration: none;}#fva-outer .fva-inncontent: : -webkit-scrollbar {width: 5px;}#fva-outer .fva-inncontent: : -webkit-scrollbar-thumb {background: #413059;}#fva-outer .fva-inncontent: : -webkit-scrollbar-track {background: #ddd;}#fva-outer .fva-inncontent header { display: block; padding: 2px 5px; font: 800 italic 25px/15px 'Montserrat',sans-serif; letter-spacing: -2px; text-align: right; color: white; background: #FF4E44; height: 18px; margin-bottom: 10px; margin-top: 20px;}#fva-outer .fva-inncontent impt { display: block; padding: 5px; letter-spacing: 2px; font: 700 normal 12px 'Montserrat',sans-serif; color: #413059; text-transform: lowercase;}</style>

<div id="fva-outer"> <img class="fva-bgimg" src="https://2img.net/h/s8.postimg.cc/481hk4o39/image.png" width="230px"> <div class="fva-name">first last</div> <div class="fva-inn"> <div class="fva-inntabs"> <div class="fva-inntab"> <input type="radio" id="fva-inntab-1" name="fva-inntab-group-1" checked> <label for="fva-inntab-1"></label> <div class="fva-inncontent"> <header>overview</header> <b>bold looks like this. </b>When using <i>italic text be sure to wrap in < i > tags.</i>Gummi bears chocolate cotton candy chupa chups carrot cake. Chocolate bar sesame snaps muffin gummies cake cupcake brownie tootsie roll. Icing chupa chups powder pastry cake tootsie roll tart jelly beans candy. Sweet croissant lemon drops pudding. Chocolate cake jelly beans danish candy canes bear claw soufflé. Cheesecake marzipan tootsie roll chocolate cake croissant marshmallow cupcake. Gummi bears chocolate cotton candy chupa chups carrot cake. Chocolate bar sesame snaps muffin gummies cake cupcake brownie tootsie roll. Icing chupa chups powder pastry cake tootsie roll tart jelly beans candy. Sweet croissant lemon drops pudding. Chocolate cake jelly beans danish candy canes bear claw soufflé. Cheesecake marzipan tootsie roll chocolate cake croissant marshmallow cupcake. Gummi bears chocolate cotton candy chupa chups carrot cake. Chocolate bar sesame snaps muffin gummies cake cupcake brownie tootsie roll. Icing chupa chups powder pastry cake tootsie roll tart jelly beans candy. Sweet croissant lemon drops pudding. Chocolate cake jelly beans danish candy canes bear claw soufflé. Cheesecake marzipan tootsie roll chocolate cake croissant marshmallow cupcake. </div> </div> <div class="fva-inntab"> <input type="radio" id="fva-inntab-2" name="fva-inntab-group-1"> <label for="fva-inntab-2"></label> <div class="fva-inncontent"> <header>platonic</header> Cupcake ipsum dolor sit amet. Powder candy canes apple pie. Icing sugar plum chocolate cookie pie jelly-o toffee sesame snaps carrot cake. Cake chocolate apple pie jelly beans gummies. Pie tiramisu chocolate cake. Carrot cake croissant cookie cookie biscuit. <header>antagonistic</header> Cupcake ipsum dolor sit amet. Powder candy canes apple pie. Icing sugar plum chocolate cookie pie jelly-o toffee sesame snaps carrot cake. Cake chocolate apple pie jelly beans gummies. Pie tiramisu chocolate cake. Carrot cake croissant cookie cookie biscuit. <header>romantic</header> Cupcake ipsum dolor sit amet. Powder candy canes apple pie. Icing sugar plum chocolate cookie pie jelly-o toffee sesame snaps carrot cake. Cake chocolate apple pie jelly beans gummies. Pie tiramisu chocolate cake. Carrot cake croissant cookie cookie biscuit. </div> </div> <div class="fva-inntab"> <input type="radio" id="fva-inntab-3" name="fva-inntab-group-1"> <label for="fva-inntab-3"></span></label> <div class="fva-inncontent"> <header>tracker</header> <impt>active</impt> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> <impt>completed</impt> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> <impt>comms</impt> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> <a href='http: //'>--thread title</a> with john smith<br> </div> </div> </div> </div> <div class="fva-tb"> <img class="fva-avimg" src="https://78.media.tumblr.com/269499d8e9a9b78c06c7377248b292aa/tumblr_inline_p7k49xhRe31rre457_540.gif" width=120> <div class="fva-tbl"> <b>age (dob)</b>## (here) <br><br><b>gender</b>here <br><br><b>pronouns</b>here <br><br><b>membergroup</b>here <br><br><b>occupation</b>here <br><br><b>sexuality</b>here <br><br><b>zodiac</b>here <br><br><b>mbti</b>here <br><br><b>face claim</b>fc first last </div> </div> <div class="fva-player">alias <div class="fva-cont">pronouns / timez / contact</div> </div></div>

<style>.wnubreak { border: solid 1px #eee; background-color: #fff; width: 300px; padding: 15px; min-height: 300px;} .wnubreaktitle { background-color: #F0F0F0; width: 300px; min-height: 30px; color: #1b1b1b; text-align: center; font-family: Wire One; font-size: 31px; letter-spacing: 4px; padding-top: 15px;} .wnubreaktitle2 {margin-top: 5px;} .wnubreaktitle2 img { max-height: 50px; min-width: 300px;} .wnubreakbody { background-color: #F9F9F9; width: 240px; padding: 20px 30px 16px 30px; font-family: Montserrat; font-size: 9px; text-align: justify; margin-top: 5px; color: #555; line-height: 12px;} .wnubreakbody u { font-family: Wire One; font-size: 16px; text-decoration: none; text-transform: uppercase;} .wnubreakbody b { color: #66b39e; font-family: Raleway; font-size: 10px;} .wnubreakbody i {color: #66b39e;}.wnubreakbrdr { background-color: #66b39e; min-height: 4px; width: 300px; margin: 5px 0px 5px 0px;} .wnubreaktags { background-color: #F9F9F9; font-family: calibri; color: #A8A8A8; font-size: 9px; min-height: 20px; padding: 6px 5px 5px 5px; min-width: 290px; max-width: 290px; text-align: center; line-height: 12px; }.clear { text-align:center; font-family: "Mukta"; font-size:8px; text-transform:uppercase; margin-right: 8px; }</style>

<link href='https://fonts.googleapis.com/css?family=Wire+One|Montserrat|Raleway|Mukta' rel='stylesheet' type='text/css'> <div align="center"> <div class="wnubreak"> <div class="wnubreaktitle"> FOREVER'S COME AND GONE </div> <div class="wnubreaktitle2"> <img src="https://i.imgbox.com/jtcaoQgF.png"> </div> <div class="wnubreakbody"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <strong>"Vivamus auctor sit amet elit vel rhoncus."</strong> Vestibulum consequat, augue ac auctor blandit, ipsum sapien fringilla felis, vel gravida lorem augue id sem. Vestibulum efficitur augue eu nibh egestas aliquet. <italic>Vivamus pretium nisl at sem consectetur laoreet.</italic> Sed eget diam felis. Phasellus metus nulla, posuere eu sapien vitae, rhoncus fringilla nibh. Nunc nec quam porttitor est placerat ullamcorper. Vivamus porttitor tortor id velit consectetur vestibulum. Morbi a pharetra quam. Donec mollis consectetur est, sed consectetur augue luctus nec. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis convallis ante, vel tristique mauris accumsan vel. Proin non augue egestas, dapibus purus in, hendrerit augue. Mauris odio enim, mollis nec elit nec, interdum convallis urna. Mauris nec ullamcorper leo. Quisque non augue nec orci rutrum sodales. Nam bibendum ipsum sit amet libero volutpat, suscipit euismod mi maximus. Maecenas faucibus venenatis eros nec elementum. Phasellus nec lacinia odio. Curabitur bibendum nisi quis mauris posuere, placerat gravida mauris sagittis. Donec varius interdum massa, eget molestie arcu pellentesque vitae. Quisque suscipit diam eu turpis euismod lobortis. Quisque sodales vel mauris sit amet ultrices. Maecenas molestie mauris et iaculis placerat. </div> <div class="wnubreakbrdr"></div> <div class="wnubreaktags">@tags | potentially infinite notes</div> </div> <div class="clear"><a href="http://shine.jcink.net/index.php?showuser=22552">⬦ clear ⬦</a></div></div>

<style>.grant { width: 80px; padding: 5px; background-color: #fafafa; text-align: center; font-size: 8px; text-transform: uppercase; font-family: 'Roboto', sans-serif; line-height: 100%; color: #222; margin: auto; margin-bottom: 10px;} .gus { text-align: right; font-family: 'Roboto', sans-serif; text-transform: lowercase; border-bottom: 1px solid #222; color: #222; font-size: 40px; letter-spacing: -4px; line-height: 100%; font-style: italic; font-weight: bold; margin-bottom: 20px; padding-right: 5px;} .gust { width: 265px; height: 300px; padding-right: 5px; overflow: auto; font-size: 10px; color: #222; font-family: 'Roboto', sans-serif; text-align: justify; line-height: 100%;} .gust::-webkit-scrollbar { width: 4px; height: 4px; border: 0px solid #fff;} .gust::-webkit-scrollbar-track { background-color: #fafafa; border: 0px solid #fff;} .gust::-webkit-scrollbar-thumb { background-color: #222; border: 0px solid #fff;} .gust>h1 { margin-top: 10px; font-family: 'Roboto', sans-serif; text-transform: uppercase; text-align: left; line-height: 100%; font-size: 25px; font-weight: bold; letter-spacing: -1px; color: #222; margin-bottom: 0px;} .h1 { width: 150px; height: 400px; background-image: url(https://i.imgur.com/dV6prYK.png); text-align: center; margin: auto;} .h2 { width: 100px; height: 100px; border-radius: 100%; padding: 5px; border: 3px double #fff; margin: auto; margin-bottom: 10px;} .h2 img { width: 100px; border-radius: 100%;} .h3 { width: 270px; height: 370px; background-color: #fafafa; padding: 20px;}</style>

<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'><center><table cellpadding="0" cellspacing="0"><td><div class="h1"><div style="height: 55px;"></div><div class="grant">age</div><div class="grant">occupation</div><div class="grant">location</div><div class="h2"><img src="http://placehold.it/100""/></div><div class="grant">adj</div><div class="grant">adj</div><div class="grant">adj</div></div></td><td><div class="h3"><div class="gus">first m. last</div><div class="gust">words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol <h1>friends.</h1>words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and <h1>enemies.</h1>shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and<h1>lovers.</h1>shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol words and shizz lol</div></div></td></table></center>

<style>.rorobody { position: relative; height: 400px; width: 490px; background-color: #ffffff; padding: 5px; border: 5px solid #e5e5e5; overflow: hidden;}.roroopa { opacity: 1.0; -webkit-transition: all 4s ease; -moz-transition: all 4s ease; -o-transition: all 4s ease;}.roro1 { position: absolute; top: 25px; left: -125px; background-color: rgb(255, 255, 255); width: 100px; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease;}.roro2 { position: absolute; top: 65px; left: -125px; background-color: rgb(255, 255, 255); width: 100px; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease}.roro3 { position: absolute; top: 105px; left: -125px; background-color: rgb(255, 255, 255); width: 100px; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; -o-transition: all 2.5s ease;}.roro4 { position: absolute; top: 145px; left: -125px; background-color: rgb(255, 255, 255); width: 100px; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;}.roro5 { position: absolute; top: 185px; left: -125px; background-color: rgb(255, 255, 255); width: 100px; opacity: 0.9; font-family: oswald; color: #464646; text-align: center; padding: 5px; font-size: 17px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease;}.rorotext { position: absolute; top: 25px; right: -325px; background-color: rgb(255, 255, 255); width: 270px; padding: 15px; opacity: 0.9; font-family: calibri; color: #464646; text-align: justify; padding: 5px; font-size: 10px; line-height: 10px; height: 350px; overflow: auto; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}.rorobody:hover .roroopa { opacity: 0.5; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}.rorobody:hover .roro1 { position: absolute; top: 25px; left: 25px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease;}.rorobody:hover .roro2 { position: absolute; top: 65px; left: 25px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease;}.rorobody:hover .roro3 { position: absolute; top: 105px; left: 25px; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -o-transition: all 2s ease;}.rorobody:hover .roro4 { position: absolute; top: 145px; left: 25px; -webkit-transition: all 2.5s ease; -moz-transition: all 2.5s ease; -o-transition: all 2.5s ease;}.rorobody:hover .roro5 { position: absolute; top: 185px; left: 25px; -webkit-transition: all 3s ease; -moz-transition: all 3s ease; -o-transition: all 3s ease;}.rorobody:hover .rorotext { position: absolute; top: 25px; right: 25px; -webkit-transition: all 3.5s ease; -moz-transition: all 3.5s ease; -o-transition: all 3.5s ease;}.rorotab1 {background-color: #d9ae45;}.rorotab2 { background-color: #464646; font-family: oswald; padding: 5px; color: #fafafa; width: 100px; text-align: center; margin-bottom: 5px; font-size: 14px;}.rorotext::-webkit-scrollbar {width: 05px;}.rorotext::-webkit-scrollbar-track {background-color: #ffffff;}.rorotext::-webkit-scrollbar-thumb {background-color: #464646;}.r3 { text-align: center; font-size: 10px; font-family: courier new; letter-spacing: 1px; text-transform: uppercase; opacity: 0.5;}</style>

<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'><center><div class="rorobody"> <img src="https://tse1.mm.bing.net/th?id=OIP.rVnISdi4wrhqQJZKLjMw_AHaFj&pid=Api" class="roroopa"> <div class="roro1"><span class="color: #d9ae45">A</span>GE</div> <div class="roro2"><span class="color: #d9ae45">G</span>ENDER</div> <div class="roro3"><span class="color: #d9ae45">O</span>RIENTATION</div> <div class="roro4"><span class="color: #d9ae45">O</span>CCUPATION</div> <div class="roro5"><span class="color: #d9ae45">E</span>XTRA</div> <div class="rorotext"> <div class="rorotab1"> <div class="rorotab2">ABOUT</div> </div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. <div class="rorotab1"> <div class="rorotab2">FRIENDS</div> </div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. <div class="rorotab1"> <div class="rorotab2">ENNEMIES</div> </div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. <div class="rorotab1"> <div class="rorotab2">ROMANCE</div> </div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. <div class="rorotab1"> <div class="rorotab2">OIHERS</div> </div> Donec vel lectus neque. In euismod ipsum vitae ultricies posuere. Nulla porttitor id lectus eget blandit. Donec sit amet lacus ipsum. Nulla tempus justo ut lectus scelerisque, ac viverra mauris tempor. Nullam at enim tellus. Duis quis odio nisi. Mauris egestas congue rutrum. Vivamus eleifend metus vel lobortis volutpat. Phasellus ut iaculis dolor. Nam placerat sed est quis venenatis. Cras suscipit sit amet lectus quis semper. Quisque consequat orci sit amet nisl varius, a mattis neque euismod. Donec venenatis tortor non nibh porta feugiat. </div></div><div class="r3">TEMPLATE BY DALI OF CANDYLAND COUTURE</div></center>

<style>.modo-bord {padding:20px; border:1px solid #EBECEC; margin:auto; width:580px; background:#f2f2f2; border-radius:3px;}.modo-int {border-radius:3px; overflow:hidden; display:flex; flex-wrap:wrap; position:relative;}.modo-left {height:260px; background:#282828; width:400px;}.modo-left-nom {text-transform:uppercase; color:#F0F0F0; font-family:montserrat; font-size:25px; letter-spacing:-0.5px; line-height:25px; margin:20px 0px 0px 20px;}.modo-left-nom span {font-weight:700;}.modo-type {margin:5px 0px 0px 20px; font-weight:700; text-transform:uppercase; font-size:12px; line-height:10px; height:10px; font-family:montserrat; width:357px; background:rgba(0,0,0,0.20);}.modo-type div {background:#282828; padding-left:10px;display:inline-block; float:right;}.modo-texte {width:357px; height:131px; margin:14px 0px 0px 20px; background:rd; font-family:montserrat; font-size:11px; line-height:18px; color:#E1E1E1; text-align:justify;}.modo-stat {height:40px; background:rgba(0,0,0,0.15); margin-top:15px; font-family:montserrat; text-transform:uppercase; font-weight:400; font-size:15px; color:#F0F0F0; line-height:40px; padding-left:20px;}.modo-right {flex:1; overflow:hidden;}.modo-rond {height:260px; width:60px; position:absolute; overflow:hidden;}.modo-rond2 {width:660px; height:660px; position:relative; z-index:5; background:#282828; border:3px solid #232323; border-radius:100%; margin:-203px 0px 0px -633px;overflow:hidden;}.modo-rond21 {height:40px; background:rgba(0,0,0,0.15); margin-top:420px;}.modo-rond3 {position:absolute; z-index:4; width:680px; height:680px; border-radius:100%; background:rgba(0,0,0,0.5); border:1.5px dashed rgba(0,0,0,0.3); margin:-210px 0px 0px -630px;}</style>

<!-- SCROLLBARRE MALIHU --> <link rel="stylesheet" href="http://www.aht.li/3005647/jquerymCustomScrollbar.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://www.aht.li/3005648/jquerymCustomScrollbarconcatmin.js"></script><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.css"/><script type="text/javascript" src="//files.jcink.net/html/jquery-1.7.2.min.js"></script><script type="text/javascript" src="//files.jcink.net/html/jquery.cookie-1.3.1.js"></script><script type="text/javascript" src="//files.jcink.net/html/catcollapse.js"></script><meta charset="UTF-8"> <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' /><link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Montserrat:300,400,700,800,900' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Hind:400,500,600,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"><div class="modo-bord"> <div class="modo-int"> <div class="modo-left"> <div class="modo-left-nom"><span style="color:#f8c64f;">Demande</span> de modération</div> <div class="modo-type"><div style="color:#fbaa57;">achat de talent</div></div> <div class="modo-texte mCustomScrollbar _mCS_3" data-mcs-theme="dark">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. Lorem ipsum dolor sit amet, consectetur.</div> <div class="modo-stat">En attente</div> </div> <div class="modo-right"> <div class="modo-rond"> <div class="modo-rond3"></div> <div class="modo-rond2"> <div class="modo-rond21"></div> </div> </div> <img src="https://zupimages.net/up/20/20/5z9r.png"/> </div> </div></div>

<style>.face-bord {padding:20px; border:1px solid #EBECEC; margin:auto; width:646px; background:#F9F9F9; border-radius:3px;}.face-bord2 {border-radius:3px; overflow:hidden;}.face-haut {height:120px; background:#282828; position:relative; overflow:hidden;}.face-nom {color:#F5F5F5; text-transform:uppercase; font-family:montserrat; font-weight:700; font-size:40px; letter-spacing:-0.5px; line-height:25px; text-align:right; padding:30px 28px 12px 0px; position:relative; z-index:10;}.face-hash {text-transform:lowercase; line-height:20px; font-family:montserrat; font-weight:700; font-size:12px; color:#282828; position:relative; z-index:10;}.face-hash div {display:inline-block; padding:1px 10px 3px 10px; border-radius:3px; float:right; margin:3px 28px 0px 0px;}.face-haut-bg {width:646px; height:120px; position:absolute; background:red; filter: grayscale(100%) contrast(200%) brightness(0.90); mix-blend-mode: multiply;}.face-haut-bg img {width:646px;}.face-moy {height:158px; overflow:hidden; position:relative; background:white;}.face-icone {width:116px; height:116px; border-radius:100%; position:relative; z-index:30; margin:20px 0px 0px 457px;}@keyframes rotate { 0% {transform:rotate(0);} 100% {transform:rotate(360deg);}}.face-icone img {border-radius:100%; width:100px; height:100px; background:white; padding:3px; border:5px solid #282828;}.face-ic {width:132px; height:132px; margin:auto; border-radius:100%; margin:9.8px 0px 0px 447.5px; position:absolute; animation:infinite 5s rotate; z-index:20; border-left:2px solid #C3C3C3; border-right:2px solid #C3C3C3; box-shadow:0px 0px 0px 80px rgba(245,245,245,0.4); background:white;}.face-ic2 {width:250px; height:250px; background:red; margin:-47px 0px 0px 198px; border-radius:100%; position:absolute; z-index:5; opacity:0.0; display:none;}.face-ic3 {width:200px; height:200px; position:absolute; background:url(https://zupimages.net/up/20/24/vsx8.png); border-radius:100%; z-index:4; margin:-21px 0px 0px 415px; box-shadow:0px 0px 3px rgba(0,0,0,0.3);}.face-couv {width:646px; height:200px; position:absolute; overflow:hidden;}.face-couv img {width:646px; filter:grayscale(0%) contrast(100%) brightness(1); mix-blend-mde: multiply;}.face-barre {height:50px; line-height:50px; text-align:left; font-weight:700; font-family:montserrat; color:#F5F5F5; text-transform:uppercase; padding-left:80px; font-size:20px;}.face-barre div {height:50px; position:absolute; width:80px; margin:0px 0px 0px -80px; text-align:center; overflow:hidden; color:white; font-size:52px; opacity:0.6;}.face-my {background:#282828; display:flex; flex-wrap:wrap;}.face-info {width:170px; padding:20px 15px 10px 15px;; text-align:right; font-family:montserrat;}.face-info1 {text-transform:uppercase; font-size:20px; font-weight:700; line-height:24px;}.face-info2 {text-transform:uppercase; font-size:11px; font-weight:700; line-height:18px; margin-bottom:15px; color:#EDEDED;}.face-inf {background:#EDEDED; flex:1; overflow:hidden; border-radius:10px 0px 0px 10px;}.face-ff {background:white; overflow:hidden; height:250px;}.face-ff2 {width:446px; height:250px; background:linear-gradient(0deg, #EDEDED 20%, rgba(0,0,0,0.0)); overflow:hidden; position:absolute; z-index:2;}.face-ff img {width:446px; -ms-filter:grayscale(100%); -webkit-filter:grayscale(100%); filter:grayscale(100%); opacity:0.3;}.face-st {margin:-230px 20px 0px 20px; justify-content:space-between; display:flex; position:relative; z-index:50; text-shadow: 1px 1px 0px rgba(255,255,255,0.4), 1px 0px 0px rgba(255,255,255,0.4), 0px 1px 0px rgba(255,255,255,0.4), -1px 0px 0px rgba(255,255,255,0.4), 0px -1px 0px rgba(255,255,255,0.4), -1px 1px 0px rgba(255,255,255,0.4), 1px -1px 0px rgba(255,255,255,0.4), -1px -1px 0px rgba(255,255,255,0.4);}.face-st1 {width:130px; height:57px; background:rgba(255,255,255,0.5); border-radius:4px; box-shadow:0px 0px 1px rgba(0,0,0,0.12); text-align:center;}.face-st2 {color:#282828; font-weight:700; font-family:roboto; line-height:25px; margin-top:9px; font-size:26px; letter-spacing:-2px;}.face-st3 {color:#282828; font-weight:700; font-family:montserrat; line-height:17px; text-transform:uppercase; font-size:11px;}.face-pkm {overflow:hidden; width:406px; display: flex; flex-wrap: wrap; z-index:2; position:relative; margin:10px 20px 0px 20px; border-radius:1px; border-radius:8px 0px 0px 8px;}.face-pkm1 {width:395px; border:1px solid #DCDCDC; border-radius:8px 0px 0px 8px; background:#F3F3F3;}.face-m-titre {color:#D6D6D6; text-align:right; padding-right:15px; font-family:montserrat; text-transform:lowercase; letter-spacing:-2px; line-height:22px; height:10px; font-size:35px; font-style:italic; font-weight:700;}.face-pkm-liste {padding:25px 10px 10px 10px;}.face-pkm-liste img {width:32px; height:32px; padding:1px; background:#F7F7F7; border:1px solid #EAEAEA; margin:2px 1px 0px 1px;}.face-barre-r {width:8px; opacity:0.8;}.face-bio {overflow:hidden; width:406px; display: flex; flex-wrap: wrap; z-index:2; position:relative; margin:10px 20px 0px 20px; border-radius:1px; border-radius:8px 0px 0px 8px;}.face-bio1 {width:395px; border:1px solid #DCDCDC; border-radius:8px 0px 0px 8px; background:#F3F3F3;}.face-m-titre2 {opacity:0.5; text-align:right; padding-right:15px; font-family:montserrat; text-transform:lowercase; letter-spacing:-2px; line-height:22px; height:10px; font-size:35px; font-style:italic; font-weight:700;}.face-bio-texte {color:#303030; font-size:12px; font-family:montserrat; line-height:15px; padding:25px 15px 15px 15px; text-align:justify;}.face-ph {overflow:hidden; width:406px; display: flex; flex-wrap: wrap; z-index:2; position:relative; margin:10px 20px 20px 20px; border-radius:1px; border-radius:8px 0px 0px 8px;}.face-ph1 {width:395px; border:1px solid #DCDCDC; border-radius:8px 0px 0px 8px; background:#F3F3F3;}.face-ph-liste {padding:20px 10px 10px 10px;}.face-ph-liste img {width:55px; height:55px; background:#F7F7F7; margin:4px 2px 0px 2px; border-radius:3px; box-shadow:0px 0px 0px 2px rgba(0,0,0,0.05);}</style>

 <!-- SCROLLBARRE MALIHU --> <link rel="stylesheet" href="http://www.aht.li/3005647/jquerymCustomScrollbar.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="http://www.aht.li/3005648/jquerymCustomScrollbarconcatmin.js"></script><link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.3.11/slick.css"/><script type="text/javascript" src="//files.jcink.net/html/jquery-1.7.2.min.js"></script><script type="text/javascript" src="//files.jcink.net/html/jquery.cookie-1.3.1.js"></script><script type="text/javascript" src="//files.jcink.net/html/catcollapse.js"></script><meta charset="UTF-8"> <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' /><link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Hammersmith+One" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"><link href='http://fonts.googleapis.com/css?family=Montserrat:300,400,700,800,900' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'/><link href='http://fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'><link href="https://fonts.googleapis.com/css?family=Hind:400,500,600,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Unica+One" rel="stylesheet"><div class="face-bord"> <div class="face-bord2"> <div class="face-haut"> <div class="face-haut-bg"><img src="https://danbooru.donmai.us/data/sample/__zas_m21_girls_frontline_drawn_by_nunuan__sample-e3eee1d8ff7d6d8345db211a1486b7ab.jpg"/></div> <div class="face-nom"><span style="color:#F57654;">Usui</span> Kirarin Hoshino</div> <div class="face-hash"><div style="background:#F57654;">@フジの娘</div></div> </div> <div class="face-moy"> <div class="face-ic3"></div> <div class="face-ic2"></div> <div class="face-ic" style="border-top:2px solid #F57654; border-bottom:2px solid #F57654;"></div> <div class="face-couv"><img src="https://i.pinimg.com/originals/02/80/f3/0280f3a49ad95cabc9b5d3b0d2f63f16.gif"/></div> <div class="face-icone"><img style="border-color:#F57654" src="https://zupimages.net/up/20/24/p4ha.png"/></div> </div> <div class="face-barre" style="background:#F57654;"> <div><span class="th th-bee"></span></div> Lycéenne en voyage à Kalos !</div> <div class="face-my"> <div class="face-info"> <div class="face-info1" style="color:#F57654;">Prénom</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Nom</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Âge</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Origine</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Vit à</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Activité</div> <div class="face-info2">réponse</div> <div class="face-info1" style="color:#F57654;">Situation</div> <div class="face-info2">réponse</div> </div> <div class="face-inf"> <div class="face-ff"> <div class="face-ff2"></div> <img src="https://i.pinimg.com/originals/f6/fb/81/f6fb8153689e68dd4e36e7bb6d001881.jpg"> </div> <div class="face-st"> <div class="face-st1"> <div class="face-st2">10 000</div> <div class="face-st3" style="color:#F57654;">abonnés</div> </div> <div class="face-st1"> <div class="face-st2">10 000</div> <div class="face-st3" style="color:#F57654;">messages</div> </div> <div class="face-st1"> <div class="face-st2">10 000</div> <div class="face-st3" style="color:#F57654;">amis</div> </div> </div> <div class="face-pkm"> <div class="face-pkm1"> <div class="face-m-titre">équipe pokémon</div> <div class="face-pkm-liste"> <img src="https://www.pokemontrash.com/pokedex/images/minixy/470.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> <img src="https://2img.net/r/hpimg4/pics/419027poke2.png"> </div> </div> <div class="face-barre-r" style="background:#F57654;"> </div> </div> <div class="face-bio"> <div class="face-bio1"> <div class="face-m-titre2" style="color:#F57654">biographie</div> <div class="face-bio-texte">Je suis le texte du test qui peut être un peu long alors je teste la longueur du texte </div> </div> <div class="face-barre-r" style="background:#282828;"></div> </div> <div class="face-ph"> <div class="face-ph1"> <div class="face-m-titre">amis</div> <div class="face-ph-liste"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> <img class="masterTooltip" title="nom du compte" src="https://66.media.tumblr.com/avatar_f70a90494a73_128.pnj"> </div> </div> <div class="face-barre-r" style="background:#F57654;"> </div> </div> </div> </div> </div></div>

<style>body { background-color:#F6F6F6; }@font-face { font-family:'Signerica Fat'; src:url(//dl.dropbox.com/s/o5tlpkcxt7qwgj1/Signerica_Fat.ttf) format('truetype'); }.selkPost {--selkAccent:#DE1B2E;}.selkPost {width:500px;background-color:#ececec;border-radius:10px;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}.selkHeader {display:flex;flex-flow:row wrap;overflow:hidden;}.selkHeader img {width:100px;height:100px;border-radius:100%;}.selkHeader div {height:190px;width:190px;border-radius:100%;border:5px dashed var(--selkAccent);display:flex;align-items:center;justify-content:center;margin-left:-35px;margin-top:-35px;}.selkHeader span {height:165px;display:flex;flex-flow:column nowrap;justify-content:center;}.selkHeader h1 {width:280px;height:75px;margin:25px;text-align:left;font:800 45px/40px Montserrat;text-transform:uppercase;color:var(--selkAccent);text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}.selkHeader h2 {margin:-40px 0px 0px 0px;width:280px;font:bold 30px 'Signerica Fat';color:#3a3a3a;text-shadow:-1px -1px 0 #fff, 1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;}.selkBody div {padding:25px;margin:25px;border-radius:10px;text-align:justify;background-color:#f3f3f3;color:#6a6a6a;font:11px/15px roboto;}.selkBody div:nth-child(2) {color:#aaa;text-align:justify;padding:10px 25px;margin:25px;display:flex;justify-content:space-between;align-items:center;}.selkBody div a {font:800 12px Montserrat;color:var(--selkAccent);padding:0px 0px 0px 25px;margin:0px;}.selkBody b {font:800 11px/15px roboto;}.selkBody i {color:#aaa;border-bottom:1px solid var(--selkAccent);}.selkCredit {font:bold 7px roboto;margin-left:425px;}.selkCredit a {font:bold 7px roboto!important;}</style>
<div align="center"><div class="selkPost"><div class="selkHeader"><div><img src="https://image.ibb.co/csnNFS/19.png"></div><span><h1>you kept rolling</h1><h2>snake eyes</h2></span></div><div class="selkBody"><div><b>lorem ipsum</b> <i>dolor sit amet</i>, consectetur adipiscing elit. suspendisse tempus dui et sapien sodales, vitae lacinia leo lobortis. proin congue est id dignissim blandit. in pellentesque ut sem rhoncus sodales. morbi nec risus quis nisl congue imperdiet. fusce id sapien lacus. in quam magna, lacinia a eros eu, ornare pharetra ipsum. suspendisse vitae egestas justo, volutpat sagittis diam. vivamus et urna euismod, convallis turpis quis, egestas nibh. <br><br>pellentesque sit amet placerat nulla, ut ullamcorper lacus. sed volutpat arcu ante, a semper arcu tempor sit amet. nullam eget est dictum tellus accumsan euismod non blandit nibh. nam dignissim odio purus, eget ultrices elit ullamcorper ac. sed aliquet, metus a dictum tristique, neque dolor dictum augue, vel eleifend dui risus non erat. phasellus libero risus, lacinia sed ornare ac, tincidunt a neque. curabitur molestie justo viverra metus luctus, nec efficitur nulla posuere. in hac habitasse platea dictumst. quisque felis libero, dictum ac quam nec, rutrum semper lorem. vivamus sed consectetur magna. maecenas accumsan tristique nisl, ut ullamcorper dui gravida id. morbi pharetra dignissim augue vitae ultrices. aenean cursus augue condimentum volutpat semper. <br><br>integer ullamcorper purus ut libero ultrices, feugiat auctor turpis viverra. donec pretium libero eget lacus porta, at pharetra metus mollis. praesent molestie ipsum ultrices nulla dictum vehicula. fusce sed blandit mi, ut aliquam diam. in pulvinar dignissim turpis, at pretium quam tristique et. in non varius lacus. praesent ac libero malesuada, suscipit erat quis, mattis lorem. sed eu rutrum augue. vivamus placerat in diam vitae porttitor. maecenas scelerisque felis ac lacus finibus, sed dignissim risus dapibus. phasellus dapibus ante tortor, at commodo nisl gravida nec. maecenas lacinia molestie mi sed maximus.</div><div>write your notes here! they autoexpand, so go honkin' wild. write your notes here! they autoexpand, so go honkin' wild.<a>romano martinelli</a></div></div></div><div class="selkCredit"><a>SELKIE</a></div></div>

<style>.lights { width: 500px; background-color: white; border: 1px solid #eee; padding: 10px;}.lights-2 { width: 480px; background-color: white; border: 1px solid #eee; padding: 10px;}.lights-3 { background-image: url(https://imgur.com/Q9ErTuF.png); background-size: cover; width: 480px; height: 300px;}.lights-4 { text-align: left; font-size: 200px; color: white; padding-top: 170px;}.lights-5 { font: 13px montserrat;; size: 30px; color: #000; text-transform: uppercase; padding-top: 20px; text-align: left; padding: 50px;}.lights-5 v { color: #378d94; font-size: 15px; }.lights-6 { width: 350px; font-family: poppins; font-size: 12px; color: #7c7c7c; text-align: justify; line-height: 160%; padding-bottom: 20px; margin-top: -20px;}.lights-6 p { text-indent: 80px;}.lights-6 b { color: #378d94}.lights-7 { transform-origin: 0 0 0; transform: rotate(90deg); margin-left: 35px; padding-top: -20px; vertical-align: bottom; text-transform: uppercase; letter-spacing: 2px; font-family: poppins; color: #7c7c7c; font-size: 12px;}.lights-7 a { color: #378d94;}.lights-cred { font-family: vt323; font-size: 12px; color: #378d94; text-align: center; text-transform: uppercase;}</style>
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet"><center> <div class="lights"> <div class="lights-2"> <div class="lights-3"><div class="lights-4"><span class="th th-planet-1-o"> </span> </div> </div> <div class="lights-5">I said, ooh, I'm blinded by the lights<br> <v>No, I can't sleep until I feel your touch </v> </div> <div class="lights-7">#post número <a><B>01</B></a> feito para <a>@ciclana</a></div> <div class="lights-6"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut fringilla lorem nibh, sed pulvinar massa mollis eu. Nulla porta ultricies augue. Aliquam et consectetur magna, scelerisque pharetra felis. Suspendisse semper, libero ut congue malesuada, turpis erat maximus arcu, vel convallis nisl felis non nibh. In et orci sollicitudin, pellentesque elit ac, cursus enim. Donec luctus pulvinar metus at facilisis. Pellentesque imperdiet, diam sed efficitur egestas, magna felis gravida elit, id faucibus mauris dui eget orci. Praesent in consequat augue.<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut <B>fringilla lorem nibh, sed pulvinar massa mollis eu. Nulla porta ultricies augue. Aliquam</B> et consectetur magna, scelerisque pharetra felis. Suspendisse semper, libero ut congue malesuada, turpis erat maximus arcu, vel convallis nisl felis non nibh. In et orci sollicitudin, pellentesque elit ac, cursus enim. Donec luctus pulvinar metus at facilisis. Pellentesque imperdiet, diam sed efficitur egestas, magna felis gravida elit, id faucibus mauris dui eget orci. Praesent in consequat augue. </div> </div> </div><div class="lights-cred"> Template por Vênus <span class="th th-planet-1-o" style="color: #378d94; font-size:10px;"></span></div> </center>

<lj-raw><div style="margin:0 auto;width:450px;background:#fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,0.1);border:1px solid rgba(0,0,0,0.1);font-family:palatino linotype,georgia,sans-serif;font-size:17px;line-height:1.4;color:#111;text-transform:lowercase;overflow:hidden;"><div style="-webkit-mask:url(https://i.imgur.com/nYQit9a.png);mask:url(https://i.imgur.com/nYQit9a.png);-webkit-mask-size:auto 150px;mask-size:auto 150px;margin:20px 0 0 0;"><div style="height:150px;background:#ddd url(https://data.whicdn.com/images/203016190/original.gif);background-size:cover;"></div></div><div style="padding:0 30px 10px 30px; text-transform: none; font-size: 12px; text-align: justify;"><i style="display:block;font-weight:bold;font-size:24px;margin:0 0 10px 0; text-transform: lowercase;">Titre du RP ft. nom</i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc posuere massa at ex egestas semper. Nullam vel leo ut libero vulputate rhoncus ac vel urna. Vestibulum aliquam diam eros, ut gravida libero dignissim at. In arcu metus, feugiat eget venenatis sit amet, porttitor in sem. Donec tempor a felis id fermentum. Integer semper eleifend nibh, eget fringilla massa ullamcorper eget. Vivamus mattis rutrum felis, placerat varius purus. Sed sed lacus in lorem vestibulum cursus. Sed sit amet quam a felis elementum efficitur. Donec suscipit non tortor sed pretium. Aenean vitae augue eu nunc feugiat posuere. Nullam sollicitudin, lectus id tempus convallis, arcu lacus hendrerit velit, sit amet malesuada libero mi ut arcu. Maecenas eu mauris pharetra, commodo tellus a, vulputate mi. In posuere fermentum arcu, pulvinar consectetur augue auctor sed.

—Duis id rhoncus lacus. Proin in lectus et velit sollicitudin porttitor eu ac nulla.— Proin ultricies nisl nec purus facilisis

Donec sed dictum lorem. Nunc non ultrices enim, at fermentum felis. Nam eget facilisis dui. Pellentesque efficitur sem nec eros sagittis efficitur. Integer fringilla scelerisque nulla eget pellentesque. Sed semper gravida rutrum. Duis aliquet vulputate posuere. Proin id dui eu sem dignissim molestie. Aliquam pharetra non lacus ut porttitor.</div><a href="http://tessisamess.insanejournal.com/" style="float:right;margin:0 -4px -4px 0;font-size:14px;text-decoration:none;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.2);border-radius:100%;color:#bbb;font-weight:bold;line-height:0;text-transform:uppercase;">C</a></div></lj-raw>

<style>.ommer { background: #fff; width: 400px; padding: 10px; border: 1px solid #d8d8d8;}.bogstaver { width: 360px; background: #fff; padding: 20px; text-align: justify; font-family: roboto; font-size: 11px;}.bukstalou { height: 250px; width: 300px; padding: 0px 20px 0px 20px; overflow: auto; margin-left: 10px;}.bukstalou::-webkit-scrollbar { height: 4px; width: 3px; -webkit-border-radius: 0px; background:#7a7a7a; border:1px solid #fff; }.bukstalou::-webkit-scrollbar-thumb{ background:#aed3ff; border:2px solid #5d92b5; }.bukstalou::-webkit-scrollbar-track{ border: 1px solid #f9f9f9;}.bile { width: 400px; height: 160px; background-size:cover;}.bunbitchlou { width: 400px; height: 120px; background-size:cover; background-position:bottom;}.overnavn { word-spacing: 5px; letter-spacing: -3px; color: #fff; font-size: 35px; text-align: right; padding: 35px 20px 0px 0px; font-family: montserrat alternates; }.unavn { color: #fff; font-size: 9px; text-align: right; margin-top: 10px; text-transform:uppercase; padding-right: 20px; font-family: montserrat; }.bileskev {width: 0;height: 0; margin-top: -49px;border-bottom: 50px solid white;border-left: 400px solid transparent;}.leforstlou {width: 0;height: 0; position: relative; margin-right: 120px;border-top: 10px solid #5d92b5;border-left: 10px solid transparent;border-bottom: 10px solid #5d92b5;}.lemidlou { color: #fff; text-transform: uppercase; font-family: quicksand; font-size: 11px; text-align: right; padding: 4px 10px 0px 0px; font-weight: 900; height: 16px; width: 110px; margin-top:-20px; margin-left: 10px; background: #5d92b5;}.leslutlou { width: 0;height: 0; margin-left: 110px;border-bottom: 20px solid transparent;border-left: 20px solid #456d87;}.lerids { float:right; margin-top: -20px; margin-right: -30px;}.bunskev {width: 0;height: 0; position: relative; margin-bottom: -50px;border-bottom: 50px solid transparent;border-left: 400px solid white;}.butstav { color: #fff; align:center; font-weight: 900; padding-top: 70px; font-family: montserrat; text-transform: uppercase; font-size: 10px; padding-left: 20px;}.bukstalou b { color: #5d92b5; font-family: montserrat; letter-spacing: -1px; font-size:12px;}.persongi { border-radius:200px; width:90px; height:90px; margin-bottom:-100px; position:relative; z-index:50; border:10px solid #fff; background:#fff;}</style>

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700|Montserrat+Alternates|Roboto' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"><link rel="stylesheet" type="text/css" href="http://minotests.b1.jcink.com/uploads/minotests/loutang.css"><center><div class="ommer"><div style="background-image:url('https://i.imgur.com/GZBi8KT.gif');" class="bile"><div class="overnavn">Lou Qiao<br></div><div class="unavn"><span style="color:#5d92b5;letter-spacing:-2px;padding-right:5px;">//</span>Topic Title here</div></div><div class="bileskev"></div><div class="lerids"><div class="leforstlou"></div><div class="lemidlou">#Jin Tian</div><div class="leslutlou"></div></div><div class="bogstaver"><div class="bukstalou"> Lou was more excited than he should have been. Jin was the boy from the dishwasher in his parents’ restaurant, the boy who’d always been hiding in the shadows for the short week he’d known him. He was nothing special, just another employee at his parents’ place and yet—yet there was something about him which Lou couldn’t quite put his finger on. Maybe he was just weird and the oddness of the other was what drew him in. Maybe some part of Lou thought that he could change the shy little boy in front of him and make him a man. <p>He was still holding onto Jin’s arm as he guiding him into the bar. This was his favourite place because Lou always knew what was going to happen around here. He knew the types of people who showed up and he knew the bartenders by name. Sometimes it made him wonder if he was drinking too much but then he tossed the thought aside and grinned over the smell of alcohol. [b]”Don’t worry! I barely know you. For all I care, you could be dead just after that one beer.”[/b] Lou nodded at the stout that Jin had ordered. It wasn’t a soft drink and it was clear to him that Jin wanted to make this some kind of contest. <p>A contest it was then. Lou bit his bottom lip as he shuffled to the bar. He placed his hands dramatically on the counter to gain the bartender’s attention before he ordered five shots and a large beer. Lou then grabbed for Jin’s shoulder to pull him closer so he could hear him when he shouted over the loud music, [b]”Yo, you wanna see who ends up with their head in the toilet first? I’m pretty sure I can beat you!”[/b] This was a great way to make new friends, right? Drink both theirs and his own brain out.</div></div><img src="https://38.media.tumblr.com/98aa573d3df4c75aaf4048314b2c9cfe/tumblr_nwe8q92MpZ1ugs1bdo3_250.gif" class="persongi"><div class="bunskev"></div><div style="background-image:url('https://i.imgur.com/AgYX9Z3.gif');" class="bunbitchlou"></div></div><span style="font-family:montserrat;text-transform:uppercase;font-size:9px;">thanks <i class="fa fa-spinner fa-pulse"></i> lex</span></center>

<style>@import url('https://fonts.googleapis.com/css?family=Raleway|Material+Icons');.v1block { width:350px; border:15px solid #fff; background-color:#f6f6f6; min-height:300px; color:#888888;}.v1top { background-color:#fff; margin:15px 15px; padding:20px; color:#303030; font:10px 'calibri'; text-align:justify; font:18px 'raleway'; font-weight:700; text-align:right;}.v1top b { color:#b34343;}.v1content { background-color:#fff; margin:15px 15px; padding:20px; color:#303030; font:10px 'calibri'; text-align:justify;}.v1rship { height:50px; overflow:hidden;}.v1rship b { color:#b34343; text-transform:uppercase; font:10px 'raleway'; font-weight:700; letter-spacing:0.5px;}.v1descp { width:220px; height:55px; line-height:150%; padding:5px 10px; overflow:auto; border-bottom:10px solid #fff; border-top:10px solid #fff; position:absolute; margin:-20px 0 0 40px;}.v1descp::-webkit-scrollbar { width:0px; }.v1descp::-webkit-scrollbar-track { background-color: #fff; }.v1descp::-webkit-scrollbar-thumb { background-color: #fff;}.material-icons.v1tag { color:#b34343; width:30px; position:absolute; text-align:center; margin-top:15px;}</style>

<div style="background-color:#f6f6f6;padding:20px;"><center><div class="v1block"><div class="v1top">name <b>mcname.</b></div><div class="v1content"> <div class="v1rship"><div class="material-icons v1tag">favorite</div><div class="v1descp"><b>insert name here</b> sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div></div> <br><br> <div class="v1rship"><div class="material-icons v1tag">help</div><div class="v1descp"><b>insert name here</b> sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div></div> <br><br> <div class="v1rship"><div class="material-icons v1tag">clear</div><div class="v1descp"><b>insert name here</b> sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div></div> <br><br> <div class="v1rship"><div class="material-icons v1tag">star</div><div class="v1descp"><b>insert name here</b> sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</div></div> </div></div></center></div>

<style>/* 「 lunar 」 TEMPLATE CRIADO POR ROSS, NÃO TIRE OS CRÉDITOS */body { background: #000;}#rlunar .rimg { width: 400px; height: 198px; overflow: hidden; background: url(https://i.imgur.com/lH7BGPR.gif) center/cover;}#rlunar .rcontainer { background: #000000b8; box-sizing: border-box; height: 100%; padding: 20px 15px; opacity: 0; position: relative; bottom: -200px; transition: opacity 1.5s ease-in-out, bottom .7s ease-in-out;}#rlunar:hover .rcontainer { opacity: 1; bottom: 0; transition: opacity 1.5s ease-in-out, bottom .7s ease-in-out;}#rlunar .ricon { width: 100px; height: 100px; background: #ffbbbb center/cover; background-blend-mode: multiply; border-radius: 100%; border: 7px solid #060606; display: inline-block; vertical-align: top;}#rlunar .rinfo { width: calc(100% - 180px); background: #000000b5; border: 5px solid #000; padding: 10px; margin-left: 10px; display: inline-block; vertical-align: top; margin-top: 15px; color: #696969; font: 12px/12px Calibri; text-align: justify;}#rlunar .rinfo b { display: block; color: #ff888845; font: 8px/12px Arial; text-transform: uppercase; letter-spacing: 2px; text-align: center;}#rlunar .rinfo i { display: block; width: 85%; margin: 5px auto;}#rlunar .rnome { margin-top: 15px; color: #ff888845; font: italic 20px/20px Playfair Display;}#rlunar:after { content: "「R」"; font: bold 8px/12px Consolas; color: #8e8e8e; text-transform: uppercase; letter-spacing: -.5px; opacity: .2;}#rlunar:hover::after { content: "「ROSS @ FÊNIX GRAPHIC」";}</style>
<center><link href="https://dl.dropbox.com/s/qj5u75md8nbmrvs/lunar.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Playfair+Display:400i" rel="stylesheet"><div id="rlunar"><div class="rimg" style="background-image: url(https://i.imgur.com/lH7BGPR.gif);"><div class="rcontainer"><div class="ricon" style="background-image: url(https://66.media.tumblr.com/4e17134b586d1f032b55a20ca4d06ffa/tumblr_nnlu43QpQW1uu95wco1_r1_250.gif);"></div><div class="rinfo"><b>15 anos • Grifinória • 5º ano</b><i>É possível encontrar a felicidade mesmo nas horas mais sombrias, se lembrar de acender a luz.</i></div><div class="rnome">Luna Victoria Krochan Amundsen Waldorf</div></div></div></div></center>

<link href='http://fonts.googleapis.com/css?family=Lily+Script+One|Kalam|Slabo+13px|Vampiro+One' rel='stylesheet' type='text/css'><style type="text/css">.BOXIMG{position:relative; z-index:1;width: 380px; height: 280px; background-color: #ebe3ea; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; color: #518fa8; text-align: justify; padding: 10px; text-size: 11px; line-height: 11px; font-family: 'Slabo 13px', serif; overflow: hidden; margin-left: 200px}.BOXIMG:hover{opacity: 1; width: 380px; margin-left:0px}</style>

<DIV STYLE="width: 500px"><div style="position:relative; z-index:2; font-family: 'Lily Script One', cursive; font-size: 35px; text-align: right; color: #518fa8; text-shadow: 2px 2px 0px #ebe3ea; margin-bottom: -30px; margin-top: 10px">Prénom P² Nom</div>
<div style="background-color: #d5d1ce; color: #371f44; height: 600px"><table><tr><td><div style="margin-top: -3px; margin-left: -3px; margin-right: -4px">[img]http://i.imgur.com/e6fJ1GR.png[/img]
[img]http://i.imgur.com/h0MaXRu.png[/img][img]http://i.imgur.com/e6fJ1GR.png[/img]
[img]http://i.imgur.com/h0MaXRu.png[/img][img]http://i.imgur.com/e6fJ1GR.png[/img]
[img]http://i.imgur.com/h0MaXRu.png[/img]</div></td><td><div style="border-bottom: 2px solid #518fa8; height: 300px; width: 400px; background-image: url('http://i.imgur.com/wnRr4gF.png'); overflow: hidden; margin-top: -3px"><div class="BOXIMG"><div style="height: 250px; width: 100px; background-image: url('http://i.imgur.com/xOeoXEY.png'); margin-top: 25px; margin-left: 20px; opacity: 0.8; float: left"></div><div style="width: 230px; height: 250px; margin-top: 25px; overflow: auto; padding-left: 20px">[b]Ҩ Prénom(s):[/b] [i]here[/i]
[b]Ҩ Nom:[/b][i] here[/i]
[b]Ҩ Surnom:[/b][i] here[/i]
[b]Ҩ Âge:[/b][i] here[/i]
[b]Ҩ Race:[/b][i] here[/i]
[b]Ҩ Métier:[/b][i] here[/i]
[b]Ҩ Orientation Sexuelle:[/b][i] here[/i]
[b]Ҩ Statut amoureux:[/b][i] here[/i]
[b]Ҩ Don:[/b][i] here[/i]
[b]Ҩ Lieu de résidence:[/b][i] here[/i]
[b]Ҩ Traits de caractères:[/b][i] here[/i]
[b]Ҩ Signes distinctifs:[/b][i] here[/i]
[b]Ҩ Autre:[/b][i] here[/i]
</div>
<div style="margin-top: -10px; font-size: 9px">Code :copyright: Kuru' on [url=http://libre-graph.forumperso.com/]Libre-Graph[/url]</div></div></div><div style="border-top: 2px solid #518fa8; height: 300px; width: 400px; background-image: url('http://i.imgur.com/g92LxVn.png'); overflow: hidden"><div class="BOXIMG"><div style="width: 100%; height: 270px; overflow: auto">
<div style="font-family: 'Kalam', cursive; font-size: 17px; margin-left: 20px">Nom du lien recherché</div>
[b][color=darkturquoise]♂[/color]/[color=lightpink]♀[/color] ▬ [/b]Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari.

<div style="font-family: 'Kalam', cursive; font-size: 17px; margin-left: 20px">Nom du lien recherché</div>
[b][color=darkturquoise]♂[/color]/[color=lightpink]♀[/color] ▬ [/b]Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari.

<div style="font-family: 'Kalam', cursive; font-size: 17px; margin-left: 20px">Nom du lien recherché</div>
[b][color=darkturquoise]♂[/color]/[color=lightpink]♀[/color] ▬ [/b]Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari.</div></div></div></td></tr></table></div></div></DIV>

<link href='http://fonts.googleapis.com/css?family=Lily+Script+One|Kalam|Slabo+13px|Vampiro+One' rel='stylesheet' type='text/css'><style type="text/css">.BOXLINKS{position:relative; z-index:1;width: 380px; height: 80px; background-color: #ebe3ea; transition: all 0.75s; -webkit-transition: all 0.75s; -moz-transition: all 0.75s; -ms-transition: all 0.75s; -o-transition: all 0.75s; opacity: 0; color: #518fa8; text-align: justify; padding: 10px; text-size: 11px; line-height: 11px; font-family: 'Slabo 13px', serif; overflow: hidden; margin-left: 200px}.BOXLINKS:hover{opacity: 1; width: 380px; margin-left:0px}</style>

<DIV STYLE="width: 500px"><div style="position:relative; z-index:2; font-family: 'Lily Script One', cursive; font-size: 30px; text-align: right; color: #518fa8; text-shadow: 2px 2px 0px #ebe3ea; margin-bottom: -20px; margin-top: 0px">Prénom P² Nom</div>
<div style="height: 100px; background-color: #d5d1ce; overflow: hidden"><div style="margin-top: -3px; margin-left: -4px"><table><tr><td>[img]http://i.imgur.com/h0MaXRu.png[/img]</td><td><div style="border-right: 2px solid #518fa8; height: 100px; width: 400px; background-image: url('http://i.imgur.com/wnRr4gF.png'); overflow: hidden; margin-left: -4px"><div class="BOXLINKS"><div style="height: 80px; width: 360px; padding-left: 10px; overflow: auto">[b]Nom de la relation ▬ [/b]Quam quidem partem accusationis admiratus sum et moleste tuli potissimum esse Atratino datam. Neque enim decebat neque aetas illa postulabat neque, id quod animadvertere poteratis, pudor patiebatur optimi adulescentis in tali illum oratione versari.</div></div></div></td></tr></table></div></div></DIV>

<style> .liens { width: 400px; padding-bottom:20px; margin:auto; height: auto; background:white; box-shadow:1px 2px 10px black;} .titreliens { margin:auto; position:absolute; margin-top:-25px; color: #405864; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .titreliens:hover { opacity:0.7; transition: 1s; } .imgliens:hover { transition:0.5s; opacity:0.8; } .informations { margin-top:-20px!important; transition: 0.5s; background: #405864; margin:auto; width:400px; opacity:0.8; color:white; text-align:center; } .informations:hover { transition: 0.5s; opacity: 1;} .story { font-family: 'Century Gothic'; letter-spacing: -0.05em; font-size: 12px; overflow:auto; margin-top: 20px; width: 350px; border-top: 03px solid #405864; border-bottom: 03px solid #405864; margin:auto; height: 150px; padding: 10px; text-align: justify; transition: 1s; } .story:hover { transition: 1s; opacity:0.8; } .stitre { margin:auto; text-align:center; color: #405864; font-family: 'Vivaldi'; text-shadow: 1px 1px lightgrey; font-size: 35px; transition: 1s; } .imgliens { margin:auto; width:200px; border-radius: 13px; } .imgliens:hover { transition: 1s; opacity:0.8; } .ajoutimg { margin-top: 15px; width:50px; height:50px; opacity:0.9; border-radius:05px; float:left; margin-left:10px; } .ajoutlien { margin:auto; width:500px; height:100px; background:white; box-shadow:1px 2px 10px black;} .credits { margin:auto; text-align:center; color:gray; font-size: 09px; }  </style>
<br><div class="liens"><div class="titreliens">Liens de Pseudo</div>
<div class="informations">Prenom - Nom - Age - Sexualite - Orientation</div><br>
<center><img src="https://media.giphy.com/media/pQ4AncpbDjDDW/giphy.gif" class="imgliens" /></center>
<div class="stitre">Tell me your story</div>
<div class="story">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div><br>
<div class="stitre">I want..</div>
<div class="story" style="height:70px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. </div></div><div class="credits">Araksha sur <a Href="http://libre-graph.forumperso.com/">Libre Graph</a></div><br>

<div class="ajoutlien"><div class="titreliens">Pseudo</div><img src="http://www.adolph-numerical.co.uk/images/100x100.gif" class="ajoutimg" /><div class="story" style="height:50px; margin-top: 15px;">Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant. Lorem ipsum dolor amet sic het nun constructis meant.</div></div>
<div class="credits">Araksha sur <a Href="http://libre-graph.forumperso.com/">Libre Graph</a></div>

<center><div style="width:500px; background-color:#DEDEDE; border-right: 5px #06323B solid;border-left: 5px #06323B solid; box-shadow: 2px 2px 2px 2px #06323B ;"><div style="text-align:center; font-family:georgia; color:#06323B; font-size:36px; padding-top:15px; text-shadow: 2px 2px 2px #06323B; letter-spacing:-3px;"><i>Prénom P² Nom</i></div><br><br><br><table cellspacing="20px"><tbody><tr><td><div style="width:300px; height:150px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:150px; line-height:10px; font-size:11px; margin-left:30px;"><span style="font-variant:small-caps;">:biohazard: Nom:</span> ICI<br>
<span style="font-variant:small-caps;">:biohazard: Prénom:</span> ICI<br>
<span style="font-variant:small-caps;">:biohazard: Âge:</span> ICI<br>
<span style="font-variant:small-caps;">:biohazard: Origines:</span> ICI<br>
<span style="font-variant:small-caps;">:biohazard: Statut:</span> ICI<br>
<span style="font-variant:small-caps;">:biohazard: Emploi:</span> ICI<br></div></div></td><td><div style="width:130px; height:150px; margin-top:-100px;"><div style="border-radius:10px;">
<img src="http://img15.hostingpics.net/pics/543081ReijiTakedaIcon.png" style="border-radius:60px; width:120px; height:120px;">
</div></div></td></tr></tbody></table><a href="http://"><div style="width:450px; background-color:#06323B; text-align:center; font-family:helvetica; color:#FFFFFF; height:14px; line-height:14px; font-size:11px; font-variant:small-caps; letter-spacing:2px;">Lisez ma fiche pour plus d'infos</div></a><table cellspacing="20px"><tbody><tr><td><div style="width:300px; height:120px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:120px; line-height:12px; font-size:11px; margin-right:20px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis, erat a molestie laoreet, nibh nisl fringilla velit, vitae eleifend lorem neque eget quam. Vivamus gravida nunc in velit tristique porttitor. Cras sed lectus id odio volutpat blandit. Sed viverra mauris at arcu vestibulum, ac lacinia elit lobortis. Ut rutrum eleifend velit a sagittis. Aenean purus tellus, accumsan sit amet mauris ac, facilisis convallis nulla. Pellentesque id condimentum ipsum. Nullam luctus felis eget commodo posuere. Sed blandit tortor id risus tincidunt, id rutrum nulla faucibus. Sed dolor turpis, tincidunt non odio id, cursus pulvinar libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur adipiscing purus ac justo consequat, et accumsan leo posuere.  </div></div></td><td><div style="width:120px; height:120px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:120px; line-height:12px; font-size:11px;">Ici tu peux ajouter une suite de défauts et de qualités, ou dire si tu es ouvert aux demandes ou pas. A ta guise !</div></div></td></tr></tbody></table><div style="width:450px; background-color:#06323B; text-align:center; font-family:helvetica; color:#FFFFFF; height:14px; line-height:14px; font-size:11px; font-variant:small-caps; letter-spacing:2px;">Mes recherches</div><br><div style="text-align:justify; font-family:helvetica; color:#8A635C; line-height:12px; font-size:11px; margin-left:20px;">♀ - <b>Titre du lien</b> ; Description<br><br>♂ - <b>Titre du lien</b> ; Description<br><br></div><br><div style="text-align:center; font-family:helvetica; color:#06323B; font-size:10px; letter-spacing:-1px; opacity:0.3;">Codage par Kynaeku de LibreGraph'</div></center>

<center><div style="width:500px; background-color:#DEDEDE; border-right: 5px #06323B solid;border-left: 5px #06323B solid; box-shadow: 2px 2px 2px 2px #06323B ;"><br><div style="text-align:center; font-family:georgia; color:#06323B; font-size:36px; padding-top:5px; text-shadow: 2px 2px 2px #06323B; letter-spacing:-3px;"><i>Ils font partie de moi</i></div><br><br><table cellspacing="10px"><tbody><tr><td><div style="width:350px; height:70px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:70px; line-height:15px; font-size:11px; margin-left:10px;">[b]PRENOM NOM[/b] - [i]Titre du lien[/i] ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget vehicula orci. Nam volutpat metus ut augue placerat, in pharetra nibh dictum. Maecenas sagittis augue sem, a pharetra risus rutrum id. Ut sit amet aliquam sapien, at cursus sapien. In porttitor ante vel ipsum euismod ornare. Vivamus elit neque, tincidunt sit amet luctus scelerisque, dignissim at eros. Nunc venenatis erat eget mauris tempus, sed molestie tortor interdum. Etiam at magna posuere, blandit dolor vel, feugiat ipsum.</div></div</td><td><div style="width:70px; height:70px;"><img src="http://img15.hostingpics.net/pics/543081ReijiTakedaIcon.png" style="border-radius:60px; width:70px; height:70px;"></div></td></tr></tbody></table><br><table cellspacing="10px"><tbody><tr><td><div style="width:70px; height:70px; margin-left:10px;"><img src="http://img15.hostingpics.net/pics/543081ReijiTakedaIcon.png" style="border-radius:60px; width:70px; height:70px;"></div></td><td><div style="width:350px; height:70px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:70px; line-height:15px; font-size:11px;">[b]PRENOM NOM[/b] - [i]Titre du lien[/i] ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget vehicula orci. Nam volutpat metus ut augue placerat, in pharetra nibh dictum. Maecenas sagittis augue sem, a pharetra risus rutrum id. Ut sit amet aliquam sapien, at cursus sapien. In porttitor ante vel ipsum euismod ornare. Vivamus elit neque, tincidunt sit amet luctus scelerisque, dignissim at eros. Nunc venenatis erat eget mauris tempus, sed molestie tortor interdum. Etiam at magna posuere, blandit dolor vel, feugiat ipsum.</div></div></td></tr></tbody></table><br><table cellspacing="10px"><tbody><tr><td><div style="width:350px; height:70px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:70px; line-height:15px; font-size:11px; margin-left:10px;">[b]PRENOM NOM[/b] - [i]Titre du lien[/i] ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget vehicula orci. Nam volutpat metus ut augue placerat, in pharetra nibh dictum. Maecenas sagittis augue sem, a pharetra risus rutrum id. Ut sit amet aliquam sapien, at cursus sapien. In porttitor ante vel ipsum euismod ornare. Vivamus elit neque, tincidunt sit amet luctus scelerisque, dignissim at eros. Nunc venenatis erat eget mauris tempus, sed molestie tortor interdum. Etiam at magna posuere, blandit dolor vel, feugiat ipsum. </div></div></td><td><div style="width:70px; height:70px;"><img src="http://img15.hostingpics.net/pics/543081ReijiTakedaIcon.png" style="border-radius:60px; width:70px; height:70px;"></div></td></tr></tbody></table><br><table cellspacing="10px"><tbody><tr><td><div style="width:70px; height:70px; margin-left:10px;">
<img src="http://img15.hostingpics.net/pics/543081ReijiTakedaIcon.png" style="border-radius:60px; width:70px; height:70px;"></div></td><td><div style="width:350px; height:70px;"><div style="overflow:auto; text-align:justify; font-family:helvetica; color:#8A635C; height:70px; line-height:15px; font-size:11px;">[b]PRENOM NOM[/b] - [i]Titre du lien[/i] ; Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget vehicula orci. Nam volutpat metus ut augue placerat, in pharetra nibh dictum. Maecenas sagittis augue sem, a pharetra risus rutrum id. Ut sit amet aliquam sapien, at cursus sapien. In porttitor ante vel ipsum euismod ornare. Vivamus elit neque, tincidunt sit amet luctus scelerisque, dignissim at eros. Nunc venenatis erat eget mauris tempus, sed molestie tortor interdum. Etiam at magna posuere, blandit dolor vel, feugiat ipsum.</div></div></td></tr></tbody></table><br><br><div style="text-align:center; font-family:helvetica; color:#06323B; font-size:10px; letter-spacing:-1px; opacity:0.3;">Codage par Kynaeku de LibreGraph'</div></div></center>

<link href='http://fonts.googleapis.com/css?family=Kristi' rel='stylesheet' type='text/css'><center><div style="background-image: url(http://xtropik.net/uploads/1357213861_tropik.jpeg); width: 500px; box-shadow: 0px 0px 2px;">
<div style="font-family: ms mincho;font-size:30px;width: 450px;text-align:center; letter-spacing: -2px;color:#7A7A7A;">TON GRAND TITRE AU CHOIX EN MAJ</div><div style="width: 450px;font-family:georgia; font-size:9px; line-height:95%; font-style:italic; text-align:justify; color:#000;text-align:center;">ton sous titre préféré ou citation</div>

<br><br><table style="margin-top:-50px;"><tbody><tr><td><div style="background-image: url(http://nimga.fr/m/AXKNp.png); background-repeat: no-repeat; width: 100px;height:100px; background-position: center center;  border: 2px solid white; box-shadow: 0px 0px 3px #1E171E ;border-radius:50px;"></div></td><td><div style="font-family: Georgia, Times New Roman; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: -1px; text-shadow: 0px 0px 3px black; line-height: 0px;margin-bottom:10px;color:white;">NOM DU LOUP</div><div style="box-shadow: 0px 0px 3px #1E171E ; background-color: #F5F5F5; color:gray; font-family: Times New Roman, Times, serif; font-size: 11px; text-align: justify; padding:3px; border-top: 2px solid white; width:280px; height:85px;border-radius: 10px; overflow-y:auto"><div style="font-family: times new roman; font-size: 10px; color:black;text-transform: uppercase;margin-top:-3px; ">Relation :</div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</div></td></tr></tbody></table>

<table><tbody><tr><td><div style="font-family: Georgia, Times New Roman; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: -1px; text-shadow: 0px 0px 3px black;color:white; line-height: 0px;margin-bottom:10px;">NOM DU LOUP</div><div style="box-shadow: 0px 0px 3px #1E171E ; background-color: #F5F5F5; color:gray; font-family: Times New Roman, Times, serif; font-size: 11px; text-align: justify; padding:3px; border-top: 2px solid white; width:280px; height:85px;border-radius: 10px; overflow-y:auto"><div style="font-family: times new roman; font-size: 10px; color: black;text-transform: uppercase;margin-top:-3px; ">Ma Relation :</div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer..</div></td><td><div style="background-image: url(http://nimga.fr/m/g0K6S.png); background-repeat: no-repeat; width: 100px;height:100px; background-position: center center;  border: 2px solid white;border-radius:50px; box-shadow: 0px 0px 3px #1E171E ;"></div></td></tr></tbody></table>

<table><tbody><tr><td><div style="background-image: url(http://nimga.fr/m/AXKNp.png); background-repeat: no-repeat; width: 100px;height:100px; background-position: center center;  border: 2px solid white; box-shadow: 0px 0px 3px #1E171E ;border-radius:50px;"></div></td><td><div style="font-family: Georgia, Times New Roman; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: -1px; text-shadow: 0px 0px 3px black; line-height: 0px;margin-bottom:10px;color:white;">NOM DU LOUP</div><div style="box-shadow: 0px 0px 3px #1E171E ; background-color: #F5F5F5; color:gray; font-family: Times New Roman, Times, serif; font-size: 11px; text-align: justify; padding:3px; border-top: 2px solid white; width:280px; height:85px;border-radius: 10px; overflow-y:auto"><div style="font-family: times new roman; font-size: 10px; color:black;text-transform: uppercase;margin-top:-3px; ">Relation :</div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.</div></td></tr></tbody></table>

<table><tbody><tr><td><div style="font-family: Georgia, Times New Roman; font-size: 18px; text-transform: uppercase; text-align: center; letter-spacing: -1px; text-shadow: 0px 0px 3px black;color:white; line-height: 0px;margin-bottom:10px;">NOM DU LOUP</div><div style="box-shadow: 0px 0px 3px #1E171E ; background-color: #F5F5F5; color:gray; font-family: Times New Roman, Times, serif; font-size: 11px; text-align: justify; padding:3px; border-top: 2px solid white; width:280px; height:85px;border-radius: 10px; overflow-y:auto"><div style="font-family: times new roman; font-size: 10px; color: black;text-transform: uppercase;margin-top:-3px; ">Ma Relation :</div>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer..</div></td><td><div style="background-image: url(http://nimga.fr/m/g0K6S.png); background-repeat: no-repeat; width: 100px;height:100px; background-position: center center;  border: 2px solid white;border-radius:50px; box-shadow: 0px 0px 3px #1E171E ;"></div></td></tr></tbody></table>

<center><a href="http://libre-graph.forumperso.com/" class="postlink" target="_blank" rel="nofollow"><font color="#747C94" size="1">:copyright: FICHE CRÉÉE PAR REIRA DE LIBRE GRAPH'</font></a></center>
</div></center>

<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><div style="width:397px;height:625px;background: white;margin:auto;"><img src="http://i.imgur.com/lJgeWsR.png" style="position:relative;float:right;" /><div style="background-color:black;float:right;margin-right:-65px;height:625px;width:43px;"></div><div style="font-family:Oswald;font-size:20px;color:#b72629;border: 1px solid black;height:52px;padding-left: 10px;font-weight:bold;line-height:11px;">
 > REGLEMENT GENERAL DU FORUM
 <span style="font-family:Calibri;font-size:12px;color:black;font-weight:normal;">sous-texte comme tu veux</span></div>
 <div style="height:500px;padding-top:5px;padding-left:17px; padding-right:45px;padding-bottom:20px;text-align:justify;font-size:11px;font:Calibri;overflow: auto;"><font color="#b02729">> ARTICLE 1</font> - Lorem ipsum dolor sit amet, consectetur <font color="#a21d22">adipiscing elit</font>. Sed pharetra ultrices nibh, a accumsan dui accumsan sit amet. In hac habitasse platea dictumst. Nam molestie, mi at eleifend posuere, felis sapien pellentesque magna, id semper ante est et est. Vestibulum sit amet sem ipsum. <font color="#ae1f21">Fusce</font> dictum laoreet sodales. Mauris <font color="#a91c25">bibendum</font>, justo eget ultrices venenatis, enim magna accumsan mi, et scelerisque nisl diam sit amet dui. Vestibulum aliquam dolor sedenim sodales pulvinar. Proin adipiscing leo id lorem tincidunt porta. Aliquamitae odio mi, sed tristique metus. <font color="#c73137">Aenean dapibus</font>, orci nec commodo cons.
 
Lorem ipsum dolor sit amet, consectetur <font color="#a21d22">adipiscing elit</font>. Sed pharetra ultrices nibh, a accumsan dui accumsan sit amet. In hac habitasse platea dictumst. Nam molestie, mi at eleifend posuere, felis sapien pellentesque magna, id semper ante est et est. Vestibulum sit amet sem ipsum. <font color="#ae1f21">Fusce</font> dictum laoreet sodales. Mauris <font color="#a91c25">bibendum</font>, justo eget ultrices venenatis, enim magna accumsan mi, et scelerisque nisl diam sit amet dui. Vestibulum aliquam dolor sedenim sodales pulvinar. Proin adipiscing leo id lorem tincidunt porta. Aliquamitae odio mi, sed tristique metus. <font color="#c73137">Aenean dapibus</font>, orci nec commodo consectetur, velit sem sodales erat, id rhoncus enim neque non ante.
 
Lorem ipsum dolor sit amet, consectetur <font color="#a21d22">adipiscing elit</font>. Sed pharetra ultrices nibh, a accumsan dui accumsan sit amet. In hac habitasse platea dictumst. Nam molestie, mi at eleifend posuere, felis sapien pellentesque magna, id.

<font color="#b02729">> ARTICLE 1</font> - Lorem ipsum dolor sit amet, consectetur <font color="#a21d22">adipiscing elit</font>. Sed pharetra ultrices nibh, a accumsan dui accumsan sit amet. In hac habitasse platea dictumst. Nam molestie, mi at eleifend posuere, felis sapien pellentesque magna, id semper ante est et est. Vestibulum sit amet sem ipsum. <font color="#ae1f21">Fusce</font> dictum laoreet sodales. Mauris <font color="#a91c25">bibendum</font>, justo eget ultrices venenatis, enim magna accumsan mi, et scelerisque nisl diam sit amet dui. Vestibulum aliquam dolor sedenim sodales pulvinar. Proin adipiscing leo id lorem tincidunt porta. Aliquamitae odio mi, sed tristique metus. <font color="#c73137">Aenean dapibus</font>, orci nec commodo cons.</div><span style="font-size:9px;color:#a21d22; float:right;margin-right:20px;">(c) visuel par sygea, fiche par sydnay</span></div>

<style type="text/css"> .sms { width: 260px; height: 420px; box-shadow: 0 0 10px #ccc; margin: auto; border: solid 1px #cccccc; overflow:hidden; } .sms > .header { background-color: WhiteSmoke; text-align: center; color : black; font-family : arial; font-weight: bold; font-size: 20px; vertical-align: middle; line-height: 50px; height:50px; }.text { border-top: solid 3px #cccccc; padding-top:0px; font-family: arial; font-size: 13px; background-color: lightgrey; }.msg{ overflow: auto; height:307px; padding-right: 10px; padding-left: 10px; padding-bottom:13px; padding-top:-20px;} .you { max-width:70%; background-color : #eaed4a; padding: 7px 10px 7px 10px; border-radius: 20px; margin-bottom:-7px; }.me { background-color : #6bbae8; width:100%; max-width: 70%; padding: 7px 10px 7px 10px; border-radius: 20px; position: relative; left: 50px; margin-bottom:-7px; }.date{ text-align: center; color:#777; font-size: 9px; margin-bottom:-7px; margin-top:20px;} .bottom { height: 25px; color:darkgrey; text-align: center; float:botton; border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; background-color: WhiteSmoke; padding: 10px;line-height:25px;} .msgsend{-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 70%; text-align:left; float:left; height: 25px; line-height:25px; padding-left: 10px; margin-left:10px; margin-right:15px; border: 1px solid #6bbae8; background-color:white;}.send{font-size:25px;}::-webkit-scrollbar { width: 5px;}::-webkit-scrollbar-track { background: #f1f1f1; }::-webkit-scrollbar-thumb { background: #888; }::-webkit-scrollbar-thumb:hover { background: #555; }.credits { text-align: center; margin: 5px 0 -5px 0; letter-spacing: 1px; font-size: 8px; } .credits > a { color: #000000; text-decoration: none; }</style>
<div class="sms"><div class="header">Name ✿</div><div class="text"><div class="msg"><p class="date">MAR., 23:16</p><p class="you">Salut Oksa !</p> <p class="me">Ah, salut Meagan ! Comment vas-tu ?</p> <p class="you">Bien et toi ?</p> <p class="me">Bien bien tranquille.</p> <p class="you">Tu deviens quoi ? La dernière fois qu'on s'est vu c'était y'a un bail !</p> <p class="date">MER., 00:05</p> <p class="me">Oui y'a trop de trucs qui se sont passés... Désolé je t'expliquerai.</p> </div><div class="bottom"><div class="msgsend">Message text</div><span class="send">⇧</span></div></div></div><center><div class="credits"><a href="https://codepen.io/Rumasx/details/QEqZma" target="_blank">Code by Rumasx</a></div></center>

<iframe kwframeid="2" src="https://snake-test.forumgratuit.org/h9-t-card-en-iframe" style="border:none; margin: -15px -18px -18px -18px;" width="728" height="450"></iframe>

  <center><div style="width:430px;background-color: #EEEEEE;border-top:3px solid #88AAAA;border-bottom: 3px solid #304751;">
    <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
   
    <div style="font-family:dancing script; font-size:31px; margin-top:-13px;color:#070A09;"> le bottin des avatars. </div>
    <div style="font-family:times new roman;text-transform: uppercase;font-size:9px;margin-top:-10px;color:#696969;"> vérifie si t'es déjà pris. </div>

    <div style="width:320px;border-top: 2px solid #DDDDDD;font-family:verdana;font-size:10px;letter-spacing:0.1px;word-spacing:0.1px;line-height:12px;color:#696969; text-align:justify">
    Ici, tu trouvera la liste de tous les célébrités qui ont étés choisis par nos membres pour les représenter. Les doublons sont interdits <i>sauf s'il y a des jumeaux</i>. N'oubliez pas de recenser votre avatar ou encore votre scénario a la suite de ce poste.
    </div>
    <div style="background-color: #DDDDDD;width: 320px;"><div style="overflow:auto;height:300px;width:320px;"><div style="width: 280px;font-family:verdana;font-size:10px;letter-spacing:0.1px;word-spacing:0.1px;line-height:12px;color:#696969; text-align:justify">

    [b]a - b - c[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.
    [b][url=http://libre-graph.forumperso.com/]CÉLÉBRITÉ[/url].[/b]
    célébrité + prénom nom.
    célébrité + prénom nom.

    [b]d - e - f[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.
    [b][url=http://libre-graph.forumperso.com/]CÉLÉBRITÉ[/url]. [/b]
    célébrité + prénom nom.

    [b]g - h - i[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.
    célébrité + prénom nom.
    célébrité + prénom nom.
    célébrité + prénom nom.

    [b]j - k - l[/b]

    célébrité + prénom nom.

    [b]m - n - o[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.

    [b]p - q - r[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.
    [b][url=http://libre-graph.forumperso.com/]CÉLÉBRITÉ[/url].[/b]
    célébrité + prénom nom.

    [b]s - t - u[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.

    [b]v - w - x - y - z[/b]

    célébrité + prénom nom.
    célébrité + prénom nom.
    célébrité + prénom nom.
    célébrité + prénom nom.

    </div></div></div>

    </div>
 <div style="font-family:tahoma;font-size:9px;color:#696969;">codage de whatsername.</div></center>

<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><center><div style="background-image:url(https://40.media.tumblr.com/ffea81d42169b92f0742906c47bdee77/tumblr_nj0e6487Hn1tv4hrso4_1280.jpg);width:550px;height:650px;border-bottom:2px solid white;border-top:2px solid white;margin-top:10px;">
<div style="margin-top:20px;font-size:40px;font-family: 'Dancing Script', cursive;color:#4F5764">Titre du rp</div><div style="font-family:Arial;font-size:9px;text-transform: uppercase;color:#616C72;margin-top:3px;">Pseudo & pseudo</div><!--

--><div style="background-color: rgba(250, 250, 250, 0.7);margin: 20px;padding:20px;text-align:justify;font-family:time;height:480px;overflow:auto;color:#24292B">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.

Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.

Inter has ruinarum varietates a Nisibi quam tuebatur accitus Vrsicinus, cui nos obsecuturos iunxerat imperiale praeceptum, dispicere litis exitialis certamina cogebatur abnuens et reclamans, adulatorum oblatrantibus turmis, bellicosus sane milesque semper et militum ductor sed forensibus iurgiis longe discretus, qui metu sui discriminis anxius cum accusatores quaesitoresque subditivos sibi consociatos ex isdem foveis cerneret emergentes, quae clam palamve agitabantur, occultis Constantium litteris edocebat inplorans subsidia, quorum metu tumor notissimus Caesaris exhalaret.

Ut enim quisque sibi plurimum confidit et ut quisque maxime virtute et sapientia sic munitus est, ut nullo egeat suaque omnia in se ipso posita iudicet, ita in amicitiis expetendis colendisque maxime excellit. Quid enim? Africanus indigens mei? Minime hercule! ac ne ego quidem illius; sed ego admiratione quadam virtutis eius, ille vicissim opinione fortasse non nulla, quam de meis moribus habebat, me dilexit; auxit benevolentiam consuetudo. Sed quamquam utilitates multae et magnae consecutae sunt, non sunt tamen ab earum spe causae diligendi profectae.</div>
</div><div style="font-family:Arial;font-size:9px;text-transform: uppercase;color:#616C72;opacity:0.5;"><a href="http://libre-graph.forumperso.com"/>Code By Reira</a></div>

</center>

<style>.deathBG { background-color: #fff; width: 420px; height: 400px; border-radius: 5px; margin: 10px;} .deathLeft { background: linear-gradient(-20deg, #8d6780,#6486be,#59aec1); width: 140px; padding: 10px; float: left; height: 380px; border-radius: 5px 0 0 5px;}.death1 { border-radius: 100%; height: 100px; width: 100px; padding: 10px; opacity: .3; margin-left: 5px; border: #fff 1px solid; background: linear-gradient(20deg, #fff, transparent);}.death2 { border-radius: 100%; height: 100px; width: 100px; padding: 5px; opacity: .3; border: #fff 1px solid; margin-top: -80px; background: linear-gradient(120deg, #fff, transparent);} .death3 { border-radius: 100%; height: 100px; width: 100px; opacity: .3; border: #fff 1px solid; margin-top: -50px; margin-left: -5px; background: linear-gradient(120deg, #fff, transparent);} .death4 { border-radius: 100%; height: 50px; width: 50px; opacity: .3; border: #fff 1px solid; margin-top: -20px; margin-left: 30px; background: linear-gradient(120deg, #fff, transparent);} .death5 { border-radius: 100%; height: 20px; width: 20px; opacity: .3; border: #fff 1px solid; margin-top: 10px; margin-left: -20px; background: linear-gradient(100deg, #fff, transparent);} .deathLeft img { width: 100px; border-radius: 100%; margin-top: -158px; opacity: .9999999;} .deathRight { height: 400px; border-radius: 5px; overflow: hidden;} .deathTop { font-family: varela round; text-transform: uppercase; font-size: 25px; text-align: left; letter-spacing: -3px; width: 250px; height: 45px; padding: 5px; margin-top: 10px; line-height: 20px; color: #59aec1;} .deathTop b { font-size: 51px; float: right; font-family: roboto; text-transform: uppercase; margin-top: -45px; margin-right: 6px; line-height: 51px; background: -webkit-linear-gradient(#6486be, #59aec1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}.deathSub { background-color: #8d6780; float: right; color: #fff; font-family: trebuchet ms; text-transform: uppercase; font-size: 8px; letter-spacing: 1px; padding: 3px 6px; border-radius: 3px; margin-top: -30px; margin-right: 14px; line-height: 10px} .deathBody { overflow: auto; width: 220px; padding: 10px; font-family: arial; font-size: 10px; text-align: justify; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; height: 270px; line-height: 12px;}.deathBody b { color: #8d6780; font-family: comfortaa;}.deathBody::-webkit-scrollbar {background-color: #fff;width: 9px;}.deathBody::-webkit-scrollbar-thumb {background-color: #ccc; border: #fff 4px solid;} .deathTag { line-height: 40px; font-family: comfortaa; font-size: 12px;} .deathTag a { font-family: comfortaa!important; text-transform: lowercase!important; text-decoration: none;}.ucredits { font-family: trebuchet ms; font-size: 7px; color: #777; text-transform: uppercase; letter-spacing: 1px;} </style><div align="center"><div class="deathBG"><div class="deathLeft"><div class="death1"></div><div class="death2"></div><img src="https://cdnw.nickpic.host/vfRc5f.png"> <div class="death3"></div><div class="death4"></div><div class="death5"></div></div><div class="deathRight"><div class="deathTop">spirit<br>of my <b>silence</b></div><div class="deathSub">i can hear you</div><div class="deathBody">POST HERE</div><div class="deathTag"> @[tag] </div></div><div class="ucredits">ulla</div></div></div>