Girl, I will cover you when the sky comes crashing in. I'll go the distance, lead the way to your darkest sin. You know there's something coming down from the sky above. World on fire with a smoking sun, stops everything and everyone. Brace yourself for all will pay, help is on the way.
We will save your precious skin. Let the healing light come in. I'll cover you when the sky... comes crashing in. World on fire with a smoking sun, stops everything and everyone. Brace yourself for all will pay, help is on the way.
- Code:
<style>.punkianger .accentbg { background: #524182; }.punkianger .accentborder { border-color: #C93F4A; }.punkianger .tagline a, .punkianger .bulk b, .punkianger .bulk i, .punkiangercredit a { color: #C93F4A; }.punkianger .image { background-image: url('https://imgur.com/lm1eoYc.png'); }.punkianger { width: 500px; min-height: 100px; padding-top: 300px; background: #f0f0f0; margin: auto; filter: drop-shadow(0 0 1px rgba(100,100,100,0.6)); }.punkianger .absolute-holder { position: absolute; overflow: hidden; margin-top: -300px; width: 500px; height: 300px; }.punkianger .image-back { position: absolute; width: 170px; height: 300px; opacity: 0.8; border-left: 330px solid #323232; }.punkianger .image-back div { position: absolute; left: 3px; width: 5px; height: inherit; background: #323232 }.punkianger .image { position: absolute; width: inherit; height: inherit; mix-blend-mode: lighten; }.punkianger .line1 { position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(15deg); top: 105px; left: -30px; mix-blend-mode: overlay; }.punkianger .line2 { position: absolute; width: 600px; height: 1px; background: #fff; transform: rotate(-75deg); top: 50px; left: -150px; mix-blend-mode: overlay; }.punkianger .wordcount { position: absolute; background: rgba(0,0,0,0.5); bottom: 100px; left: 40px; color: #fff; font-family: 'Open Sans'; font-size: 9px; line-height: 9px; padding: 6px 8px; text-transform: uppercase; letter-spacing: 2px; }.punkianger .lyric1 { position: absolute; bottom: 80px; left: 43px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); color: #fff; font-family: 'Open Sans'; font-size: 11px; line-height: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }.punkianger .lyric2 { position: absolute; bottom: 40px; left: 40px; filter: drop-shadow(0 0 2px rgba(0,0,0,0.4)); font-family: 'Oswald'; color: #fff; font-size: 40px; line-height: 40px; text-transform: uppercase; font-weight: 300; word-spacing: -8px; }.punkianger .lyric2 b, .punkianger .lyric1 b { font-weight: 600; mix-blend-mode: overlay; position: absolute; white-space: nowrap; }.punkianger .tagline { float: left; margin-top: -6px; margin-left: -40px; margin-right: 10px; background: #3e3e3e; font-family: 'Open Sans'; color: #fff; font-size: 10px; line-height: 10px; padding: 9px 11px; text-transform: uppercase; letter-spacing: 2px; }.punkianger .tagline a { font: inherit; text-decoration: none; filter: brightness(120%); font-weight: bold; transition: all 0.3s ease; }.punkianger .tagline a:hover { color: #fff; }.punkianger .bulk { padding: 30px 40px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; color: rgba(0,0,0,0.5); text-align: justify; }.punkianger .bulk i { font-weight: bold; }.punkianger .ooc-notes { padding: 6px 40px; background: #fff; min-height: 12px; font-family: 'Open Sans'; font-size: 11px; line-height: 16px; text-align: justify; color: rgba(0,0,0,0.6); }.punkiangercredit { width: 500px; margin: auto; text-align :right; font-family: 'Oswald'; font-size: 11px; line-height: 20px; text-transform: uppercase; letter-spacing: 1px; }</style><link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,700&family=Oswald:wght@300;600&display=swap" rel="stylesheet"><div class="punkianger"> <div class="absolute-holder"> <div class="image-back accentbg"><div></div></div> <div class="image"></div> <div class="line1"></div> <div class="line2"></div> <div class="wordcount"> 000 words </div> <div class="lyric1"> i'll cover you when the sky </div> <div class="lyric2"> comes <b>crashing in</b> </div> </div> <div class="bulk"> <b>I'll return from darkness</b> and will save your precious skin. I will end your suffering and let the healing light come in. Sent by forces beyond salvation, there can be not one sensation. World on fire with a smoking sun, stops everything and everyone. Brace yourself for all will pay, help is on the way. <br><br> <i>Girl, I will cover you when the sky comes crashing in.</i> I'll go the distance, lead the way to your darkest sin. You know there's something coming down from the sky above. World on fire with a smoking sun, stops everything and everyone. Brace yourself for all will pay, help is on the way. <br><br> We will save your precious skin. Let the healing light come in. I'll cover you when the sky... comes crashing in. World on fire with a smoking sun, stops everything and everyone. Brace yourself for all will pay, help is on the way. </div> <div class="ooc-notes"> <div class="tagline"> for <a href="">name</a> </div> some ooc notes can go here! </div></div><div class="punkiangercredit"> <a href="https://pixel-perfect.boards.net/user/581">punki</a></div>
Last edited by Kali on Sun Nov 13, 2022 6:59 am; edited 1 time in total