Staff.css

/\*\* <nowiki>

```
* @Author:
* @Contributors:   DW Code Administrators <https://archero.wikia.com/wiki/Project:Code\_Administrator>
* @Notes:          Members often appear in more than one list, & all current Staff are also listed in Former Staff.
                   This is because styles lower in the stylesheet override those above.
                   Once all styles are removed from a Staff member, only Former Staff remains.
* Section 1 — Preliminary Styles
* Section 2 — Former Staff Styling
* Section 3 — Standing Staff Styling
* Section 4 — Irregular Styles
*/

```

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\* Preliminary Styles \*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\* Universal formatting for Staff :after elements \*/
.speech-bubble-message > .MiniEditorWrapper > .edited-by {

```
   display: inline-flex;
   align-items: center;

```

}

.speech-bubble-message > .MiniEditorWrapper > .edited-by a.subtle {

```
   margin: 0 0 0 10px;

```

}

.SpeechBubble .edited-by a:after,
.Wall .edited-by a.subtle:after {

```
   font: normal small-caps normal 12px;
   margin: -3px;

```

}

.SpeechBubble .edited-by a:after {

```
   font-size: inherit;
   margin: 6px;

```

}/\*\*/

/\* Remove default badges to allow custom icons to take precedence \*/
.community-page-module:not(.community-page-recently-joined-module) .badge-container svg,
.contributors-module-modal .badge-container svg,
.ChatHeader div.User .badge {

```
   display: none;

```

}/\*\*/

/\* Prepare tags for custom icons \*/
.ChatWindow li.User .badge {

```
   background: center/18px no-repeat;

```

}

.community-page-module:not(.community-page-recently-joined-module) .user-avatar-wrapper {

```
   position: relative;

```

}

.community-page-module:not(.community-page-recently-joined-module) .badge-container {

```
   width: 36px;
   height: 36px;
   position: absolute;
   top: -16px;
   left: -15px;
   background: center/18px no-repeat;
   z-index: 100;

```

}

.community-page-module.community-page-admins-module .badge-container {

```
   top: -13px;
   left: 4px;

```

}

.community-page-module .avatar-container .avatar {

```
   border-radius: 100%;

```

}/\*\*/

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\* Former Staff Styling \*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\* Former Administrators & below \*

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"],
not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"] {

```
   color: #70B8FF;

```

}/\*\*/

/\* Former Bureaucrats \*/
.Wall .edited-by a.subtle[href$="Wall:Tigershark14"],

* not(.wds-list) > \*:not(.tally) > a[href$=":Tigershark14"],
not(.wds-list) > \*:not(.tally) > a[href$="/Tigershark14"],

.Wall .edited-by a.subtle[href$="Wall:Cdkey7708"],

* not(.wds-list) > \*:not(.tally) > a[href$=":Cdkey7708"],
not(.wds-list) > \*:not(.tally) > a[href$="/Cdkey7708"] {

```
   color: #000000;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:Tigershark14"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":Tigershark14"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/Tigershark14"]:hover,

.Wall .edited-by a.subtle[href$="Wall:Cdkey7708"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":Cdkey7708"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/Cdkey7708"]:hover {

```
   text-shadow: 0 0 1px #000000;

```

}/\*\*/

/\* Founder-Only \*/
.SpeechBubble .edited-by a[href$="User:Cdkey7708"]:after,
.Wall .edited-by a.subtle[href$="Wall:Cdkey7708"]:after {

```
   content: "Founder";

```

}

.Chat .discord-user span[data-user="Cdkey7708"],
.Chat li[data-user="Cdkey7708"] .username {

```
   color: #000000;

```

}

.Chat li[data-user="Cdkey7708"] .avatar {

```
   border: 3px solid #000000;

```

}

.ChatWindow li[data-user="Cdkey7708"] .badge svg {

```
   visibility: hidden;

```

}

.ChatWindow li[data-user="Cdkey7708"] .username .badge,
.community-page-module div[data-user="Cdkey7708"] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\* Standing Staff Styling \*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\* Interns \*/
.Wall .edited-by a.subtle[href$="Wall:Minkemink"],

* not(.wds-list) > \*:not(.tally) > a[href$=":Minkemink"],
not(.wds-list) > \*:not(.tally) > a[href$="/Minkemink"] {

```
   color: #1C3869;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:Minkemink"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":Minkemink"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/Minkemink"]:hover {

```
   text-shadow: 0 0 1.5px #1C3869;

```

}

