stardustcodes

neon demon - post de rol

May 31st, 2021
106
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.72 KB | None | 0 0
  1. <div class="demon26"><div class="demon27"></div><div class="demon28"></div><div class="demon29"><div class="demon30">neon demon</div><div class="demon31">lugar <i class="fas fa-angle-double-right" style="color: #fec859;"></i> fecha <i class="fas fa-angle-double-right" style="color: #fec859;"></i> persona</div><div class="demon32"><b>Así se ve en negritas.</b> Lorem ipsum dolor sit amet, consectetur adipiscing elit. <i>Así se ve en cursiva.</i> Aliquam ut lacus leo. Aliquam a pellentesque ex. Nam pulvinar efficitur lacus bibendum placerat. Donec rutrum auctor eros eget ornare. Etiam turpis mauris, congue a nisi vitae, tempor efficitur nibh. Phasellus scelerisque diam a lacus maximus imperdiet.</div></div></div><div class="stdcred"><a href="https://stardustcodes.tumblr.com/ "target="_blank">stardust</a></div>
  2.  
  3. <style>.demon26{margin: 20px auto; width: 450px; height: 550px; position: relative; border: 15px solid #fff; outline: 1px solid #d9d9d9; background: #f9f9f9; display: flex; flex-wrap: wrap; justify-content: center;}.demon27{clip-path: polygon(0 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #fa448c; position: absolute;}.demon28{clip-path: polygon(100% 0, 0% 100%, 100% 100%); width: 450px; height: 550px; background: #43b5a0; position: absolute;}.demon29{width: 330px; height: 540px; padding: 10px 10px 0 10px; background: #fff; position: absolute;}.demon30{width: 330px; padding: 10px 0 10px 0; text-align: center; font-family: bevan; font-size: 28px; color: #fec859; line-height: 20px;}.demon31{width: 300px; text-align: center; font-family: inconsolata; font-weight: 200; font-size: 11px; color: #888; line-height: 110%; padding: 0 10px 15px 10px; border-bottom: 1px solid #d9d9d9;}.demon32{height: 450px; overflow: auto; border-top: 15px solid #fff; padding: 0 15px 0 15px; font-family: inconsolata; font-weight: 400; font-size: 13px; color: #888; text-align: justify; line-height: 160%;}.demon32 b{color: #43b5a0; font-weight: 700;}.demon32 i{color: #43b5a0;}.demon32::-webkit-scrollbar{width: 6px;}.demon32::-webkit-scrollbar-track {background: #fff;}.demon32::-webkit-scrollbar-thumb {background: #fec859;}.stdcred{margin: 0 auto; width: 80px; background: #fff; text-align: center; border: 1px solid #d9d9d9; border-radius: 10px;}.stdcred a{text-decoration: none; font-family: inconsolata; font-weight: 200; font-size: 11px; color: #888;}</style><link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Bevan&family=Inconsolata:wght@200;300;400;700;900&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
Add Comment
Please, Sign In to add comment