Advertisement
thequeenroyal

queen

Oct 9th, 2019
344
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.19 KB | None | 0 0
  1. @font-face { font-family: "lovelyboys"; src: url(https://dl.dropbox.com/s/x1y3y7m257yfo51/Lovely%20Boys%20Font%20by%207NTypes_D.otf); format("truetype"); } #queen { width: 245px; height: 230px; border: 1px solid #eeda01; padding: 5px; } #queen .base { width: 100%; background: #0a0a0a; height: 230px; padding: 5px; box-sizing: border-box; } #queen .gif { width: 235px; height: 110px; background: url(https://66.media.tumblr.com/9144d164d9b0aeefd8bf72693ce77263/tumblr_nbi89cTA6f1sq17gzo1_500.gif) center/cover; transition: all 2s ease-in-out; } #queen .ava { width: 100%; background: #0a0a0a; height: 110px; padding: 5px; box-sizing: border-box; } #queen .name { font: 36px 'lovelyboys'; color: transparent; text-shadow: 10px 10px 0px #EEDA01; padding: 5px; box-sizing: border-box; text-align: center; position: relative; bottom: 27px; text-transform: lowercase; } #queen .frase { box-sizing: border-box; width: 100%; background: #0a0a0a8; position: relative; bottom: 28px; height: 69px; } #queen .s2 { font-size: 9px; font-family: 'Poppins', sans-serif; color: #fff; text-transform: uppercase; text-align: justify; line-height: 120%; box-sizing: border-box; padding: 5px; } #queen .gif:hover { filter: grayscale(100%); }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement