[77] Gradient Muselist

[lina_trinch]

Code:
<div style="margin: auto; width: 600px; font-family: Arial, Helvetica, sans-serif; cursor: default;"> <!--START BLOCK--> <div style="width: 100%; display: flex; align-items: center; margin: 10px 0;"> <!--IMAGE--> <div style="background: center/cover url('IMAGE_URL'), #eee; float: left; width: 100px; height: 100px; border-radius: 30px; border: 5px solid #818181;"></div> <div style="background: linear-gradient(90deg, transparent, #818181); width: 500px; padding: 5px 0 5px 8px; display: flex; flex-direction: column; border-radius: 0 20px 20px 0;"> <!--NAME--> <div style="font-size: 28px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif">Character</div> <!--DIVIDER--> <div style="width: 100%; height: 1px; background: linear-gradient(-90deg, #fff, transparent); margin: 5px 0;"></div> <!--SUBHEADER--> <div style="font-variant: small-caps; text-transform: lowercase;">Canon</div> </div> </div> <!--END BLOCK--> <!--START BLOCK--> <div style="width: 100%; display: flex; align-items: center; margin: 10px 0;"> <!--IMAGE--> <div style="background: center/cover url('IMAGE_URL'), #eee; float: left; width: 100px; height: 100px; border-radius: 30px; border: 5px solid #818181;"></div> <div style="background: linear-gradient(90deg, transparent, #818181); width: 500px; padding: 5px 0 5px 8px; display: flex; flex-direction: column; border-radius: 0 20px 20px 0;"> <!--NAME--> <div style="font-size: 28px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif">Character</div> <!--DIVIDER--> <div style="width: 100%; height: 1px; background: linear-gradient(-90deg, #fff, transparent); margin: 5px 0;"></div> <!--SUBHEADER--> <div style="font-variant: small-caps; text-transform: lowercase;">Canon</div> </div> </div> <!--END BLOCK--> <!--START BLOCK--> <div style="width: 100%; display: flex; align-items: center; margin: 10px 0;"> <!--IMAGE--> <div style="background: center/cover url('IMAGE_URL'), #eee; float: left; width: 100px; height: 100px; border-radius: 30px; border: 5px solid #818181;"></div> <div style="background: linear-gradient(90deg, transparent, #818181); width: 500px; padding: 5px 0 5px 8px; display: flex; flex-direction: column; border-radius: 0 20px 20px 0;"> <!--NAME--> <div style="font-size: 28px; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif">Character</div> <!--DIVIDER--> <div style="width: 100%; height: 1px; background: linear-gradient(-90deg, #fff, transparent); margin: 5px 0;"></div> <!--SUBHEADER--> <div style="font-variant: small-caps; text-transform: lowercase;">Canon</div> </div> </div> <!--END BLOCK--> <!--ADD MORE BLOCKS ABOVE THIS LINE--> </div> <div style="width: 850px; margin: 20px auto; text-align: center; font-size: 8px; font-family: monospace; font-weight: bold; letter-spacing: 2px;"> <a href="https://killthecake.dreamwidth.org/" style="color: #000; text-decoration: none;"> CODE </a> </div>

❖ This code was released early on the Patreon! Feel free to check out things over there if you want early codes or some exclusive content. ❖ Make sure Disable Auto-Formatting is checked when you copy/paste the code into your post. Ctrl+F & Replace: ❖ IMAGE_URL - Character images, you can use icons for this. ❖ Character/Canon - Placeholder for text. #eee Image placeholder. #818181 Borders and backgrounds. #fff Dividers. #000 Credit link.