MediaWiki:ExtendedPrivateMessaging.css

/* Blackout */ outline: 0 transparent solid; transition: outline 500ms; z-index: 1; }
 * 1) Rail,
 * 2) WikiChatList {

body.picking-group-pm #Rail, body.picking-group-pm #WikiChatList { outline: 10000px rgba(0, 0, 0, .2) solid; }

body.picking-group-pm #UserStatsMenu { display: none !important; /* Curse you, inline styles! */ }

/* Styles for floating group picker help */ position: fixed; right: calc(10% + 150px); left: 10%; top: 65px; height: 50px; background-color: #0199FF; color: #fff; font-weight: bold; cursor: pointer; animation-name: sliiiide; animation-duration: .5s; user-select: none; }
 * 1) GroupPickerInfo {

display: flex; /* I still can't believe this editor doesn't support flex */ align-items: center; justify-content: center; position: absolute; }
 * 1) GroupPickerInfo .cross,
 * 2) GroupPickerInfo .start {

background-color: #00A5FF; }
 * 1) GroupPickerInfo .cross:hover,
 * 2) GroupPickerInfo .start:hover {

height: 50px; right: 50px; left: 0; padding: 0 1em; text-align: center; }
 * 1) GroupPickerInfo .start {

width: 50px; right: 0; font-size: 25px; height: 47px; padding-bottom: 3px; /* I know exactly how it's gonna look, I spent 20 minutes measuring that it was perfectly square and centered (0_=) */ }
 * 1) GroupPickerInfo .cross {

@keyframes sliiiide { from {top: -50px;} to {top: 65px;} }

/* ChatHeader fix for long titles, now that group PMs show all members in the header */ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 150px; }
 * 1) ChatHeader .private {

/* Hide badges on group PMs */ display: none; }
 * 1) PrivateChatList .group .badge {

margin-right: 0; }
 * 1) PrivateChatList .group .username {