Template:Staff: Difference between revisions

← Older edit Newer edit →

VisualWikitext

Revision as of 18:17, 17 July 2020

LightSwitch

Bureaucrat Administrator

Joined 16 October 2015

Singapore

Active

@@ Line 1: / Line 1: @@
-<div class="staffCell" style="background: rgba(200,200,200,0.1); box-shadow: inset 0 0 3px rgba(0,0,0,0.4);">
+<div class="staffCell" style="position: absolute; display: inline-block; width: 500px; background: rgba(200,200,200,0.1); box-shadow: inset 0 0 3px rgba(0,0,0,0.4); padding: 25px 50px 20px 25px">
-{|
+{| style="display: inline-block"
-| rowspan=3 style="overflow: hidden; width: 50px; height: 50px; text-align: left; border-radius: 150px; border: 3px solid #{{#switch:{{{position|}}}|Bureaucrat=ec2dff|Administrator=06c22c|Content Moderator=0C8DDF|Wiki Manager=FF9D07}}; text-align: center;" | {{RoundAvatar|{{{user|}}}|100}}
+| style="overflow: hidden; width: 50px; height: 50px; text-align: left; border-radius: 150px; border: 3px solid #ec2dff; text-align: center;" | {{RoundAvatar|LightSwitch|100}}
-| rowspan=3 width=300px style="text-align: left; padding-left: 10px;  text-shadow: -1px 1px 0 rgba(0,0,0,0.5)" | <span style="font-size: 24px;">[[User:{{{user|}}}|{{{user|}}}]]</span>
+| width=300px style="text-align: left; padding-left: 10px;  text-shadow: -1px 1px 0 rgba(0,0,0,0.5)" | <span style="font-size: 24px;">[[User:LightSwitch|LightSwitch]]</span>
-<span style="text-transform: uppercase; color: #FFF">{{#switch:{{{position|}}}
+<span style="text-transform: uppercase; color: #FFF"><span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Bureaucrat</span>
-|Bureaucrat=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Bureaucrat</span>
+<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Administrator</span></span>
-<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Administrator</span>
+|}</div>
-|Administrator=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(6,194,44,1); border-radius: 100px;">Administrator</span>
-|Content Moderator=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(12,141,223,1); border-radius: 100px;">Content Moderator</span>
+<div class="staffCell" style="vertical-align: middle; top: 6px; left: 440px; position: relative; display: inline-block; width: 225px; background: rgba(236,45,255,1); color: #FFF; box-shadow: inset 0 0 5px rgba(0,0,0,0.2), 0 0 5px rgba(0,0,0,0.2); text-shadow: -1px 1px 0 rgba(0,0,0,0.5)">
-|Wiki Manager=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(255,157,7,1); border-radius: 100px;">Wiki Manager</span>
+{| style="height: 100%; display: inline-block; vertical-align: super"
-<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(255,157,7,1); border-radius: 100px;">Councilor</span>}}</span>
+| style="padding: 5px 0 5px" | <i class="gg-calendar-dates" style="vertical-align: middle; text-shadow: -1px 1px 0 rgba(0,0,0,0.5);"></i> <span style="padding-left: 5px;">Joined 16 October 2015</span>
-| <i class="gg-calendar-dates" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Joined {{{join|}}}</span>
 |-
-| <i class="gg-pin" style="vertical-align: sub"></i> <span style="padding-left: 5px;">{{{country|}}}</span>
+| style="padding: 5px 0 5px" | <i class="gg-pin" style="vertical-align: sub"></i> <span style="padding-left: 5px;">Singapore</span>
 |-
-| {{#switch:{{{status|}}}
+| style="padding: 5px 0 5px" | <i class="gg-check-o" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Active</span>
-|Active=<i class="gg-check-o" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Active</span>
-|Slightly Active=<i class="gg-remove" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Slightly Active</span>
-|Inactive=<i class="gg-sleep" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Inactive</span>
-|Hiatus=<i class="gg-time" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Hiatus</span>}}
 |}
 </div>