<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@1,800&display=swap" rel="stylesheet"><div class="fiche_rp_arte2"><h1>Titre du rp <span>feat. pseudo</span></h1><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"> <path fill="#ffffff" fill-opacity="1" d="M0,128L48,144C96,160,192,192,288,202.7C384,213,480,203,576,192C672,181,768,171,864,176C960,181,1056,203,1152,197.3C1248,192,1344,160,1392,144L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg> <div class="img_member_rp"></div><div class="content_fiche_rp_arte"><div class="image_rp_arte"></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis congue rhoncus felis, non gravida nulla pellentesque sit amet. Nam quam magna, placerat eu sem tincidunt, molestie aliquet ipsum. Sed sodales ligula at lacus scelerisque, id auctor lacus faucibus. Phasellus non velit ac neque luctus dictum nec in neque. Curabitur eget ullamcorper ipsum. Nulla suscipit ut lectus eu scelerisque. Suspendisse a sollicitudin ex. Ut vitae mi ut ex mattis dapibus sit amet nec metus. Vestibulum quis diam at risus faucibus porttitor.
Aenean ullamcorper facilisis suscipit. Nullam tortor nunc, sollicitudin non sapien cursus, faucibus faucibus mauris. Integer porttitor ante sodales maximus mollis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed ac volutpat mi, eget molestie felis.Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse neque nisi, faucibus vitae tortor sit amet, elementum sagittis orci. Pellentesque nec tincidunt quam. Praesent vel nunc nec odio aliquet euismod id a nisl. Suspendisse potenti. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Etiam suscipit magna at dolor mollis vulputate. Quisque dapibus justo et tempus rutrum. Pellentesque ullamcorper fringilla nulla et suscipit.Quisque et lectus et mauris finibus imperdiet. Proin id feugiat diam. In hac habitasse platea dictumst. Aenean sagittis malesuada ligula, in ultricies justo consequat eget. Etiam eget dolor eu ex elementum fringilla. Fusce enim neque, interdum vitae elementum nec, varius et nulla. Morbi a finibus erat, in maximus leo. Morbi varius, nibh sed iaculis vulputate, ipsum nulla efficitur augue, at tempus purus neque quis purus. Maecenas efficitur quam nulla, vel egestas ipsum interdum non. Curabitur sodales, leo ut pretium fermentum, libero justo malesuada ex, quis hendrerit ante nulla porttitor nulla. Vivamus et varius mauris. Vestibulum cursus consectetur dignissim.</p></div><div class="credits_artemis2">artemis <a href="https://artifices.forumactif.com/">www</a></div></div>
<style>:root{--color1: #dd5269}.fiche_rp_arte2{width: 550px; height: 530px; background: #f5f5f5; margin: auto; position: relative; border-radius: 10px;}.fiche_rp_arte2 svg{margin-top: -20px; z-index: 0;}.fiche_rp_arte2 > h1{width: 100%; height: 70px; margin: 0; font: 40px raleway; font-weight: 800; position: relative; z-index: 99; color: var(--color1); text-transform: uppercase; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 30px 30px 0 20px; background: white; border-radius: 10px;}.fiche_rp_arte2 > h1 span{color: var(--color1); font: 10px calibri; display: block; margin-top: -10px;}.img_member_rp{width: 120px; height: 120px; z-index: 99; border-radius: 50%; position: absolute; top: 40px; right: 50px; background-image: url(https://zupimages.net/up/20/23/934s.jpg); background-position: top center; background-size: 100%; background-color: var(--color1); background-blend-mode: luminosity; border: 10px solid white;}.img_member_rp:after{width: 140px; height: 140px; content: " "; border-color: var(--color1) transparent; border-style: solid; border-width: 3px; border-radius: 50%; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation: spin 3000ms linear infinite, color 3000ms linear infinite; animation: spin 3000ms linear infinite, color 3000ms linear infinite; position: absolute; left: -10px; top: -10px; -webkit-box-sizing: border-box; box-sizing: border-box;}.content_fiche_rp_arte{width: 90%; height: 300px; margin: 10px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}.image_rp_arte{width: 80px; height: 100%; background-image: url(https://zupimages.net/up/20/23/934s.jpg); background-size: 500px; background-position: top center; background-color: var(--color1); background-blend-mode: luminosity;}.content_fiche_rp_arte > p{width: 400px; height: 100%; overflow: auto; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 20px 0 0; font: 12px calibri; text-align: justify; color: #828282;}.credits_artemis2{width: 100%; font: 10px calibri; opacity: 0.5; position: absolute; left: 0; text-align: center; color: gray}@-webkit-keyframes spin{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}@keyframes spin{0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg); transform: rotate(360deg);}}.content_fiche_rp_arte::-webkit-scrollbar-track{background-color:transparent!important; border:none!important;}.content_fiche_rp_arte::-webkit-scrollbar{width: 10px;background-color:transparent!important; border:none!important;}.content_fiche_rp_arte::-webkit-scrollbar-thumb{background:var(--color1); border:none!important;}</style>
Accueil
