User:Aesulus/Membership box: Difference between revisions

give sub headers their own class
(Undo revision 38742 by Aesulus (talk))
Tag: Undo
(give sub headers their own class)
Tag: 2017 source edit
 
(One intermediate revision by the same user not shown)
Line 2:
 
<div class="membership-table">
<div class="membership-header" style="{{{abovestyle|background-color: {{#A1020Bifexist:Template:{{PAGENAME}}/background-color|{{{{PAGENAME}}/background-color}}|<nowiki>#27c7fe</nowiki>}}; color: {{#FFFFFFifexist:Template:{{PAGENAME}}/color|{{{{PAGENAME}}/color}}|<nowiki>#ffffff</nowiki>}};}}}">Membership Emotesperks</div>
<div class="membership-badges-section" style="background-color: #f8f9fa;">
<div class="membership-header" style="{{{headerstyle|background-color: {{#ffccdaifexist:Template:{{PAGENAME}}/background-color2|{{{{PAGENAME}}/background-color2}}|<nowiki>#b4eefa</nowiki>}}; color: {{#FFFFFFifexist:Template:{{PAGENAME}}/color2|{{{{PAGENAME}}/color2}}|<nowiki>#000000</nowiki>}};}}}">Badges and Emojiemotes</div>
<div class="membership-icons">
<div class="membership-icon-label">Loyalty badges</div>
{{{loyalty badges|}}}
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
<div class="membership-icon-label">Membership emotes</div>
{{{membership emotes|}}}
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
* [[File:Tokino Sora - Main Page Icon.png|32px]]
</div>
</div>
<div class="membership-perks-section" style="background: #f8f9fa;">
<div class="membership-header" style="{{{headerstyle|background-color: {{#C90D40ifexist:Template:{{PAGENAME}}/background-color2|{{{{PAGENAME}}/background-color2}}|<nowiki>#b4eefa</nowiki>}}; color: {{#FFFFFF;"ifexist:Template:{{PAGENAME}}/color2|{{{{PAGENAME}}/color2}}|<nowiki>Perk Levels#000000</divnowiki>}};}}}
">Membership levels</div>
<div class="membership-header" style="background: #ededed;-sub">¥200 Bottle of{{{level Pinot1 Noirname}}}</div>
<div class="membership-perks-description">
{{{level 1 perks|}}}
* 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>
{{#if:{{{level 2 name|}}}|
<div class="membership-header" style="background: #ededed;-sub">¥300 Bottle{{{level of2 Merlotname}}}</div>
<div class="membership-perks-description">
{{{level 2 perks|}}}
* Members-only WINE PARTY<br />We'll have a wine party during an exclusive monthly stream! Might play a game!
* Includes access to perks from previous levels
</div>}}
<div class="membership-header" style="background: #ededed;">¥400 Bottle of Cab ~Sauv~</div>
{{#if:{{{level 3 name|}}}|
<div class="membership-header" style="background: #ededed;-sub">¥400 Bottle of{{{level Cab3 ~Sauv~name}}}</div>
<div class="membership-perks-description">
{{{level 3 perks|}}}
* Early access to new songs
* Includes access to perks from previous levels
* Members-only CREATIVE Stream!
</div>}}
{{#if:{{{level 4 name|}}}|
<div class="membership-header-sub">{{{level 4 name}}}</div>
<div class="membership-perks-description">
{{{level 4 perks|}}}
* Includes access to perks from previous levels
</div>}}
</div>
</div>