.SpeechBubble .edited-by a[href$="User:Minkemink"]:after,
.Wall .edited-by a.subtle[href$="Wall:Minkemink"]:after {

```
   content: "Intern";

```

}

.Chat .discord-user span[data-user="Minkemink"],
.Chat li[data-user="Minkemink"] .username {

```
   color: #1C3869;

```

}

.Chat li[data-user="Minkemink"] .avatar {

```
   border: 3px solid #1C3869;

```

}

.ChatWindow li[data-user="Minkemink"] .badge svg {

```
   visibility: hidden;

```

}

.ChatWindow li[data-user="Minkemink"] .username .badge,
.community-page-module div[data-user="Minkemink"] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\* Code Administrators \*
.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"] {

```
   color: #FF3311;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/"]:hover {

```
   text-shadow: 0 0 1.5px #FF3311;

```

}

.SpeechBubble .edited-by a[href$="User:"]:after,
.Wall .edited-by a.subtle[href$="Wall:"]:after {

```
   content: "Code Administrator";

```

}

.community-page-module div[data-user=""] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\* Sentinels \*
.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"],

.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"],

.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"],

.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":"],
not(.wds-list) > \*:not(.tally) > a[href$="/"] {

```
   color: #FFFF00;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/"]:hover,

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/"]:hover,

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/"]:hover,

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/"]:hover {

```
   text-shadow: 0 0 1.5px #FFFF00;

```

}

.SpeechBubble .edited-by a[href$="User:"]:after,
.Wall .edited-by a.subtle[href$="Wall:"]:after,
.SpeechBubble .edited-by a[href$="User:"]:after,
.Wall .edited-by a.subtle[href$="Wall:"]:after,
.SpeechBubble .edited-by a[href$="User:"]:after,
.Wall .edited-by a.subtle[href$="Wall:"]:after,
.SpeechBubble .edited-by a[href$="User:"]:after,
.Wall .edited-by a.subtle[href$="Wall:"]:after {

```
   content: "Sentinel";

```

}

.Chat .discord-user span[data-user=""],
.Chat li[data-user=""] .username,
.Chat .discord-user span[data-user=""],
.Chat li[data-user=""] .username,
.Chat .discord-user span[data-user=""],
.Chat li[data-user=""] .username {

```
   color: #FFFF00;

```

}

.Chat li[data-user=""] .avatar,
.Chat li[data-user=""] .avatar,
.Chat li[data-user=""] .avatar,
.Chat li[data-user=""] .avatar {

```
   border: 3px solid #FFFF00;

```

}
.ChatWindow li[data-user=""] .badge svg,
.ChatWindow li[data-user=""] .badge svg,
.ChatWindow li[data-user=""] .badge svg,
.ChatWindow li[data-user=""] .badge svg {

```
   visibility: hidden;

```

}

.ChatWindow li[data-user=""] .username .badge,
.community-page-module div[data-user=""] .badge-container,
.ChatWindow li[data-user=""] .username .badge,
.community-page-module div[data-user=""] .badge-container,
.ChatWindow li[data-user=""] .username .badge,
.community-page-module div[data-user=""] .badge-container,
.ChatWindow li[data-user=""] .username .badge,
.community-page-module div[data-user=""] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\* Moderators \*/
.Wall .edited-by a.subtle[href$="Wall:"],

