Template:Staff: Difference between revisions

Revision as of 18:19, 17 July 2020

100	[[User:\|]]	Joined

@@ Line 1: / Line 1: @@
-<div style="display: block; position: absolute; margin-bottom: 5px;">
+<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"><span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Bureaucrat</span>
+<span style="text-transform: uppercase; color: #FFF">{{#switch:{{{position|}}}
-<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Administrator</span></span>
+|Bureaucrat=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Bureaucrat</span>
-|}</div>
+<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px;">Administrator</span>
+|Administrator=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(6,194,44,1); border-radius: 100px;">Administrator</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)">
+|Content Moderator=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(12,141,223,1); border-radius: 100px;">Content Moderator</span>
-{| style="height: 100%; display: inline-block; vertical-align: super"
+|Wiki Manager=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(255,157,7,1); border-radius: 100px;">Wiki Manager</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>
+<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(255,157,7,1); border-radius: 100px;">Councilor</span>}}</span>
+| style="text-align: left;" | <i class="gg-calendar-dates" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Joined {{{join|}}}</span>
 |-
-| style="padding: 5px 0 5px" | <i class="gg-pin" style="vertical-align: sub"></i> <span style="padding-left: 5px;">Singapore</span>
+| style="text-align: left;" | <i class="gg-pin" style="vertical-align: middle"></i> <span style="padding-left: 5px;">{{{country|}}}</span>
 |-
-| style="padding: 5px 0 5px" | <i class="gg-check-o" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Active</span>
+| style="text-align: left;" | {{#switch:{{{status|}}}
+|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>
 </div>