[FICHE RP] • BACK TO HOGWARTS

• Tout est modifiable
• Pensez à désactiver l'optimisation de CSS où les fonts spéciales ne fonctionneront pas
• Pour retirer l'effet de transparence sur les images, c'est le "mix-blend-mode" qu'il faut retirer

Code:: <link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/><div class="hg_thread"> <div class="hg_thread_title">this is the beat<br/> <span>of my heart</span> <div class="hg_thread_title_sub">if you love me let me go</div></div><div class="hg_thread_castle"><img src="https://imgur.com/jruaWFE.png"/></div><div class="hg_thread_middle">You're made of darkness and fire, my friend<br/>I think the world may be coming to an end<br/>But when heaven and hell do collide<br/>Know that I'll always be there by your side</div><div class="hg_thread_divider"><img src="https://imgur.com/bDqXC9l.png"/></div><div class="hg_thread_txt"><span>D</span>orem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae vulputate tellus. Donec fringilla enim ullamcorper elit sollicitudin semper. Sed blandit, dui ac imperdiet vulputate, magna nisi pharetra ex, vitae mattis orci diam quis nisi. Vestibulum in nibh eu metus dignissim tempor. Curabitur rhoncus posuere posuere. Vivamus euismod dolor ut urna fringilla imperdiet. Ut et risus a nulla euismod hendrerit eu vel ex. Ut consectetur consectetur placerat.<br/><br/> <b>ceci est en gras</b><br/> <i>ceci est en italique</i><br/> <diag>— ceci est un dialogue</diag> </div><div class="hg_thread_cred"><a target="_blank" href="https://epsilon-ls.forumactif.com/">jawn</a></div></div> <style>.hg_thread{margin:0px auto; width:500px; padding:25px; border-radius:5px; background:#bbb; display:flex; flex-wrap:wrap; justify-content:space-between;}.hg_thread_title{width: 210px; padding:60px 0px 5px 0px; font: 35px Goku; line-height: 22px; color:#a48334;}.hg_thread_title span{text-transform:uppercase; font:12px Calibri; letter-spacing:1px; color:#454545;}.hg_thread_title_sub{text-align:right; padding-bottom:2px; text-transform:uppercase; color:#454545; font:8px Calibri; letter-spacing:2px; border-bottom: 2px solid #aaa;}.hg_thread_castle{width: 235px; overflow: hidden; height: 191px; mix-blend-mode: color-burn; transition:all 900ms;}.hg_thread_castle img{width:100%;}.hg_thread_castle:hover{mix-blend-mode: multiply; transition:all 900ms;}.hg_thread_middle{margin:15px auto -50px auto; text-align:center; padding:10px 0px; border-top:1px solid #a48334; width:300px; color:#454545; text-transform:uppercase; font:8px Arial; letter-spacing:2px;}.hg_thread_divider{margin:0px auto; overflow:hidden; width: 250px; mix-blend-mode: multiply;}.hg_thread_divider img{width:100%;}.hg_thread_txt{text-align:justify; font:12px Lato; color:black; margin:0px 30px 30px 30px;}.hg_thread_txt span{font:55px Victorian; float:left; margin:0px 25px 0px 0px;}.hg_thread_txt b{border-bottom:2px dotted #a48334;}.hg_thread_txt i{color:#454545;}.hg_thread_txt diag{padding:0px 15px; font-family:Times New Roman; color:#75602e;}.hg_thread_cred{width:100%; text-align:right; font:8px Lato; text-transform:uppercase; letter-spacing:3px; color:#454545;}@font-face{font-family: 'goku';src: url('https://dl.dropbox.com/s/f0xz75ihp348uvx/goku-webfont.woff2') format('woff2'), url('https://dl.dropbox.com/s/gk8u3q89you9tbd/goku-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face{font-family: 'victorian';src: url('https://dl.dropbox.com/s/sutd95igv59qyjt/victorian_decade_demo_version-webfont.woff2?dl=0') format('woff2'), url('https://dl.dropbox.com/s/9nzjto5hodcc2xm/victorian_decade_demo_version-webfont.woff?dl=0') format('woff');font-weight: normal;font-style: normal;}</style>