* not(.wds-list) > \*:not(.tally) > a[href$=":VectorDelta"],
not(.wds-list) > \*:not(.tally) > a[href$="/VectorDelta"] {

```
   color: #ff8c00;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":VectorDelta"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/VectorDelta"]:hover {

```
   text-shadow: 0 0 1.5px #ff8c00;

```

}

.SpeechBubble .edited-by a[href$="User:VectorDelta"]:after,
.Wall .edited-by a.subtle[href$="Wall:VectorDelta"]:after {

```
   content: "Moderator";

```

}

.Chat .discord-user span[data-user="VectorDelta"],
.Chat li[data-user="VectorDelta"] .username {

```
   color: #ff8c00;

```

}

.Chat li[data-user="VectorDelta"] .avatar {

```
   border: 3px solid #ff8c00;

```

}

.ChatWindow li[data-user="VectorDelta"] .username .badge svg,
.ChatWindow li[data-user=""] .username .badge svg,
.ChatWindow li[data-user=""] .username .badge svg {

```
   visibility: hidden;

```

}

.ChatWindow li[data-user="VectorDelta"] .username .badge,
.community-page-module div[data-user="VectorDelta"] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\* Senior Administrators \*/
.Wall .edited-by a.subtle[href$="Wall:Tigershark14"],

* not(.wds-list) > \*:not(.tally) > a[href$=":Tigershark14"],
not(.wds-list) > \*:not(.tally) > a[href$="/Tigershark14"] {

```
   color: #6745bc;
   font-weight: bold;

```

}

.Wall .edited-by a.subtle[href$="Wall:Tigershark14"]:hover,

* not(.wds-list) > \*:not(.tally) > a[href$=":Tigershark14"]:hover,
not(.wds-list) > \*:not(.tally) > a[href$="/Tigershark14"]:hover {

```
   text-shadow: 0 0 10px #000000;

```

}

.SpeechBubble .edited-by a[href$="User:Tigershark14"]:after,
.Wall .edited-by a.subtle[href$="Wall:Tigershark14"]:after {

```
   content: "Senior Administrator";

```

}

.Chat .discord-user span[data-user="Tigershark14"],
.Chat li[data-user="Tigershark14"] .username {

```
   color: #35d638;

```

}

.Chat li[data-user="Tigershark14"] .avatar {

```
   border: 3px solid #EFEFEF;
   border-radius: 0;
   transition: all 0.6s ease;

```

}

.Chat li[data-user="Tigershark14"] .avatar:hover {

```
   transform: rotate(360deg);
   border: 2.5px solid #000000;
   border-radius: 100%;
   box-shadow: 0 0 6px 0 #CCCCCC;

```

}

.ChatWindow li[data-user="Tigershark14"] .username .badge svg {

```
   visibility: hidden;

```

}

.community-page-module.community-page-admins-module .badge-container,
.ChatWindow li[data-user="Tigershark14"] .username .badge,
.community-page-module div[data-user="Tigershark14"] .badge-container {

```
   background-image: url("");

```

}/\*\*/

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\* Irregular Styles \*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\* Comment shading for Senior/Community Administrators & Founder \*/
.article-comments li.comment[data-user="Tigershark14"] .speech-bubble-message,
.article-comments li.comment[data-user="Cdkey7708"] .speech-bubble-message {

```
   background: #a6ff63;
   border-color: #3c3f3f;

```

}

.article-comments li.comment[data-user="Tigershark14"] .secondary.actionButton,
.article-comments li.comment[data-user="Cdkey7708"] .secondary.actionButton {

```
   background: #ffd13a;
   border: 1px solid transparent;
   transition: all 0.4s;

```

}

.article-comments li.comment[data-user="Tigershark14"] .speech-bubble-message:after,
.article-comments li.comment[data-user="Cdkey7708"] .speech-bubble-message:after {

```
   border-color: transparent #a6ff63 #a6ff63 transparent;

```

}/\*\*/

/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\*\*\*\* Avatar Badges (MastheadRightsBadge) \*\*\*\*\*/
/\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*/
/\* General \*/
.mastrightsbadge .mastrightsbadge-sysop {
background-image: url("");
}
.mastrightsbadge .mastrightsbadge-content-moderator {

```
   background-image: url("");

```

}
.mastrightsbadge .mastrightsbadge-threadmoderator {

```
   background-image: url("**Bold text**ion/latest/scale-to-width-down/72");

```

}
.mastrightsbadge .mastrightsbadge-rollback {

```
   background-image: url("");

```

}