<link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet"><link href="https://dl.dropbox.com/s/drroryzh73isvmv/rp022.css" rel="stylesheet" type="text/css"><rp022 style="background:whitesmoke; box-shadow:0px 0px 3px grey;"><rp022entete><rp022img style="background:url(https://media0.giphy.com/media/7LFOSuuwcKkg0/giphy.gif) center center; background-size:cover"></rp022img><rp022coupe style="background:whitesmoke; "></rp022coupe><rp022rond style="border:3px solid #efe6e6; box-shadow:0px 0px 1px black; box-shadow:0px 0px 1px black;"><iframe width="100" height="100" src="https://www.youtube.com/embed/j-qQ_brIsfY" frameborder="0" allowfullscreen></iframe></rp022rond><rp022titre style="font-family:Alex Brush; color:#BF9D3E; text-shadow:0px 0px 1px black; font-size:41px; line-height:50px; height:56px; text-shadow:0px 0px 3px;">I looked after you...</rp022titre></rp022entete><rp022txt style="color:#999; font-size:12px; font-family:verdana;">Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.

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

Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</rp022txt></rp022><credit29><a href="http://crimsonday.forumactif.com/" target="_blank">[size=11]:copyright:️[/size] 2981 12289 0</a></credit29>

<link href="https://fonts.googleapis.com/css?family=Alex+Brush" rel="stylesheet"><link href="https://dl.dropbox.com/s/drroryzh73isvmv/rp022.css" rel="stylesheet" type="text/css"><rp022 style="background:whitesmoke; box-shadow:0px 0px 3px grey;"><rp022entete><rp022img style="background:url(https://media0.giphy.com/media/7LFOSuuwcKkg0/giphy.gif) center center; background-size:cover"></rp022img><rp022coupe style="background:whitesmoke; "></rp022coupe><rp022rond style="border:3px solid #efe6e6; box-shadow:0px 0px 1px black; box-shadow:0px 0px 1px black;"><iframe width="100" height="100" src="https://www.youtube.com/embed/j-qQ_brIsfY" frameborder="0" allowfullscreen></iframe></rp022rond><rp022titre style="font-family:Alex Brush; color:#2282b5; text-shadow:0px 0px 3px black; font-size:41px; line-height:50px; height:56px; text-shadow:0px 0px 3px;">I looked after you...</rp022titre></rp022entete><rp022txt style="color:#999; font-size:12px; font-family:verdana;">Et quia Mesopotamiae tractus omnes crebro inquietari sueti praetenturis et stationibus servabantur agrariis, laevorsum flexo itinere Osdroenae subsederat extimas partes, novum parumque aliquando temptatum commentum adgressus. quod si impetrasset, fulminis modo cuncta vastarat. erat autem quod cogitabat huius modi.

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

Quae dum ita struuntur, indicatum est apud Tyrum indumentum regale textum occulte, incertum quo locante vel cuius usibus apparatum. ideoque rector provinciae tunc pater Apollinaris eiusdem nominis ut conscius ductus est aliique congregati sunt ex diversis civitatibus multi, qui atrocium criminum ponderibus urgebantur.</rp022txt></rp022><credit29><a href="http://crimsonday.forumactif.com/" target="_blank">[size=11]:copyright:️[/size] 2981 12289 0</a></credit29>

