[ FICHE RP] • DARK ONE

Code:: <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap" rel="stylesheet"/><script src="//pull.cappuccicons.com/cpf.js"></script> <div class="fiche_caro"> <div class="fiche_caro_int"> <div class="fiche_car_int_title">i was <span>innocent</span> and this sorrow took me down <strong>so hard</strong> it was <em>impossible</em> to stand</div><div class="fiche_caro_sep"><img src="https://imgur.com/i1wotyB.png"/></div><div class="fiche_car_left"> <img src="https://via.placeholder.com/110x140"/> <img src="https://via.placeholder.com/110x140"/> </div><div class="fiche_car_right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in interdum erat, id cursus dolor. Cras pulvinar tempor ligula sit amet pretium. Fusce quam libero, sagittis sed ullamcorper eu, convallis quis tortor. Etiam dapibus interdum leo, quis feugiat nisi. Mauris faucibus quis leo in vulputate. Nulla nisi ex, feugiat quis lectus nec, aliquet accumsan elit. Ut dignissim velit sit amet diam efficitur fringilla. Mauris tincidunt volutpat nisi, et bibendum nisl condimentum eget. Nam id libero varius, tincidunt lacus sit amet, fringilla felis. Nunc a euismod tellus. Ut quis augue ut eros tempor volutpat ut in neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vitae erat nec ligula condimentum posuere sed eget tortor. Nulla eu sem sed arcu tristique interdum. Mauris eleifend pharetra nisi, in gravida risus ullamcorper id. Nullam quis nisi vitae nunc pellentesque tempus vel a elit. Duis vitae interdum nibh, sit amet tempus ex. Mauris quis consectetur urna. Etiam eget risus quis sem ultrices mollis vitae non arcu. </div><div class="fiche_caro_bottom">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla in interdum erat, id cursus dolor. Cras pulvinar tempor ligula sit amet pretium. </div><div class="fiche_caro_cred"><a href="http://epsilon-ls.forumactif.com/">© EPSILON</a></div></div></div> <style>.fiche_caro { padding: 10px; width: 500px; margin: 0px auto; background-color: #2a2a2a; border-radius: 5px; background-image: url(https://imgur.com/Fe0MFQJ.png); background-blend-mode: multiply; } .fiche_caro_int { border:solid 1px grey; padding:10px; border-radius:5px; display:flex; flex-wrap:wrap; justify-content:space-between; } .fiche_car_int_title { text-align:center; font:20px Quicksand; color:#a0a0a0; position:relative; padding:30px; width:100%; } .fiche_car_int_title::before { content: "\ec2b"; position: absolute; font-size: 80px; color: #a0a0a0; font-family: 'cappuccicons'; top: 0px; left: 0; opacity: 0.2; } .fiche_car_int_title span { color:#579363; } .fiche_car_int_title strong { color:#932525; text-transform:uppercase; } .fiche_car_int_title em { letter-spacing:1px; } .fiche_caro_sep { width:100%; height:10px; overflow:hidden; border-radius:5px; margin:5px 0px; } .fiche_car_left { width:110px; text-align:center; } .fiche_car_left img { width:110px; height:140px; border-radius:5px; margin:5px; border-bottom:3px solid #932525; } .fiche_car_right { width: 300px; color: #a0a0a0; font: 13px Arial; text-align: justify; margin: 15px; padding-right: 10px; } .fiche_caro_bottom { width:100%; color:grey; font:7px Arial; text-align:center; text-transform:uppercase; letter-spacing:2px; margin-top:20px; } .fiche_caro_cred { text-align:right; width:100%; margin-top:10px; font:8px Quicksand; } .fiche_caro_cred a { color:#626262; }</style>