User:Aesulus/Membership box: Difference between revisions

← Older edit

User:Aesulus/Membership box (edit)

Revision as of 11:42, 28 April 2023

1,924 bytes removed , 1 year ago

give sub headers their own class

VisualWikitext

Aesulus

editors, Interface administrators, Administrators

1,787

edits

Revision as of 12:48, 31 December 2021 (edit) Aesulus (talk \| contribs) No edit summary ← Older edit		Latest revision as of 11:42, 28 April 2023 (edit) (undo) Aesulus (talk \| contribs) (give sub headers their own class) Tag: 2017 source edit
(4 intermediate revisions by the same user not shown)
Line 1: <templatestyles src="User:Aesulus/Membership box.css" /> <div class="membership-table"> <div ~~id="membership-above"~~ class="membership-header" style="{{{abovestyle\|background-color: {{#~~A1020B~~ifexist:Template:{{PAGENAME}}/background-color\|{{{{PAGENAME}}/background-color}}\|<nowiki>#27c7fe</nowiki>}}; color: {{#~~FFFFFF; flex~~ifexist: ~~100%~~Template:{{PAGENAME}}/color\|{{{{PAGENAME}}/color}}\|<nowiki>#ffffff</nowiki>}};}}}">Membership ~~Emotes~~perks</div> <div idclass="membership-badges-section~~" style="background: #f8f9fa; flex: 1 300px~~"> <div class="membership-header" style="{{{headerstyle\|background-color: {{#~~ffccda~~ifexist:Template:{{PAGENAME}}/background-color2\|{{{{PAGENAME}}/background-color2}}\|<nowiki>#b4eefa</nowiki>}}; color: {{#~~FFFFFF~~ifexist:Template:{{PAGENAME}}/color2\|{{{{PAGENAME}}/color2}}\|<nowiki>#000000</nowiki>}};}}}">Badges and ~~Emoji~~emotes</div> <div class="membership-~~emotes" style="padding: 0.5em 1em;~~icons"> <pdiv ~~style~~class="~~flex: 100%~~membership-icon-label">Loyalty badges</pdiv> {{{loyalty badges\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-icon-label">Membership emotes</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{{membership emotes\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-perks-section"> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-header" style="{{{headerstyle\|background-color:{{#ifexist:Template:{{PAGENAME}}/background-color2\|{{{{PAGENAME}}/background-color2}}\|<nowiki>#b4eefa</nowiki>}};color:{{#ifexist:Template:{{PAGENAME}}/color2\|{{{{PAGENAME}}/color2}}\|<nowiki>#000000</nowiki>}};}}} ~~<p style="flex: 100%">Membership emotes</p>~~ ">Membership levels</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-header-sub">{{{level 1 name}}}</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-perks-description"> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{{level 1 perks\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{#if:{{{level 2 name\|}}}\| * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-header-sub">{{{level 2 name}}}</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-perks-description"> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{{level 2 perks\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] * Includes access to perks from previous levels * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div>}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{#if:{{{level 3 name\|}}}\| * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-header-sub">{{{level 3 name}}}</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-perks-description"> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{{level 3 perks\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] * Includes access to perks from previous levels * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div>}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{#if:{{{level 4 name\|}}}\| * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-header-sub">{{{level 4 name}}}</div> * [[File:Tokino Sora - Main Page Icon.png\|32px]] <div class="membership-perks-description"> * [[File:Tokino Sora - Main Page Icon.png\|32px]] {{{level 4 perks\|}}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] * Includes access to perks from previous levels * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div>}} * [[File:Tokino Sora - Main Page Icon.png\|32px]] </div> * [[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 id="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>~~ * 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>~~ * 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>~~ * Early access to new songs * Members-only CREATIVE Stream! ~~</div>~~ ~~</div>~~ </div>