User:Aesulus/Membership box: Difference between revisions

move some styling to css; reindent
No edit summary
(move some styling to css; reindent)
Line 1:
<templatestyles src="User:Aesulus/Membership box.css" />
 
 
<div class="membership-table">
<div id="membership-above" class="membership-header" style="background-color: #A1020B; color: #FFFFFF; flex: 100%;">Membership Emotes</div>
<div idclass="membership-badges-section" style="background-color: #f8f9fa; flex: 1 300px">
<div class="membership-header" style="background-color: #ffccda; color: #FFFFFF;">Badges and Emoji</div>
<div class="membership-emotes" style="padding: 0.5em 1em;icons">
<pdiv styleclass="flex: 100%membership-icon-label">Loyalty badges</pdiv>
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
Line 14 ⟶ 13:
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
<pdiv styleclass="flex: 100%membership-icon-label">Membership emotes</pdiv>
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
Line 63 ⟶ 62:
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
</div>
</div>
<div idclass="membership-perks-section" style="background: #f8f9fa; flex: 2 auto">
<div class="membership-header" style="background-color: #C90D40; color: #FFFFFF;">Perk Levels</div>
<div class="membership-header" style="background: #ededed;">¥200 Bottle of Pinot Noir</div>
<div class="membership-perks-description">
<div>
* Exclusive Blog Posts + Early Schedule<br />Receive my weekly schedule a day early! "Sick nasty," am I right, My Dog?
* Members-only TALK Stream<br />Once a month, I'll do a members only TALKING stream!
</div>
<div class="membership-header" style="background: #ededed;">¥300 Bottle of Merlot</div>
<div class="membership-perks-description">
<div>
* Members-only WINE PARTY<br />We'll have a wine party during an exclusive monthly stream! Might play a game!
</div>
<div class="membership-header" style="background: #ededed;">¥400 Bottle of Cab ~Sauv~</div>
<div class="membership-perks-description">
<div>
* Early access to new songs
* Members-only CREATIVE Stream!
</div>
</div>
</div>