<style type="text/css">@keyframes rotate { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);}} .garden { color: #333; border: #ccc solid 1px; width: 530px; margin: 0 auto; padding: 5px; background: #fefefe;} .garden2 { border: #c8c8c8 solid 1px; background: #e3e3e3;} .gard-01 { border-bottom: rgba(199, 165, 176, 0.9) solid 1px; background: rgba(199, 165, 176, 0.3); padding: 100px 70px 50px; text-align: right;} .gard-01 h2 { margin: 0; display: inline-block; border: rgba(199, 165, 176, 0.8) solid 1px; background: #fefefe; border-radius: 5px; padding: 7px 15px; font: 18px poppins;} .gard-01 h2 b { font: 18px poppins; color: #c7a5b0;} .gard-side { border-left: #ccc solid 1px; background: #f3f3f3; width: 200px; float: right;} .gard-side icon { position: relative; display: block; border-bottom: #ccc solid 1px; padding: 40px; background: #eee;} .gard-side iconan { position: absolute; top: 35px; left: 35px; animation: infinite 1s rotate; display: block; padding: 3px; width: 107px; height: 107px; border: solid 2px; border-color: #c7a5b0 #c7a5b0 transparent transparent; border-radius: 100%; } .gard-side icon img { width: 100px; height: 100px; border-radius: 100%; background: #fefefe; padding: 3px;} .gard-side basic {display: block;} .gard-side sideinfo { display: block; padding: 20px 20px 10px;} .gard-side basic { border: #ccc solid 1px; padding: 10px; font: bold 9px Poppins; text-transform: uppercase; background: #fefefe; margin: 0 0 10px 0;} .gardtabs { position: relative; height: 397px; width: 190px; left: 145px;}.gtabs {float: left;}.gtabs [type=radio] {display: none;} .gtabs label { cursor: pointer; display: inline-block; position: relative; top: 332px; right: 0; margin: 0 0px 0 10px; font-size: 46px;} .gtabs label i { transition: 300ms; color: #c37e95; text-shadow: #fff 1px 1px, #fff -1px 1px, #fff 1px -1px, #fff -1px -1px;} .gct-01 { position: absolute; z-index: 1; top: 0; right: 0; width: 220px; border: #ccc solid 1px; background: #fefefe; margin: 30px; padding: 30px;} .gct-02 { transform: scale(0); transition: 600ms; height: 180px; overflow: auto; font: 11px poppins; text-align: justify; padding: 0 5px 0 0;} .gct-02::-webkit-scrollbar {width: 5px;} .tabcontain { border-top: rgba(199, 165, 176, 0.9) solid 1px; background: #d8cace; position: absolute; bottom: 0; width: 327px; height: 90px; left: -145px;} .gct-02 h3 { font: italic 300 25px poppins; color: #555; margin: 0; padding: 10px;} .gct-02 h3 i.fa { color: #c37e95; font-family: FontAwesome; font-size: inherit;} .gct-02 p { border-left: #dad0d3 solid 1px; margin: 7px 0 7px 10px; padding: 0 0 0 10px;} .gct-02 b { font: 600 13px poppins; color: #c37e95;} .gct-02 i { font: 14px cutive mono; color: #c37e95;} .gtabs [type=radio]:checked ~ label i {color: #aaa;}.gtabs [type=radio]:checked ~ label ~ .gct-01 {z-index: 2;}.gtabs [type=radio]:checked ~ label ~ .gct-01 .gct-02 {transform: scale(1);}</style>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"><link href="https://fonts.googleapis.com/css?family=Cutive+Mono|Playfair+Display:400,400i,700,700i,900,900i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet"><div class="garden"> <div class="garden2"> <div class="gard-01"><h2><b>von's</b> requests</h2></div> <div class="gard-02 fl frowr bcet"> <div class="gard-side flexs"> <icon><iconan></iconan><img src="http://placehold.it/100"></icon> <sideinfo> <basic>gmt + 8</basic> <basic>17 years old</basic> <basic>likes kpop</basic> <basic>also anime</basic> </sideinfo> </div> <div class="gardtabs flex"> <div class="tabcontain"></div> <div class="gtabs"> <input type="radio" id="gtab1" name="gardentabs" checked> <label for="gtab1" title="index"><i class="fa fa-user-o"></i></label> <div class="gct-01"> <div class="gct-02"> <h3><i class="fa fa-chevron-right"></i> about me.</h3> <b>hey guys</b> im von, seventeen, and an avid aesthetic enthusiast. From images, to websites, to written poetry, I browse them all. Although, lately, I've been away at writing because of academics (which, apparently, took a heavy blow to my writing style). <br><br> I like starting my roleplay as <i>communications,</i> first and eventually might be promoted to threads. </div> </div> </div> <div class="gtabs"> <input type="radio" id="gtab2" name="gardentabs"> <label for="gtab2" title="faces"><i class="fa fa-heart-o"></i></label> <div class="gct-01"> <div class="gct-02"> <h3><i class="fa fa-chevron-right"></i> ideas.</h3> <i>plots i like</i> <p>bestfriend. travel partner. <b>korean entertainment.</b> idol-paparazzi. rivalries. power struggles. faction vs faction. college roommates (?). political warfare. high or epic fantasy. dystopian. <b>mythological.</b> modern gods. <b>harry potter au.</b> urban fantasy. first love. angst. more angst. adventure squad/gang. <b>mystery murder.</b> you can hit me up with more ideas. im open!</p> </div> </div> </div> <div class="gtabs"> <input type="radio" id="gtab3" name="gardentabs"> <label for="gtab3" title="plots"><i class="fa fa-folder-o"></i></label> <div class="gct-01"> <div class="gct-02"> <h3><i class="fa fa-chevron-right"></i> faces.</h3> <i>animanga boys</i> <p>ookurikara. <b>allen walker.</b> mystic messenger guys. <b>haikyuu boys.</b> nanase haruka. shintarou kisaragi. <b>gray fullbuster.</b> roy mustang. kekkai sensen!! and many more i forgot. </p><br> <i>animanga girls</i> <p>panty. <b>stockings.</b> nier. levy mcgarden. <b>lucy heartfilia.</b> saber of fate series. kiznaiver. <b>junko enoshima.</b> and many more I forgot also.</p> </div> </div> </div> </div> </div> </div></div>

<style type="text/css">#parkapp { width: 497px; background: #222; height: 320px; border: 10px solid #111; outline: 1px solid #000; outline-offset: 3px; background-size: cover; background-repeat: none; margin: auto; overflow: hidden;}#parkapp::-webkit-scrollbar { width: 3px; height: 0px;}#parkapp::-webkit-scrollbar-track{ background: #000;}#parkapp::-webkit-scrollbar-thumb{ background: #222; border: 1px solid #ddd;}.parkmain { margin: 0px; padding: 0px;}.parkmain { background: #; height: 320px; position: relative; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s;}.parkmain h1 { position: absolute; top: 50px; width: 497px; text-align: center; font-family: Mrs Saint Delafield; text-transform: lowercase; font-size: 80px; color: #fff; font-weight: 100; text-shadow: 0px 0px 5px #999, 0px 0px 5px #777; height: 60px; line-height: 100px; box-shadow: 0px 40px 70px #000; border-bottom: 1px solid #fff;}.parkmain h2 { position: absolute; top: 187px; width: 300px; text-align: justify; font-family: cousine; color: #fff; left: 105px; height: 100px; overflow: hidden; font-weight: 100; font-size: 8px; text-transform: uppercase; text-shadow: 0px 0px .5px #000; letter-spacing: 9px;}#parkapp:hover .parkmain { height: 320px; position: relative; margin-top: -320px;}#parkapp:hover .parkmain h1 { position: absolute; top: 50px; width: 497px; text-align: center; font-family: Mrs Saint Delafield; text-transform: lowercase; font-size: 80px; color: #fff; font-weight: 100; text-shadow: 0px 0px 5px #999, 0px 0px 5px #777; height: 60px; line-height: 100px; box-shadow: 0px 40px 70px #000; border-bottom: 1px solid #fff;}.parkcontain { height: 320px; text-align: right;}.parkcontain input { display: none;}.parkcontain input:checked+label { border: 1px solid rgba(0,0,0,0.0);}.parkcontain label { color: #fff; cursor: pointer; display: inline-block; margin-right: 5px; margin-top: 40px; font-family: material icons; height: 20px; width: 20px; padding: 2px; text-align: center; line-height: 19px; font-size: 11px; border: 1px solid #333; -webkit-transition: .4s;}#park3+label { margin-right: 40px!important;}.parkcontent { height: 200px; margin-top: 35px; text-align: center; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s;}#park1:checked ~ .parkcontent-1 { margin-left: 0px;}.parkcontent-1 { margin-left: -500px; width: 500px;}#park2:checked ~ .parkcontent-2 { margin-left: 00px; margin-top: -200px;}.parkcontent-2 { margin-left: 500px; margin-top: -200px; width: 500px;}#park3:checked ~ .parkcontent-2 { margin-left: -500px; margin-top: -200px;}#park3:checked ~ .parkcontent-3 { margin-left: 0px;}.parkcontent-3 { margin-left: 500px; margin-top: -200px; width: 500px;}.parkcontent ul { float: left; color: #fff; width: 140px; list-style: none; font-family: cousine; font-size: 8px; overflow: hidden; margin-right: 20px; height: 150px; padding-right: 10px; text-transform: uppercase;}.parkcontent li:nth-child(even) { text-transform: lowercase; border-bottom: 1px solid #000; text-align: right; padding-bottom: 2px; font-size: 6px; padding-top: 2px; letter-spacing: 2px; margin-bottom: 5px;}.parkmood { float: left; width: 180px; height: 150px; margin-left: 40px; margin-top: 10px; overflow: auto;}.parkmood img { border: 1px solid #fff; padding: 2px; width: 65px; float: left; margin-left: 5px; margin-bottom: 8px;}.sideimages { white-space: nowrap; overflow: auto; margin-top: 2px; padding-right: 20px;}.sideimages img { display: inline-block; height: 160px; border: 1px solid #000; padding: 3px; margin-left: 20px;}.parkwrite { color: #bbb; padding: 10px; text-align: justify; margin: 0px 30px; height: 170px; overflow: auto; font-size: 9px; font-family: cousine; padding-right: 15px; -webkit-columns: 145px; -moz-columns: 145px; -ms-columns: 145px; -o-columns: 145px; columns: 145px; -webkit-column-gap: 16px; -moz-column-gap: 16px; -ms-column-gap: 16px; -o-column-gap: 16px; column-gap: 16px; box-shadow: 0px 0px 10px rgba(0,0,0,0.4); background: rgba(0,0,0,0.4);}.escredit { position: absolute; color: #fff; font-size: 10px; margin-top: 312px; margin-lefT: 490px; font-family: material icons;}.escredit a { color: #fff;}</style>
<link href="https://fonts.googleapis.com/css?family=Material+Icons|Cousine|Mrs+Saint+Delafield" rel="stylesheet"> <div id="parkapp" style="background-image: url(http://i.imgur.com/i4nYFu5.png);"><div class="escredit"><a href="http: http://greatdivide.b1.jcink.com/index.php?showuser=1"></a></div><div class="parkmain"><h1>Nom du personnage</h1><h2>LYRICS INSIDE HERE</h2></div><div class="parkcontain"><input type="radio" id="park1" name="park" checked><label for="park1"></label><input type="radio" id="park2" name="park"><label for="park2"></label><input type="radio" id="park3" name="park"><label for="park3"></label><div class="parkcontent-1 parkcontent"><ul><li>answer</li><li>accent</li><li>answer</li><li>height</li><li>answer</li><li>eye color</li><li>answer</li><li>salary</li></ul><div class="parkmood"><img src="https://via.placeholder.com/50x50"> <img src="https://via.placeholder.com/50x50"> <img src="https://via.placeholder.com/50x50"> <img src="https://via.placeholder.com/50x50"></div></div><div class="parkcontent-2 parkcontent"><div class="sideimages"><img src="https://via.placeholder.com/50x50"></div></div><div class="parkcontent-3 parkcontent"><div class="parkwrite">TEXT CAN GO INSIDE HERE</div></div></div></div>

<style type="text/css">.hlsa8 { width: 430px; height: 160px; padding: 10px; border: 1px solid #fff; }.hlsa1 { width: 400px; height: 130px; background-image: url(http://i.imgur.com/ZThipUb.png); padding:15px; position: relative; overflow: hidden; }.hlsa2 IMG { width: 60px; height: 60px; padding:6px; border: 1px solid #fff; position: absolute; top: 28px; left: 440px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa1:hover .hlsa2 IMG { left: 129px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa3 { font: 32px/32px roboto; color: #fff; letter-spacing: -1px; text-transform: uppercase; position: absolute; top: 111px; left: 225px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa1:hover .hlsa3 { left: 20px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s;}.hlsa4 { border-left: 10px; border-right: 10px; width: 1px; height: 130px; background: #fff; position: absolute; left: 525px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s;} .hlsa1:hover .hlsa4 { left: 214px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa5 { width: 186px; height: 120px; padding: 10px 0px 0px 0px; background: ; position: absolute; left: 537px; font: 10px/15px consolas; color: #fff; text-align: justify; text-transform: lowercase; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa1:hover .hlsa5 { left: 226px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; }.hlsa5 b { border: 1px solid #fff; padding: 2px 4px; margin-right: 4px; } .hlsa6 { position: absolute; top: 120px; left: 537px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; } .hlsa1:hover .hlsa6 { left: 226px; transition: all 2s ease-in-out 0s; -webkit-transition: all 2s ease-in-out 0s; -moz-transition: all 2s ease-in-out 0s; -o-transition: all 2s ease-in-out 0s; } .hlsa7 { font: 12px/12px consolas; color: #fff; text-transform: uppercase; border: 1px solid #fff; padding: 4px 7px; margin-right: 10px; position: relative; } .hlsa7 a { font: 12px/12px consolas !important; color: #fff !important; text-transform: uppercase !important; }</style>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,900" rel="stylesheet"><center><div class="hlsa8"><div class="hlsa1"><div class="hlsa2"><a href="http://cttw.jcink.net/index.php?showuser=1787" title="credit @ mel"><img src="http://placehold.it/60x60"></a></div><div class="hlsa3">HIGHER<b>LOVE</b></div><div class="hlsa4"></div><div class="hlsa5"><b>00/00</b> STATUS HERE</div><div class="hlsa6"><span class="hlsa7"><a href="" title="">S</a></span><span class="hlsa7"><a href="" title="">S</a></span><span class="hlsa7"><a href="" title="">S</a></span><span class="hlsa7"><a href="" title="">S</a></span><span class="hlsa7"><a href="" title="">S</a></span><span class="hlsa7"><a href="" title="">S</a></span></div></div></div></center>

<style type="text/css">.d1 { width: 660px; margin: 0 auto; padding: 10px; background: url(http://i.imgur.com/cpvjXOt.jpg);} .d2 { font-family: courier new; text-align: center; font-size: 10px; color: #444;} .d3 { float: left; margin-right: 20px;} .d4 { margin: 0 auto; text-align: center; margin-bottom: -18px; position: relative; z-index: 1;} .d4 img {width: 80px;} .d5 { width: 200px; height: 240px; background: #efefef; margin: 0 auto; padding-top: 10px; text-align: center; box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);} .d5 img { width: 180px; background: #fff; border: none;} .d6 { color: #444; background: url(http: https://i.imgur.com/s345m.png)bottom center no-repeat; padding-bottom: 4px;} .d8 { text-decoration: none; font-family: helvetica; font-size: 9px; color: #ccc;}</style>
<div class="d1"><table cellpadding="0" cellspacing="0" class="d2"><tr><td><div class="d3"><div class="d5"><img src="https://via.placeholder.com/180x180"><br><br>Name | PB: Name<br>Taken/Avail | <div class="d6">~journalname</div></div></div><div class="d3"><div class="d5"><img src="https://via.placeholder.com/180x180"><br><br>Name | PB: Name<br>Taken/Avail | <div class="d6">~journalname</div></div></div><div class="d3"><div class="d5"><img src="https://via.placeholder.com/180x180"><br><br>Name | PB: Name<br>Taken/Avail | <div class="d6">~journalname</div></div></div></td></tr></table></div><center><a href="http://tessisamess.insanejournal.com/" class="d8">©tessisamess</a></center>

<style type="text/css">.ubis { display: inline-block; margin-left: -3px; color: #FFF; font-size: 24px; letter-spacing: 50px;}.utris { padding: 12px; height: 310px; overflow: auto;}.u7 i { font: 400 14px/100% raleway; font-style: italic; color: #EA8594; text-shadow: 1px 1px #F8F8F8;}.u7 b { font: 800 14px/100% raleway; color: #EA8594; text-shadow: 1px 1px #F8F8F8;}.u7::first-letter { font: 300 50px/100% roboto slab; float: left; padding: 6px; margin: 6px; color: #EA8594; text-shadow: 2px 2px #F8F8F8;} .u7 { border-radius: 10px; font: 10.4px/100% verdana; text-align: justify; color: #646464; padding: 12px; float: right; position: absolute; top: 20px; right: 20px; width: 185px; height: 335px; border: 1px solid #DDD; background: #FDFDFD; overflow: hidden;} .u6 { width:105px; padding:3px; height: 105px; position:absolute; border-radius:100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; top:34.3px; left: 19px; animation: infinite 8s rotate; display:block; border: dashed 3px; z-index: 3333; border-color: #FFF transparent #FFF transparent;} @keyframes rotate { 0% {transform:rotate(0);} 100% {transform:rotate(360deg);}} #u1 h1 { font: 20px/100% roboto slab; position: relative; color: #FAFAFA; text-transform: uppercase; padding: 12px; margin-top: 15px; border-top: 7px solid #FAFAFA; width: 160px; left: -15px; text-align: justify;}#u1:hover .u5 span {color: #FAFAFA;}#u1:hover .u5 { right: -110px; background: #EA8594;}.u5 span { color: #EA8594; transition: 0.5s linear; transition-delay: 0.4s; font-size: 14px; float: left;}.u5 { z-index: 333; transition: 0.5s linear; position: relative; top: 10px; background: #EA8594; width: 145px; right: 23px; text-align: right; color: #FAFAFA; padding: 6px; border-radius: 0px 20px 20px 0px; font: 400 30px/100% raleway; text-transform: lowercase;}.u4 { font: 300 9px/100% raleway; height: 105px; text-transform: uppercase; position: relative; width: 100px; text-align: justify; top: 5px; left: -3px; color: #FAFAFA; padding: 10px;}.u3 { top: 15px; width: 100px; height: 100px; z-index: 1; position: relative; border-radius: 100%; border: 13px solid #EA8594; background-image:url('https://image.ibb.co/n75jam/art_by_Hakura_Kusa_4.png');background-size:cover}.u2 { background: #EA8594; width: 240px; height: 440px; position: absolute; top: 0px; left: -100px; transform: rotate(-15deg);}#u1 { position: relative; padding: 15px; background: #F7F7F7; border: 5px solid #FEFEFE; box-shadow: -1px 1px #DFDFDF, 1px -1px #DFDFDF; margin: 0px auto; width: 400px; height: 370px; overflow: hidden; border-radius: 10px;}</style>
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,800|Barlow|Karma:300|Roboto+Slab:300" rel="stylesheet"><link rel="stylesheet" href="https://maxcdn.icons8.com/fonts/line-awesome/1.1/css/line-awesome-font-awesome.min.css"><div id="u1"> <div class="u2"></div> <div class="u3"></div> <div class="u6"><i class="fa fa-star-o" class="ubis"></i></div> <div class="u5"><span>@[tagname here]</span> <i class="fa fa-heartbeat"></i></div> <div class="u4"> Sippin' Tropicana in a coconut cabana Floatin' on flamingos, smokin' all the mangoes Hotter than mojave, sweeter than agave We just wanna stay cool hoverboarding in a calamansi wavepool </div> <h1>this is how<br> we otter pop</h1> <div class="u7"> <div class="utris"> "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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?""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. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?" </div> </div></div>

<style type="text/css">#atomic { height: 200px; width: 500px; margin: auto; position: relative; overflow: hidden} #atomic-img { height: 200px; width: 500px; position: absolute; background-image: url(http://placehold.it/500x200)} #atomic-bg { width: 500px; height: 200px; background: rgba(0,0,0,0.5); position: absolute; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; -webkit-transition: 0.5s ease} #atomic:hover #atomic-bg { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); opacity: 1} #atomic-txt1, #atomic-txt2 { width: 500px; height: 200px; position: absolute; text-align: center; line-height: 200px; background: none; font-family: archivo black; text-transform: uppercase; font-size: 55px; letter-spacing: -4px; top: 0; -webkit-transition: 0.35s ease; -moz-transition: 0.35s; -ms-transition: 0.35s; -o-transition: 0.35s}#atomic-txt1 { color: #FC667A; background: none; -webkit-clip-path: polygon(0 0, 100% 0, 100% 52%, 0 69%); clip-path: polygon(0 0, 100% 0, 100% 43%, 0 58%); top: -10px;} #atomic-txt2 { color: #E1C267; -webkit-clip-path: polygon(0 29%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 58%, 100% 43%, 100% 100%, 0% 100%); top: 10px} #atomic:hover #atomic-txt1 { top: -1.5px } #atomic:hover #atomic-txt2{ top: 1.5px } #atomic-arrow1, #atomic-arrow2 { width: 2px; height: 50px; background: #AAF0DD; position: absolute; -webkit-transform: rotate(-4deg); -moz-transform: rotate(4deg); -ms-transform: rotate(4deg); -o-transform: rotate(4deg);} #atomic-arrow1 { top: 110px; left: 85px} #atomic-arrow1::after { background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); position: relative; left: 25px; top: 25px} #atomic-arrow2 { right: 85px; bottom: 110px;} #atomic-arrow2::after { background: #AAF0DD; content: ""; display: inline-block; height: 50px; width: 2px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); position: relative; left: -25px; top: -25px} #atomic-links1, #atomic-links2 { height: 20px; width: 265px; background: none; font-family: cousine; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -ms-transform: rotate(-4deg); -o-transform: rotate(-4deg); text-transform: uppercase; line-height: 20px; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; position: absolute} #atomic-links1, #atomic-links1 a, #atomic-links1 a:hover { text-align: right; color: #E1C267; text-decoration: none; right: 155px; top: 42px} #atomic-links2, #atomic-links2 a, #atomic-links2 a:hover { text-align: left; color: #DE6868; text-decoration: none; left: 155px; bottom: 42px}</style>
<div id="atomic"> <div id="atomic-img"></div> <div id="atomic-bg"> <div id="atomic-txt1">atomic</div> <div id="atomic-txt2">atomic</div> <div id="atomic-arrow1"></div> <div id="atomic-arrow2"></div> <div id="atomic-links1">link 1 - link 2 - <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=6763">liv @ cc</a></div> <div id="atomic-links2">link 1 - link 2</div> </div> </div><link href="https://fonts.googleapis.com/css?family=Archivo+Black" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Cousine:400,400i,700,700i" rel="stylesheet">

<style type="text/css">#circlecircle { height: 600px; width: 500px; margin: auto; position: relative; background: #eee; border: 1px solid #ddd; border-radius: 100px 0px 0px 0px;}.cir-back { height: 400px; width: 500px; border-radius: 100px 0px 0px 0px; background-image: url(https://78.media.tumblr.com/7a6fba40a00f36fdb54ec15d0bdc0c89/tumblr_pd0kgxDhKd1w9k5uao1_500.jpg); position: absolute; background-size: cover; mix-blend-mode: soft-light; top: 0px; left: 0px; z-index: 1;}.cir-icon { border-radius: 100%; height: 40px; width: 40px; background-size: cover; position: absolute; top: 370px; left: 99px; border: 5px solid #eee; box-shadow: 0 0 1pt 1pt #d29e3e; box-shadow: 0 0 0 1pt #d29e3e; z-index: 10; background-image: url(https://78.media.tumblr.com/971965c79e03c22898fb52a78ea74728/tumblr_o4vmx54faT1rd64pxo2_250.gif)}#circlecircle h1 { position: absolute; font-family: 'Slabo 27px', serif; text-transform: uppercase; font-size: 11px; letter-spacing: 10px; top: 380px; left: 155px; color: #333; z-index: 10; line-height: 100%;}#circlecircle h1:after { display: block; content: ""; width: 75px; height: 1px; position: relative; background: #333; top: 10px;}.cir-info { height: 150px; width: 320px; right: 25px; position: absolute; top: 420px; font-family: 'Libre Franklin', sans-serif; color: #777; text-align: right; font-size:9px; text-transform: uppercase; line-height: 200%; letter-spacing: 2px;}.cir-info b { background: #d29e3e; color: #eee; font-family: 'Slabo 27px', serif; padding: 4px; margin: 3px; border-radius:5px;}.cir-player { width: 180px; padding: 10px; font-family: 'Slabo 27px', serif; transform: rotate(-90deg); height: 10px; background: #d29e3e; z-index: 3; position: absolute; top: 485px; left: -85px; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; text-align: center; color: #333; line-height: 130%;}.cir-contain { width: 510px; height: 400px; position: absolute; overflow:hidden; top: 0px; z-index: 3;}.cir-contain input {display: none}.cir-contain label { background: #d29e3e; display: block; width: 30px; height: 50px; position: relative; border-radius: 40px 0px 0px 40px; margin: 20px; cursor: pointer; left: 450px; z-index: 10; font-family: 'Slabo 27px', serif; font-size: 11px; line-height: 450%; padding-left: 10px; color: #eee; transition: 0.2s; -webkit-transition: 0.2s;}#goaway:checked+label, #cirtog:checked+label, #shiptog:checked+label { width: 40px; left: 440px; color: #333; font-style: italic;}#circlecircle:after { content: ""; display: block; position: absolute; height: 600px; width: 1px; background: #333; right: -10px; z-index: 11;}.cir-image { position: absolute; height: 400px; width: 150px; top: 0px; left: 0px; border-radius: 100px 0 0 0; background-size: cover; z-index:3; background-image: url(https://78.media.tumblr.com/6a4395e96ac40b6a233e6f07d271425a/tumblr_pd0tnpLYlI1w9k5uao1_500.png)}.cir-scrollbox { width: 250px; height: 300px; position: absolute; z-index: 8; background: #eee; top: 50px; left: 200px; opacity: 0; border: 1px solid #ddd; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}.cir-scrollbox2 { width: 250px; height: 300px; position: absolute; z-index: 8; background: #eee; top: 50px; left: 200px; opacity: 0; border: 1px solid #ddd; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}#cirtog:checked+label ~ .cir-scrollbox{ opacity: 1; z-index: 9;}.cir-scrollbox text { display: block; width: 225px; height: 280px; position: relative; top: 10px; left: 10px; font-family: 'Libre Franklin', sans-serif; color: #333; overflow: auto; font-size: 11px; text-align: justify; padding-right: 5px; line-height: 150%;}.cir-scrollbox text::-webkit-scrollbar { width: 1px; } .cir-scrollbox text::-webkit-scrollbar-track { background: none!important; border: none !important; } .cir-scrollbox text::-webkit-scrollbar-thumb { background: #333 !important; border: none !important; }#circlecircle h2 { color: #d29e3e; font-family: 'Slabo 27px', serif; text-align: right; font-size: 11px; text-transform: uppercase; letter-spacing: 5px;} .cir-scrollbox2 text { display: block; width: 225px; height: 280px; position: relative; top: 10px; left: 10px; font-family: 'Libre Franklin', sans-serif; color: #333; overflow: auto; font-size: 11px; text-align: justify; padding-right: 5px; line-height: 150%;}.cir-scrollbox2 text::-webkit-scrollbar { width: 1px; } .cir-scrollbox2 text::-webkit-scrollbar-track { background: none!important; border: none !important; } .cir-scrollbox2 text::-webkit-scrollbar-thumb { background: #333 !important; border: none !important; }#shiptog:checked+label ~ .cir-scrollbox2{ opacity: 1; z-index: 9;}.cir-contain b {color: #d29e3e}.cir-tabid { width: 60px; height: 10px; color: #eee; background: #d29e3e; padding: 10px; position: absolute; z-index: 15; top: 346px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: -25px; font-family: 'Slabo 27px', serif; font-size:9px; text-transform: uppercase; letter-spacing: 2px; text-align: center; line-height: 130%;}.cir-tabid2 { width: 60px; height: 10px; color: #eee; background: #d29e3e; padding: 10px; position: absolute; z-index: 16; top: 346px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: -25px; font-family: 'Slabo 27px', serif; font-size:9px; text-transform: uppercase; letter-spacing: 1px; text-align: center; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; line-height: 130%;}.cir-tabid3 { width: 60px; height: 10px; color: #eee; background: #d29e3e; padding: 10px; position: absolute; z-index: 17; top: 346px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); left: -25px; font-family: 'Slabo 27px', serif; font-size:9px; text-transform: uppercase; letter-spacing: 2px; text-align: center; opacity: 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; line-height: 130%;}#cirtog:checked+label ~ .cir-tabid2 {opacity: 1;}#shiptog:checked+label ~ .cir-tabid3 {opacity: 1;}.mcredits { color: #ccc; font-size: 7px; letter-spacing: 5px;}</style>


<link href="https://fonts.googleapis.com/css?family=Libre+Franklin|Slabo+27px" rel="stylesheet"><div id="circlecircle"> <div class="cir-back"></div> <div class="cir-image"></div> <div class="cir-icon"></div> <h1>Character Name</h1> <div class="cir-info"> <b>Field</b> Answer<p></p> <b>Field</b> Answer<p></p> <b>Field</b> Answer<p></p> <b>Field</b> Answer<p></p> <b>Field</b> Answer<p></p> <b>Field</b> Answer </div> <div class="cir-player">Alias, Age, Rating, Time, Contact</div> <div class="cir-contain"> <input type="radio" id="goaway" name="circlecircle" checked> <label for="goaway">.001</label> <input type="radio" id="cirtog" name="circlecircle"> <label for="cirtog" title="application">.002</label> <input type="radio" id="shiptog" name="circlecircle"> <label for="shiptog" title="shipper">.003</label> <div class="cir-tabid">Intro</div> <div class="cir-tabid2">Application</div> <div class="cir-tabid3">Shipper</div> <div class="cir-scrollbox"> <text> <h2>Application</h2> TEXT HERE! </text> </div> <div class="cir-scrollbox2"> <text> <h2>Shipper</h2> TEXT HERE! </text> </div> </div> </div><center><a href="http://cttw.jcink.net/index.php?showuser=18033" class="mcredits">MONTY</a></center>

<style type="text/css"> #foolforyou { width: 450px; height: auto; } .ffyinbox { height: 200px; background: #eee; width: 400px; box-shadow: -2px 2px 5px #ccc; margin: 15px; border: 1px solid white; outline: 5px solid #eee; overflow: hidden; margin-bottom: 5px; } .ffyicon { width: 150px; height: 150px; border: 10px solid #eee; box-shadow: 0 0 1pt 1pt #b3cad3; box-shadow: 0 0 0 1pt #fff; float: left; margin: 15px; } .ffyicon img { height: 150px; width: 150px; } .ffytraittext { height: 15px; width: 350px; padding: 10px; margin-left: 10px; padding-top: 15px; font-family: 'Roboto', sans-serif; font-size: 16px; color: #558b99; letter-spacing: 3px; text-transform: uppercase; text-align: left; border-bottom: 1px solid white; line-height: 80%; } .ffytraittext .ffytraittext2 { font-size: 10px; color: #aaa; } .ffytextbox { height: 135px; overflow: auto; width:180px; color: #aaa; font-family: 'Gothic A1', sans-serif; float: right; text-align: justify; margin-right: 15px; margin-top: 10px; font-size: 10px; line-height: 100%; padding-right: 5px; } .ffytextbox::-webkit-scrollbar {width: 5px;}.ffytextbox::-webkit-scrollbar-track {display: none;}.ffytextbox::-webkit-scrollbar-thumb {background: #e1e1e1;}.ccredits { color: #ccc; font-size: 7px;}</style>
<link href="https://fonts.googleapis.com/css?family=Gothic+A1|Roboto" rel="stylesheet"><center> <div id="foolforyou"> <div class="ffyinbox"> <div style="position:relative"> <div class="ffyicon"><img src="http://placehold.it/150x150"></div> <div class="ffytraittext">Name McNAME<br> <span class="ffytraittext2">A Detail or two</span> </div> <div class="ffytextbox">TEXT HERE!</div> </div> </div> <div class="ffyinbox"> <div style="position: relative"> <div class="ffyicon" style="float: right; margin-left: 10px;"> <img src="http://placehold.it/150x150"> </div> <div class="ffytraittext" style="margin-left: 0px; padding-left:0px;">Name McNAME<br> <span class="ffytraittext2">A Detail or two</span> </div> <div class="ffytextbox" style="margin-right: 0px">TEXT HERE!</div> </div> </div> <div class="ffyinbox"> <div style="position: relative"> <div class="ffyicon"> <img src="http://placehold.it/150x150"> </div> <div class="ffytraittext">Name McNAME<br> <span class="ffytraittext2">A Detail or two</span> </div> <div class="ffytextbox"> TEXT HERE! </div> </div> </div></div><a href="http://candylandcouture.b1.jcink.com/index.php?showuser=8346" class="ccredits">››MONTY‹‹</a></center>

<style type="text/css">.fraceshigh { width: 500px; background-color: #202020; border: solid 1px #151515;} .fraceshigh table {margin: 0px!important;} .fraceshightop { background-color: #a4b39b; padding: 20px; font: bold 7px Raleway; letter-spacing: 1px; text-transform: uppercase; color: rgba(31,31,31,.35); text-align: left; line-height: 7px;} .fraceshightop div { float: left; line-height: 7px; height: 7px; color: #202020;} .fraceshighleft { height: 400px; padding: 30px; border-right: solid 1px #151515; color: #494949; background-color: #1d1d1d;} .fraceshighimg { padding: 10px; padding-bottom: 20px;} .fraceshighimg img { border-radius: 100%;} .fraceshighname { font: bold 20px Roboto Condensed; text-transform: uppercase; color: #a4b39b; line-height: 17px; text-align: center;} .fraceshighline { height: 2px; background-color: #131313; margin: 15px 25px; } .fraceshighlyrics { font: bold 7px Raleway; text-transform: uppercase; text-align: justify; letter-spacing: 1px;} .fraceshighright { background-color: #1a1a1a; border-bottom: solid 1px #151515; height: 39px;} .fraceshighright2 { border-top: solid 1px #151515; background-color: #1a1a1a; font: bold 20px Roboto Condensed; line-height: 20px; color: #494949; padding: 25px; text-align: right;} .fraceshighright2 b {color: #eeeeee;} .fraceshighbot { background-color: #a4b39b; color: #202020; padding: 20px; font: bold 7px Raleway; letter-spacing: 1px; line-height: 7px; text-align: right;} .fraceshightab { letter-spacing: 1px; position: absolute; z-index: 1; white-space: nowrap;} .fraceshightab i { color: #eeeeee; padding-right: 2px;} .fraceshightabb {padding: 25px;} .fraceshightabbb { padding-right: 10px; height: 299px; overflow: auto;} .fraceshighright1 h1 { border-bottom: solid 2px #a4b39b; font: bold 15px Raleway; text-transform: lowercase; line-height: 15px; padding-bottom: 4px; height: 15px; color: #fff;} .fraceshightabbb h1 div { height: 15px; border-bottom: solid 2px #eeeeee; float: left; line-height: 15px; padding-bottom: 4px; margin-left: 15px; color: #eeeeee;} .fraceshighthread { padding: 15px 15px 0px 15px; font: bold 7px Raleway; letter-spacing: 1px;} .fraceshighthread a { font: bold 15px Roboto Condensed; line-height: 15px; color: #eeeeee; letter-spacing: 0px!important;} .fraceshighthread i {color: #eeeeee;}.acredits { width: 502px; text-align: right; font: bold 8px Arial; padding-top: 5px;}.e1 { padding: 0px!important; width: 181px; vertical-align: top;}</style>

<link href="https://fonts.googleapis.com/css?family=Inconsolata|Montserrat:100i,200,300,400,500,600,700,800,900|Oswald:200,300,400,500,600,700|Raleway:200,300,400,500,600,700,800,900|Roboto+Condensed:300,400,700|Roboto:300,400,500,700,900" rel="stylesheet"><div align="center"><div class="fraceshigh"><div class="fraceshightop"><div>FIRSTNAME LASTNAME</div>'S THREAD & RELATIONSHIP TRACKER</div><table style="width: 100%; margin: 0px!important;"><tbody><tr><td class="e1"><div class="fraceshighleft"><div class="fraceshighimg"><img style="max-width:100%;" src="https://i.imgur.com/aVQQIEJ.png"></div><div class="fraceshighname">FIRST<br>LASTNAME</div><div class="fraceshighline"></div><div class="fraceshighlyrics">There goes the siren that warns of the air raid, then comes the sound of the guns sending flak. Out for the scramble, we've got to get airborne, got to get up for the coming attack. Jump in the cockpit, and start up the engine. Remove all the wheel blocks – there's no time to waste. Gathering speed as we head down the runway. Gotta get airborne before it's too late. Running, scrambling, flying. Rolling, turning, diving. Going in again.</div></div></td><td style="padding: 0px!important; vertical-align: top;"><div class="fraceshighright"></div><div class="fraceshighright1"><h1><div style="border-color: #a4b39b!important;">CURRENT THREADS</div></h1><div class="fraceshighthread"><a href="">THREAD TITLE HERE</a><br>WITH CHARACTER NAME <i>OWED</i></div><div class="fraceshighthread"><a href="">THREAD TITLE HERE</a><br>WITH CHARACTER NAME <i>OWED</i></div><div class="fraceshighthread"><a href="">THREAD TITLE HERE</a><br>WITH CHARACTER NAME <i>OWED</i></div><div class="fraceshighthread"><a href="">THREAD TITLE HERE</a><br>WITH CHARACTER NAME <i>OWED</i></div><div class="fraceshighthread"><a href="">THREAD TITLE HERE</a><br>WITH CHARACTER NAME <i>OWED</i></div></div></td></tr></tbody></table><div class="fraceshighbot">RUN. LIVE TO FLY, FLY TO LIVE. DO OR DIE. ACES HIGH.</div></div><a href="http://pixel-perfect.boards.net/user/5"><div class="acredits">PHARAOH LEAP CREATES</div></a></div>

<div class="fondfiche"><div class="titlefiche">Titre</div><div class="fondkiscroll"> <div class="imagedroite"><img src="https://www.zupimages.net/up/18/08/0izy.png"/></div><div class="name2">Prénom</div><div class="flechouillette"></div><div class="sp">Je suis un texte, ici. Je suis un texte, ici.</div><table style="width:480px;"><tr><td><div class="trukgauche"><img src="https://www.zupimages.net/up/18/08/0izy.png"/></div></td><td><div class="name">Prénom</div><div class="flechouille"></div><div class="bulle2">Je suis un texte, ici. Je suis un texte, ici.</div></td></tr></table></div><div class="repondre"><div class="textrep">Répondre</div></div></div><style>.fondfiche{width:480px; height:700px; background-image:url('https://www.zupimages.net/up/18/08/0k4p.png'); margin:0 auto; font-family:'Calibri';}.titlefiche{padding:25px; width:430px; text-align:center; color:white; background-image:url('https://www.zupimages.net/up/18/08/kajl.png'); background-repeat:no-repeat; font-size:15px;}.name{position:relative; top:25px; left:10px; color:black; font-size:15px; width:300px;}.name2{position:relative; top:25px; left:30px; color:black; font-size:15px; text-align:right; width:300px;}.imagedroite{float:right; margin:20px;}.trukgauche{margin:20px; float:left;}.fondkiscroll{height:530px; margin-bottom:10px; overflow:auto;}.sp{width:300px; position: relative; background:#FFFFED; padding: 10px; left:0px; margin: 20px 20px 10px 10px; border-radius: 10px; color: #fff; font-size: 13px; text-align: justify; color:black; line-height:15px;}.flechouillette{position: relative; left: 320px; transform: rotate(90deg); top: 38px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}.bulle2{width:300px; position: relative; background:#FFFFED; padding: 10px; left:0px; margin: 20px 20px 10px 10px; border-radius: 10px; color: #fff; font-size: 13px; text-align:justify; color:black; line-height:15px;}.flechouille{position: relative; left: 0px; transform:rotate(-90deg); top:40px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}.repondre{background:black; padding:30px; height:50px;}.textrep{color:black; text-align:center; padding:10px; width:250px; margin:0 auto; background:white; transition:all 800ms; font-size:15px; border:solid 2px #d5a639;}.textrep:hover{transition:all 800ms; background:#eaeaea;}</style>

<div class="fondficheparto"> <div class="imglogo" style="text-align:center;"><img src="https://imgur.com/2qia8tX.png"/><b>forum</b></div><div class="liensutiles"> <div class="linku"><a href="/">Concept</a></div><div class="linku"><a href="/">Les groupes</a></div><div class="linku"><a href="/">Règlement</a></div><div class="linku"><a href="/">Partenariat</a></div></div><div class="blok1"><img src="http://via.placeholder.com/280x450"></div><div class="blok2"> <div class="imgrond" style="text-align:center;margin:20px;"><img src="http://via.placeholder.com/80x80"></div></br> <div class="cadre">J'aime les stats <div class="owi"><img src="https://imgur.com/yLfMhuM.png"/></div></div><div class="linkstat">xx membres</div><div class="linkstat">xx sujets</div><div class="linkstat">xx messages</div><div class="cadre">Vive les predef'<div class="owi"><img src="https://imgur.com/yLfMhuM.png"/></div></div><center><div class="predou"><a href="/"><img src="http://via.placeholder.com/50x50"></a></div><div class="predou"><a href="/"><img src="http://via.placeholder.com/50x50"></a></div><div class="predou"><a href="/"><img src="http://via.placeholder.com/50x50"></a></div><div class="predou"><a href="/"><img src="http://via.placeholder.com/50x50"></a></div></center> </div><div class="contexte"><span>contexte</span></br> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis diam vel nisi viverra porttitor a eu urna. Nam luctus, libero sit amet ultrices porttitor, urna ante tristique lectus, vel blandit nunc sapien a erat. Mauris congue, elit sagittis ultricies vestibulum, dui nibh mattis nisi, nec sodales enim augue id erat. Vivamus quis magna vitae tellus dignissim viverra ac quis justo. Donec non pretium eros. Quisque porta blandit leo, et hendrerit nibh lobortis eu. Etiam vitae tempor velit. Donec tincidunt volutpat blandit. Cras condimentum mi id ullamcorper sollicitudin. Ut massa ante, cursus eget ante vitae, vehicula pharetra dui. Sed vehicula arcu nisi, at efficitur quam maximus ut. Curabitur nec turpis sed lacus pretium tincidunt. Phasellus hendrerit turpis vel tortor mattis interdum.Cras porttitor, nisi in dignissim hendrerit, dui turpis finibus justo, eu tempor sem mi nec felis. Curabitur a est scelerisque neque bibendum auctor a in ligula. Proin vitae ex leo. Mauris pulvinar eget dui vitae pretium. Praesent ultricies erat non nisl aliquam ullamcorper. Aenean eros augue, varius id suscipit non, sollicitudin sed ipsum. Nullam elementum luctus ex, a vestibulum turpis interdum id. Curabitur congue lectus vel facilisis porta. Praesent sit amet venenatis lectus, quis feugiat diam. Aliquam dictum tristique velit a vestibulum. </div></div><div class="credit"><a target="_blank" href="http://somuchgravity.forumsrpg.com/">e p s i l o n</a></div><style>@font-face{font-family: 'LemonTuesday'; src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesdaye.eot'); src: url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.eot?#iefix') format('embedded-opentype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.woff') format('woff'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.ttf') format('truetype'), url('http://vanessaskins.b1.jcink.com/uploads/vanessaskins/LemonTuesday.svg') format('svg'); font-weight: normal; font-style: normal;}.fondficheparto{width:480px; height:1000px; margin:0 auto; background:#ccc; background-image: url(https://imgur.com/Is8C2Ze.png); border: 20px solid black;}.imglogo b{color: #762dcf; font-size: 100px; transition: all 800ms; font-family: LemonTuesday; text-shadow: 2px 2px 0px #c5a459, 0px 1px #c5a459, 1px 0px #c5a459, -1px 0px #c5a459, 0px -1px #c5a459; text-decoration: none; transform: rotate(-8deg); position: relative; top: -220px;}.imglogo b:hover{font-size:102px; transition:all 800ms; text-shadow: 2px 2px 0px #762dcf, 0px 1px #762dcf, 1px 0px #762dcf, -1px 0px #762dcf, 0px -1px #762dcf; color:#ffa500;}.liensutiles{text-align:center; margin-top:-150px;}.linku{display:inline-block; margin:15px;}.linku a{text-decoration:none; font-weight:800; color:#ccc; text-transform:uppercase; font-size:12px; font-family:calibri; border-bottom:1px solid #ccc; transition:all 800ms;}.linku a:hover{transition:all 800ms; color:#ffa500; border-bottom:1px solid #ffa500;}.blok1{display:inline-block; width:280px; margin:10px; height:450px; vertical-align:top;}.blok2{display:inline-block; width:156px; background:rgba(100, 100, 100, 0.5); margin:10px; height:450px; vertical-align:top;}.imgrond img{border-radius:100%;}.cadre{text-align:left; padding:15px; width:110px; margin:0 auto; color:#ffa500; font-size:10px; font-family:calibri; background-color:#762dcf; position:relative; text-transform:uppercase;}.owi img{position:absolute; margin-top:-28px; margin-left:85px; width:42px; height:42px;}.linkstat{color:#ccc; text-align:center; font-family:calbri; font-size:12px; margin-top:10px; position:relative; bottom:5px;}.predou{display:inline-block; margin:5px; position:relative; top:20px;}.predou img{transition:all 800ms; width:50px; height:50px;}.predou img:hover{-webkit-filter: grayscale(100%); filter: grayscale(100%) contrast(200%); opacity: 0.9; transition: .7s;}.contexte{padding:10px; width:420px; height:190px; margin:0 auto; overflow:auto; color:#ccc; font-family:calibri; text-align:justify; font-size:12px;}.contexte span{font-family:lemontuesday; font-size:20px; color:#ffa500;}.contexte::-webkit-scrollbar{width: 2px; height: 10px; background: #762dcf;}.contexte::-webkit-scrollbar-thumb:vertical{height: 30px; -webkit-border-radius: 2px; background-color: #c88309;}.contexte::-webkit-scrollbar-thumb:horizontal{height: 30px; -webkit-border-radius: 2px; background-color: #c88309;}.credit{text-align:center;}.credit a{font:9px calibri; text-transform:uppercase; color:black; letter-spacing:2px;}</style>

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"><div class="fichouille"><img src="https://imgur.com/YHPdtYs.png"><div class="titlefo"><span>Nom du forum</span></div><div class="blockstats"><div class="stati">Membres</div><div class="stati">Messages</div><div class="stati">Sujets</div><div class="trukapres">/</div><div class="trukapres">/</div><div class="trukapres">/</div></div><div class="blokcontexte"><div class="imagu"><img src="https://78.media.tumblr.com/e3796bb195c4391a7d52141b6f64a5d4/tumblr_o12pyjcNdz1tqjhmao1_500.gif"/></div><div class="conte">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris bibendum consectetur ultricies. Integer nec risus non diam aliquam viverra a et turpis. Mauris leo leo, blandit quis lectus sit amet, porttitor ultricies nisi. Sed viverra purus ut orci accumsan pulvinar. Nam id pellentesque ligula. Fusce tincidunt nec orci at faucibus. Maecenas consectetur in orci eget sollicitudin. Donec eleifend nec lorem tempor placerat. Etiam sem felis, fermentum convallis ligula vitae, blandit viverra ex. Nullam quis lectus sit amet nisi placerat mollis vitae et nibh. Curabitur vitae lacus a urna semper congue. Aliquam aliquam nibh sit amet mauris sollicitudin auctor sit amet quis metus. Nam quis nisi enim.</div></div><div class="fond"><div class="blokevent"><div class="imagu2"><img src="https://78.media.tumblr.com/e3796bb195c4391a7d52141b6f64a5d4/tumblr_o12pyjcNdz1tqjhmao1_500.gif"/></div><div class="event">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris bibendum consectetur ultricies. Integer nec risus non diam aliquam viverra a et turpis. Mauris leo leo, blandit quis lectus sit amet, porttitor ultricies nisi. Sed viverra purus ut orci accumsan pulvinar. Nam id pellentesque ligula. Fusce tincidunt nec orci at faucibus. Maecenas consectetur in orci eget sollicitudin. Donec eleifend nec lorem tempor placerat. Etiam sem felis, fermentum convallis ligula vitae, blandit viverra ex. Nullam quis lectus sit amet nisi placerat mollis vitae et nibh. Curabitur vitae lacus a urna semper congue. Aliquam aliquam nibh sit amet mauris sollicitudin auctor sit amet quis metus. Nam quis nisi enim.C’est une quarantaine.</div></div></div><div class="bouton"><a href="/"><img src="https://via.placeholder.com/50"/></a></div><div class="bouton"><a href="/"><img src="https://via.placeholder.com/50"/></a></div><div class="bouton"><a href="/"><img src="https://via.placeholder.com/50"/></a></div><div class="bouton"><a href="/"><img src="https://via.placeholder.com/50"/></a></div></div><div class="credit"><a href="https://somuchgravity.forumsrpg.com/">epsilon</a></div><style>.credit{text-align:center;}.credit a{color:grey; font:9px calibri; text-transform:uppercase;}.fichouille{background:#eaeaea; box-shadow: 1px 1px 8px #454545; width:480px; height:850px; margin:0 auto; background-image:url('https://imgur.com/4eVHFCh.png');}.fichouille img{position:absolute;}.titlefo{text-align:center; padding:80px; position:relative;}.titlefo span{border:solid 2px #676767; padding:20px; font-size:25px; font-family:'Open Sans Condensed'; text-transform:uppercase; font-weight:bold; letter-spacing:10px; background-color: rgba(250, 250, 250, 0.7); color:#454545; text-shadow:1px 0px 2px #676767;}.blockstats{background-image:url('https://imgur.com/MKQTl9R.png'); background-color:rgba(160, 207, 231, 0.8); box-shadow: 1px 0px 8px #909090; width:400px; position:relative; height:80px; margin:0 auto; padding:10px;}.stati{display:inline-block; margin:20px; padding-left:30px; text-transform:uppercase; font-family:'Open Sans condensed'; color:black;}.trukapres{display:inline-block; margin:20px; padding-left:54px; position:relative; top:-45px; text-transform:uppercase; font-family:'Open Sans condensed'; font-weight:bold; font-size:20px; color:black;}.blokcontexte{width:450px; margin:0 auto; height:200px;}.imagu{float:right; padding:50px; margin-right:80px;}.imagu img{border-radius:50%; border:5px solid #909090; height:100px; width:100px;}.conte{padding:20px; position:relative; top:-80px; width:250px; height:120px; overflow:auto; font-size:12px; text-align:justify; font-family:'Calibri'; line-height:11px; color:black;}.conte::-webkit-scrollbar{width: 1px; background: #eaeaea;}.conte::-webkit-scrollbar{width: 1px;}.conte::-webkit-scrollbar-thumb{background-color: #676767;}.conte::-webkit-scrollbar-track{background-color: #111; border: 1px solid #eaeaea;}.blokevent{width:450px; margin:0 auto; height:200px;}.imagu2{float:left; padding:30px; position:relative; top:20px;}.imagu2 img{border-radius:50%; border:5px solid #909090; width:100px; height:100px;}.fond{background-color:rgba(160, 207, 231, 0.8); background-image:url('https://imgur.com/bUQshDr.png');}.event{padding:20px; width:250px; height:120px; margin-left:150px; overflow:auto; font-size:12px; position:relative; top:20px; text-align:justify; color: #4c4c4c; font-family:'Calibri'; line-height:11px;}.event::-webkit-scrollbar{width: 1px; background: #eaeaea;}.event::-webkit-scrollbar{width: 1px;}.event::-webkit-scrollbar-thumb{background-color: #676767;}.event::-webkit-scrollbar-track{background-color: #111; border: 1px solid #eaeaea;}.bouton{display:inline-block; margin:55px;}</style>

<link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Cousine|Raleway:200,300,400,700,900" rel="stylesheet"><div class="antoine_fond"><div class="angle_fond"></div><h1>c'est ce qu'on appelle un premier essai</h1><h2>trés raté</h2><span class="sf sf-heart-2"></span><span class="sf sf-heart-2"></span><span class="sf sf-heart-2"></span><span class="sf sf-heart-2"></span><span class="sf sf-heart-2"></span><div class="antoine_txt"><div class="antoine_icon"><img src="http://via.placeholder.com/260x90"></div><div class="antoine_inside_txt"> <b>This is bold</b> <i>this is italic</i> </div></div></div><div class="credit"><a target="_blank" href="http://somuchgravity.forumsrpg.com/">e p s i l o n</a></div><style>.antoine_fond{width:450px; padding:10px; height:650px; margin:0 auto; background-color: #d9d9d9; background-image: url(https://imgur.com/BsfCfhq.png); text-align:center; box-shadow:1px 1px 3px #ccc;}.angle_fond{position: absolute; margin-left:-10px; margin-top:-10px; width: 0px; height:0px; border-right: 472px solid transparent; border-top: 672px solid rgba(0, 0, 0, 0.2);}.antoine_fond h1{font:15px Cousine; text-transform:uppercase; text-shadow:1px 1px 2px #ccc; color:white; position:relative;}.antoine_fond h2{margin: 0px; font: 63px raleway; color: #fbfbfb; font-weight: 900; text-transform: uppercase; text-shadow:1px 1px 2px #ccc; position:relative; border-bottom:10px solid #e0dbf2; padding-bottom:10px; margin:0 auto; width:350px;}.antoine_fond span{font: 35px raleway; color: #e0dbf2; letter-spacing:15px; font-weight: 900; text-transform: uppercase; position:relative; top:10px;}.antoine_txt{background: #fbfbfb; border: 1px solid #ccc; width: 345px; height: 415px; margin:20px auto; text-align:justify; position:relative;}.antoine_icon{background: #eee; border: 1px solid #ccc; width: 270px; height: 100px; margin:10px auto 0px auto;}.antoine_icon img{width: 260px; height: 90px; border: 5px solid #fbfbfb; outline: 1px solid #ccc;}.antoine_inside_txt{overflow:auto; width:275px; padding:10px; height:240px; color:#454545; margin:0 auto; text-align:justify; font:12px calibri;}.antoine_inside_txt b{color:#543da9; font-family:raleway;}.antoine_inside_txt i{color:#beb7d6; font-family:raleway;}.credit{text-align:center;}.credit a{font:9px calibri; text-transform:uppercase; color:black; letter-spacing:2px;}</style>

<lj-raw><div style="margin:0 auto;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;height:400px;width:calc(400px + (400px / 2));">


   <!---RECORD--->
   <a href="SPOTIFY_URL" title="Listen" style="margin:0 0 0 calc((400px / 2.1) / -1);width:calc(400px - 10px);height:calc(100% - 10px);border-radius:100%;display:flex;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,#151515 0,#151515 2px,#000 2px,#000 5px);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);transform:rotate(30deg);filter:grayscale(50%);">
      <!---RECORD LABEL--->
      <div style="width:35%;height:35%;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#999 url(COVER_URL)center;background-size:200%;">
         <div style="width:10px;height:10px;border-radius:100%;background:#fff;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.3);">
         </div>
      </div>
   </a>

   <!---ALBUM SLEEVE--->
   <div style="width:400px;height:100%;background:#444 url(COVER_URL)center;background-size:cover;position:relative;box-shadow:5px 0 5px 0 rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;">

      <!---ALBUM TITLE--->
      <div style="background:#000;padding:3px 10px 3px 12px;font-family:monospace;color:#fff;font-size:10px;letter-spacing:2px;">
         TITLE_HERE
      </div>
   </div>


</div>

<div style="margin:3px auto 0 auto;width:calc(400px + (400px / 2));font-size:7px;letter-spacing:2px;font-family:monospace;"><a href="http://tessisamess.insanejournal.com/" style="text-decoration:none;color:#aaa;">CODE BY</a></div></lj-raw>

<lj-raw><div style="margin:0 auto;width:750px;background:#eee url(https://i.imgur.com/kWIq8yH.jpg)center;background-size:cover;border:5px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,0.1);"><div style="background:rgba(255,255,255,0.8);height:450px;padding:30px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;">


   <!--PICTURES-->
   <div style="align-self:flex-start;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;height:100%;width:200px;padding:0 80px 0 0;margin:0 50px 0 -100px;">

      <!--PHOTO-->
      <div style="background:#ddd url(LG_PHOTO)center;background-size:cover;width:100%;height:300px;box-shadow:3px 3px 6px 0 rgba(0,0,0,0.15);position:relative;"></div>

      <!--POLAROID-->
      <div style="background:#ddd url(POLAROID_PHOTO)center;background-size:cover;margin:-100px -40px 0 0;width:130px;height:130px;box-shadow:5px 5px 8px 1px rgba(0,0,0,0.15);border:10px solid #f6f6f6;border-bottom:40px solid #fff;transform:rotate(5deg);position:relative;"></div>

      <!--SMALL TRANSPARENT ELEMENT-->
      <img src="https://i.imgur.com/PG8RPmu.png" style="width:110px;margin:-250px -90px 0 0;">

   </div>


   <!--TEXT & COLORS-->
   <div style="width:300px;height:100%;display:flex;flex-direction:column;justify-content:space-between;">

      <!--BLURB-->
       <div style="text-align:center;background:rgba(255,255,255,0.3);padding:10px;box-shadow:3px 3px 6px 0 rgba(0,0,0,0.1);font-size:8px;font-family:georgia,serif;line-height:1.5;color:#222;"><div style="background:#fff;padding:20px;">
         <b style="letter-spacing:4px;display:block;margin:0 0 3px 0;">BLURB_TITLE</b>
         BLURB_CONTENT
      </div></div>


      <!--COLOR SWATCHES-->
      <div style="align-self:flex-end;display:flex;justify-content:center;">

         <!--COLOR #1-->
         <div style="height:230px;-webkit-mask:url(https://i.imgur.com/AB9bpD4.png)center no-repeat;mask:url(https://i.imgur.com/AB9bpD4.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:60px;">
            <div style="height:100%;background:#999 url(SWATCH_PIC1)center;background-size:cover;"></div>
         </div>

         <!--COLOR #2-->
         <div style="height:230px;-webkit-mask:url(https://i.imgur.com/hd8S98Z.png)center no-repeat;mask:url(https://i.imgur.com/hd8S98Z.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:60px;">
            <div style="height:100%;background:#aaa url(SWATCH_PIC2)center;background-size:cover;"></div>
         </div>

         <!--COLOR #3-->
         <div style="height:230px;-webkit-mask:url(https://i.imgur.com/BZtisdr.png)center no-repeat;mask:url(https://i.imgur.com/BZtisdr.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:60px;">
            <div style="height:100%;background:#bbb url(SWATCH_PIC3)center;background-size:cover;"></div>
         </div>

         <!--COLOR #4-->
         <div style="height:230px;-webkit-mask:url(https://i.imgur.com/FnoTCN0.png)center no-repeat;mask:url(https://i.imgur.com/FnoTCN0.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:60px;">
            <div style="height:100%;background:#ccc url(SWATCH_PIC4)center;background-size:cover;"></div>
         </div>

         <!--COLOR #5-->
         <div style="height:230px;-webkit-mask:url(https://i.imgur.com/LIJdqhj.png)center no-repeat;mask:url(https://i.imgur.com/LIJdqhj.png)center no-repeat;-webkit-mask-size:100% auto;mask-size:100% auto;width:60px;">
            <div style="height:100%;background:#ddd url(SWATCH_PIC5)center;background-size:cover;"></div>
         </div>

      </div>


   </div>


   <!--LARGE TRANSPARENT ELEMENT-->
   <img src="https://i.imgur.com/knOZpQU.png" style="align-self:flex-end;max-height:95%;position:relative;margin:0 -150px 0 50px;">


   <!--CREDIT-->
   <a href="http://tessisamess.insanejournal.com/" style="align-self:flex-end;margin:0 -30px -30px 0;font-size:10px;text-decoration:none;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.2);border-bottom:none;border-right:none;color:rgba(0,0,0,0.27);font-weight:bold;line-height:0;text-transform:uppercase;border-radius:100%;">C</a>


</div></div></lj-raw>

<lj-raw><div style="background:#F7F199;margin:15px auto 0 auto;width:3in;height:3in;padding:.2in;box-sizing:border-box;box-shadow:4px 4px 5px 0 rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;transform:rotate(-3deg);">

 <!--TEXT STYLING-->
 <div style="text-align:center;line-height:1.2;font-family:cursive;font-size:22px;color:rgba(0,0,0,0.7);transform:rotate(9deg);">

 YOUR_TEXT

 </div>

</div></lj-raw>

<lj-raw><div style="display:flex;align-items:center;justify-content:center;font-family:palatino linotype,georgia,serif;font-size:9px;letter-spacing:1px;text-transform:uppercase;line-height:1.9;">


   <!---RECORD--->
   <a href="SPOTIFY_URL" title="Listen" class="record" style="margin:0 25px 0 0;width:230px;height:230px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,#151515 0px,#151515 2px,#000 2px,#000 5px);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);">
      <!---LABEL--->
      <div style="width:100px;height:100px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#fff url(ALBUM_LABEL)center;background-size:cover;">
         <div style="width:10px;height:10px;border-radius:100%;background:#fff;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.3);">
         </div>
      </div>
   </a>


   <!---SONGS--->
   <div style="width:400px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;">


      <b style="width:50%">SONGTITLE</b>
      <span>SONGARTIST</span>


      <a href="http://tessisamess.com/" style="width:100%;text-align:right;color:#999;text-decoration:none;">CODE BY</a>

   </div>


</div></lj-raw>

<lj-raw><div style="margin:0 auto;width:400px;font-family:palatino linotype,georgia,serif;font-size:9px;letter-spacing:1px;text-transform:uppercase;line-height:1.9;">


   <!---RECORD--->
   <a href="SPOTIFY_URL" title="Listen" class="record" style="margin:0 auto 25px auto;width:230px;height:230px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:repeating-radial-gradient(circle,#151515 0px,#151515 2px,#000 2px,#000 5px);box-shadow:0 0 3px 1px rgba(0,0,0,0.3);">
      <!---LABEL--->
      <div style="width:100px;height:100px;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#fff url(ALBUM_LABEL)center;background-size:cover;">
         <div style="width:10px;height:10px;border-radius:100%;background:#fff;box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,0.3);">
         </div>
      </div>
   </a>


   <!---SONGS--->
   <div style="display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;">


      <b style="width:50%">SONGTITLE</b>
      <span>SONGARTIST</span>


      <a href="http://tessisamess.com/" style="width:100%;text-align:right;color:#999;text-decoration:none;">CODE BY</a>

   </div>


</div></lj-raw>

<lj-raw><div style="margin:0 auto;max-width:650px;font-family:century gothic,helvetica,sans-serif;font-size:11px;line-height:1.3;color:#111;">



   <div style="display:flex;align-items:flex-end;margin:0 0 45px 0;">
      <img src="ICON_URL" style="width:70px;height:70px;padding:5px;background:#fff;border:5px solid #B7ECE7;border-radius:100% 100% 0;position:relative;margin:0 10px 0 0;">
      <div style="width:calc(100% - 100px);">
         <h4 style="background:linear-gradient(to right, #9CD2CC, transparent);font-weight:normal;color:#fff;font-size:20px;margin:0 0 5px -25px;padding:0 0 1px 25px;"><b>name</b> here</h4>
         <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">STATUS</b> relationship_type<br>
         <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">COMMON TRAITS</b> complementary_traits<br>
         <b style="font-size:10px;letter-spacing:2px;text-transform:uppercase;">CONFLICTS</b> opposing_traits
      </div>
   </div>



<a href="http://tessisamess.insanejournal.com/" style="display:block;text-align:right;margin:30px 0 0 0;padding:10px 0 0 0;border-top:1px solid #ddd;font-size:10px;color:#999;text-decoration:none;">CODE BY</a></div></lj-raw>

<html><body><div style="width: 800px; height: 574px; background-image: url(http://img11.hostingpics.net/pics/904468livrebotanique2.png); margin: auto; color: #FFDA8C;"><table style="margin: auto;text-align:justify; color:#928172; padding:20px; font-size:11px; color:#aaa; line-height: 95%; font-family: Viner Hand ITC"><tbody><tr><td colspan="2">
<table><tbody><tr>
<td><table style="width: 380px; margin-top:-50px; margin-right: 70px"><tbody><tr>
<td><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; margin-bottom:2px; padding:2px;">[b]NOM LATIN[/b]</div><!---

---><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; margin-bottom:2px; padding:2px;">[b]NOM COMMUN[/b]</div><!---

---><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; margin-bottom:2px; padding:2px;">[b]ORIGINE[/b]</div><!---

---><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; margin-bottom:2px;padding:2px;">[b]SPECIAL[/b]</div><!---

---><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; margin-bottom:2px;padding:2px;">[b]SAISON[/b]</div><!---

---><div style="border-bottom: 1px solid #CECECE; width: 120px;font-family: 'Trajan Pro', sans-serif;font-size:13px; color:#52251C; padding:2px;"> [b]DIMENSIONS[/b]</div>
</td>
<td><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (NOM)</div><!---

---><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (NOM²)</div><!---

---><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (ORIGINE)</div><!---

---><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (SPECIAL)</div><!---

---><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (SAISON)</div><!---

---><div style="border-bottom: 1px solid #CECECE; width:160px;font-family: 'Viner Hand ITC', sans-serif;font-size:13px; color:#34393E;margin-bottom:2px;padding:2px;text-align:right;">Ecrire ici (DIMENSIONS)</div>
</td>
</tr></tbody></table>
<div style="width: 300px; margin-top:10px; margin-left: -10px; text-align:justify; padding:10px; height: 250px; overflow: auto;">
<span style="margin-top:-40px; font-family:'Viner Hand ITC'; sans-serif; color:#52251C; font-size: 30px; padding-left: 20px;">Description</span>
<div style="border-top:1px solid #928185;margin-top:10px"></div>
<span style="font-family: 'Trajan Pro'; sans-serif; color:#34393E; font-size: 12px;">Dumque ibi diu moratur commeatus opperiens, quorum translationem ex Aquitania verni imbres solito crebriores prohibebant auctique torrentes, Herculanus advenit protector domesticus, Hermogenis ex magistro equitum filius, apud Constantinopolim, ut supra rettulimus, populari quondam turbela discerpti. quo verissime referente quae Gallus egerat, damnis super praeteritis maerens et futurorum timore suspensus angorem animi quam diu potuit emendabat.
Et quoniam mirari posse quosdam peregrinos existimo haec lecturos forsitan, si contigerit, quamobrem cum oratio ad ea monstranda deflexerit quae Romae gererentur, nihil praeter seditiones narratur et tabernas et vilitates harum similis alias, summatim causas perstringam nusquam a veritate sponte propria digressurus. Constantinopolim, ut supra rettulimus, populari quondam turbela discerpti. quo verissime referente quae Gallus egerat, damnis super praeteritis maerens et futurorum timore suspensus angorem animi quam diu potuit emendabat.</div>
</span></td>

<td></td><td rowspan="2"><img src="http://img11.hostingpics.net/pics/112839vavav.png" style="background-color: #2B2B2E; margin-top: 10px; margin-left: -80px; margin-right: 60px; width: 280px; height: 437px; border: none;"></td>
</tr></tbody></table><div style="text-align: right; margin-right: 70px; font-size: 8px; color: white;">FICHE :copyright:️ LILIEBIA</div>
</td></tr></tbody></table></div></body></html>

<link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'><style> .wrap-mail { font-family: helvetica, arial, sans-serif; width: 500px; border: 1px solid #ccc; padding: 15px; } .objet-mail { font-family: 'Open Sans', sans-serif; font-size: 25px; margin-bottom: 17px; font-weight: normal; } .info-mail { border-top: 1px solid #ccc; } .info-mail img { float: left; margin: 0 20px 0 0; } .info-mail ul { margin: 8px 0 0 0; } .info-mail ul li { list-style-type: none; font-size: 11px; line-height: 17px; } .info-mail ul li label { color: #666; width: 50px; display: inline-block; } .corps-mail { color: #444; font-weight: 300; padding-top: 30px; font-size: 11px; line-height: 16px; } .reponse { margin: 30px auto auto 20px; border-left: 1px solid #ccc; padding: 0 0 0 20px; } .corps-mail h4 { font-weight: normal; font-size: 11px; margin: -15px 0 0 -25px; position: absolute; } .mail-credit { margin: 2px 0 0 5px; } .mail-credit a{ letter-spacing: 2px!important; color: #B1B1B1!important; text-decoration: none!important; font: normal 9px source-sans-pro, arial, sans-serif; } </style>
<div class="wrap-mail"><div class="header-mail"><!--
--><div class="objet-mail">Objet du mail</div><!--
--><div class="info-mail"><img src="http://placehold.it/60x60" /><ul><!--
--><li><label>De :</label> <strong>Nom de l'expéditeur</strong> (expediteur@mail.com)</li><!--
--><li><label>Envoyé :</label> sam. 02/04/16 13:27</li><!--
--><li><label>À :</label> Alias (alias@mail.com)</li></ul></div></div><div class="corps-mail"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>
<div class="corps-mail reponse"><h4>Le sam. 02/04/16 13:27, expéditeur a écrit :</h4> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div></div><div class="mail-credit"><a href="http://terrible.forumactif.org/" target="_blank">awful</a></div>

<link href="https://dl.dropbox.com/s/y9qzlsfffrzbx90/ficheonglets.css" rel="stylesheet" type="text/css"><link href="https://fonts.googleapis.com/css?family=Coustard|Lobster" rel="stylesheet"><style>.cddiv1fond {background:#bfbeb9; border-top: 20px solid #29373a; border-bottom: 20px solid #29373a;} .cddiv1titre {color:#7c837b; text-shadow: 0px 0px 2px #222; font-family:Lobster; font-size:50px; line-height:normal;} .cddiv1bord {border-top: 5px solid #027e02; border-bottom: 5px solid #027e02; box-shadow: 0px 0px 3px #222;} .tabs label {font-family:Coustard; color:black; line-height:40px; font-size:11px; text-align:center; text-transform:uppercase; font-weight:lighter; background:#e6e6e6; border:1px solid black; box-shadow:0px 0px 3px #222;} .tabs input:hover + label {background: #FFF; font-style:italic; color:#333; border:1px solid #333;} .tabs input:checked + label {background: #fff; font-style:italic; color:#333; border:1px solid #333;} .content {color:black; font-family:verdana; font-size:11px; line-height:normal;} .content::-webkit-scrollbar {width: 10px; height: 10px; background-color: #2e2733;} .content::-webkit-scrollbar-track {background-color: #29373a; border-left:2px solid #29373a; border-right: 2px solid #29373a;} .content::-webkit-scrollbar-thumb {background-color: #027e02; border: 2px solid #29373a;}</style><div class="cddiv1cont"><div class="cddiv1bord"><div class="cddiv1fond"><div class="cddiv1titre">Ceci n'est pas un titre.</div><section class="tabs"><input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /><label for="tab-1" class="tab-label-1 deplaceG">Onglet 1</label><input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /><label for="tab-2" class="tab-label-2 deplaceG">Onglet 2</label><input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /><label for="tab-3" class="tab-label-3 deplaceG">Onglet 3</label><input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /><label for="tab-4" class="tab-label-4 deplaceG">Onglet 4</label><input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" /><label for="tab-5" class="tab-label-5 deplaceD">Onglet 5</label><input id="tab-6" type="radio" name="radio-set" class="tab-selector-6" /><label for="tab-6" class="tab-label-6 deplaceD">Onglet 6</label><input id="tab-7" type="radio" name="radio-set" class="tab-selector-7" /><label for="tab-7" class="tab-label-7 deplaceD">Onglet 7</label><input id="tab-8" type="radio" name="radio-set" class="tab-selector-8" /><label for="tab-8" class="tab-label-8 deplaceD">Onglet 8</label><div class="content"><div class="content-1">Contenu de l'onglet 1</div><div class="content-2">Contenu de l'onglet 2</div><div class="content-3">Contenu de l'onglet 3</div><div class="content-4">Contenu de l'onglet 4</div><div class="content-5">Contenu de l'onglet 5</div><div class="content-6">Contenu de l'onglet 6</div><div class="content-7">Contenu de l'onglet 7</div><div class="content-8">Contenu de l'onglet 8</div></div></section></div></div></div><credit29><a href="http://crimsonday.forumactif.com/" target="_blank">[size=11]:copyright:[/size] CRIMSON DAY</a> & Night Neko</credit29>

<style>.e1 { width: 300px; height: 250px; overflow: auto; padding: 5px;}.e2 { width: 290px; height: 90px; overflow: auto; padding: 5px;}.box { width: 520px; padding: 10px; background-image: url('https://imgur.com/7qyktHO.png'); background-repeat: repeat; border: 13px solid #d6b654; height: 400px; color: #828282; font-size: 12px; border-radius: 15px;}.box td { vertical-align: top; color: #828282;}.box h1 { text-align: left; color: #d3a23a; font-family: 'Montserrat', sans-serif; font-weight: 800px; padding: 3px; text-transform: uppercase; font-size: 15px; border-bottom: 1px solid #d3a23a;}.box ::-webkit-scrollbar { width: 5px; background: #d8d8d8;}.box ::-webkit-scrollbar-track { background: #d8d8d8; border-radius: 5px;}.box ::-webkit-scrollbar-thumb { background: #d3a23a; border-radius: 10px; border: 1px solid #d8d8d8;}.box img {border: 6px solid #d3a23a;}.box hr { border: none; box-shadow: 0; margin: 1.5em 25%; border-top: 1px solid #d3a23a;}.boom img { width: 75px; height: auto;}.nitro { background: #ececec; border: 1px solid #d0d0d0; padding: 3px; width: 265px; margin: 8px; color: #828282; border-radius: 5px; margin-top: -20px;}.nitro b { color: #d3a23a; font-family: 'Montserrat', sans-serif; font-weight: 800px; text-transform: uppercase;}.nitro i { color: #d6b654; font-family: 'Montserrat', sans-serif; text-transform: uppercase;}.box h2 { text-align: left; color: #d6b654; font-family: 'Montserrat', sans-serif; font-weight: 800px; padding: 3px; text-transform: uppercase; font-size: 25px; letter-spacing: -3px;}</style>

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900" rel="stylesheet"><div class="box"><table align="left"><tr><td><img src="https://imgur.com/7qOAgYL.png;"><hr><div class="boom"><center><img src="https://imgur.com/gq9hnaQ.png"> &nbsp; <img src="https://imgur.com/NFtbgIV.png"> </center></div></td><td><div class="e1"><h1>description</h1><div class="nitro">A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me: when I hear the buzz of the little world among the stalks, and grow familiar with the countless indescribable forms of the insects and flies, then I feel the presence of the Almighty, who formed us in his own image, and the breath</div><h1>curriculum</h1><div class="nitro"><b>first name :</b> xxx<br><b>last name :</b> xxx<br><b>age :</b> xxx<br><b>birthday :</b> xxx<br></div></div><hr><div class="e2"><h2> face/canon:</h2><div class="nitro"><center><b>bakugou katsuki</b> / <i>my hero academia</i></center></div></div></td></tr></table></div>