Template:Staff: Difference between revisions

Latest revision as of 13:33, 10 April 2022

110	[[User:\|]]	Joined

@@ Line 1: / Line 1: @@
-<div class="staffCell" style="background: #{{#switch:{{{position|}}}|Bureaucrat=54005C|Admin=005C12|Content Moderator=00385C|Manager=5C3700}}">
+<div class="staffCell" style="background: rgba(200,200,200,0.1); box-shadow: inset 0 0 3px rgba(0,0,0,0.4); margin-bottom: 10px">
 {|
-| width=100px rowspan=2 style="text-align: left;" | {{RoundAvatar|{{{user|}}}|90}}
+| rowspan=3 style="overflow: hidden; width: 120px; height: 55px; text-align: left; border-radius: 150px; border: 3px solid #{{#switch:{{{position|}}}|Bureaucrat=ec2dff|Administrator=06c22c|Content Moderator=0C8DDF|Wiki Representative=FF9D07}}; text-align: center;" | {{RoundAvatar|{{{user|}}}|110}}
-| style="text-align: left; padding-left: 10px;" | <span style="font-size: 24px; text-shadow: -1px 1px 2px rgba(0,0,0,0.5); color: #FFF;">[[User:{{{user|}}}|{{{user|}}}]]</span><br><span style="font-size: 12px; color: #FFF; text-shadow: -1px 1px 2px rgba(0,0,0,0.5);">[[Message Wall:{{{user|}}}|Message Wall]] • [[Special:Contributions/{{{user|}}}|Contributions]]</span>
+| rowspan=3 width=500px 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=50% style="text-align: left; padding: 0 12px 0;" | <div style="width: 100%; border-radius: 100px; text-align: center; background: #{{#switch:{{{status|}}}|Active=8cff9f|Slightly Active=fffb8c|Inactive=ff8c8c|Hiatus=ffcb8c}}; padding: 7px; font-weight: bold; color: rgba(0,0,0,0.7); box-shadow: -1px 1px 5px rgba(0,0,0,0.2)">{{{status|}}}</div>
+<span style="text-transform: uppercase; color: #FFF">{{#switch:{{{position|}}}
+|Bureaucrat=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px; line-height: 30px;">{{{head|}}}</span> <span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px; line-height: 30px;">Bureaucrat</span> <span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(236,45,255,1); border-radius: 100px; line-height: 30px;">Administrator</span>
+|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; line-height: 30px;">Content Moderator</span> <span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(12,141,223,1); border-radius: 100px; line-height: 30px;">Thread Moderator</span>
+|Wiki Representative=<span style="font-size: 12px; padding: 5px 20px 5px; background: rgba(255,157,7,1); border-radius: 100px; line-height: 30px;">Wiki Representative</span>}}</span>
+| <i class="gg-calendar-dates" style="vertical-align: middle"></i> <span style="padding-left: 5px;">Joined {{{join|}}}</span>
 |-
-| width=50% style="text-align: right; padding: 0 10px 0;" | <div style="width: 100%; border-radius: 100px; text-align: center; background: rgba(255,255,255,0.3); padding: 7px; font-weight: bold; color: rgba(0,0,0,0.7); color: #FFF; text-shadow: -1px 1px 2px rgba(0,0,0,0.5);">Joined {{{join|}}}</div>
+| <i class="gg-pin" style="vertical-align: sub"></i> <span style="padding-left: 5px;">{{{country|}}}</span>
-| width=50% style="text-align: right; padding: 0 12px 0;" | <div style="width: 100%; border-radius: 100px; text-align: center; background: rgba(255,255,255,0.3); padding: 7px; font-weight: bold; color: rgba(0,0,0,0.7); color: #FFF; text-shadow: -1px 1px 2px rgba(0,0,0,0.5);">{{{country|}}}</div>
 |-
-| colspan=3 width=100% | <div style="background: rgba(255,255,255,0.3); border-radius: 15px; margin-top: 10px; padding: 10px 30px 10px; text-shadow: -1px 1px 2px rgba(0,0,0,0.5);">{{{promotion|}}}</div>
+| {{#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>