MediaWiki:Wikia.css

[class^='EntityHeader_name__'][href$="Hydrx"]::after { content: " (co-founder)"; } [class^='EntityHeader_name__'][href$="Scullman0"]::after { content: " (founder)"; }

/************* Title       :   WDSNotificationCustomization Description :   Major Redesign of Notification Cards. Dinguishes between different data type notifications. Reveals which notification is unread. Author      :   Vastmine1029 Version     :   1.0

/* Default Color Scheme (the 8 data types): article-comment-reply (Article Comment Reply without mention) article-comment-reply-at-mention (New Article Comment Reply with mention) article-comment-at-mention (New Article Comment with mention)
 * 1) FFFF00 - announcement (Announcements (from any wiki))
 * 2) 000000 - talk-page-message (Talk Page; only wikis that have Talk Pages enabled)
 * 3) 0000FF - message-wall-post (New Message Post on Message Wall; only wikis that have Message Wall enabled)
 * 4) 0000FF - message-wall-reply (Message Wall Replies; only wikis that have Message Wall enabled)
 * 5) FF0000 - discussion-reply (Discussion Replies from a followed posts)
 * 6) FF0000 - discussion-upvote-post (upvote on the author's post in Discussions)
 * 7) FF0000 - discussion-upvote-reply (upvote on the author's reply in Discussions)
 * 8) FF0000 - thread-at-mention (mentioned by a user from a new Discussions post)
 * 9) FF0000 - post-at-mention (mentioned by a user from a Discussions post reply)

Color Family:
 * 1) FFFF00 - yellow
 * 2) FF0000 - red
 * 3) 0000FF - blue
 * 4) DFB585 - orange
 * 5) 008080 - teal
 * 6) FF69B4 - hot pink


 * root {

--wds-unread-border: #00BFFF; --wds-unread-background-color: #A6DAFD; --wds-unread-hover: #87CEEB; --wds-announcement: #708090; --wds-talk-page-message: #008080; --wds-message-wall-post: #008080; --wds-message-wall-reply: #02B2B2; --wds-discussion-reply: #CFA4D2; --wds-discussion-upvote-post: #DFB585; --wds-discussion-upvote-reply: #DFB585; --wds-thread-at-mention: #D2A4A4; --wds-post-at-mention: #D2A4A4; --wds-article-comment-reply: #CFA4D2; --wds-article-comment-reply-at-mention: #D2A4A4; --wds-article-comment-at-mention: #D2A4A4; }

/* Design for nofications when they are unread */ .wds-is-unread { background-color: var(--wds-unread-background-color) !important; border-left:5px solid var(--wds-unread-border) !important; }

/* Design when hovering over unread ONE notification */ .wds-is-unread:hover { background-color: var(--wds-unread-hover) !important;

}

/* "Unread" Text to unread notifications */ .wds-is-unread .wds-notification-card__context-list::before { padding-right: 8px; white-space: pre; content: '(Unread)'; font-weight: bold; color: dimgray; }

/* Adjusting margins of notification cards */ .wds-notifications__notification-list>li.wds-notification-card { margin: 0 6px; }

/* Color Change Effect when Hovering over ONE notification */ .wds-notifications__notification-list>li.wds-notification-card:hover { background-color: rgba(164,182,191,0.2); }

/* Left Border Color for Announcement Notification card */ li[data-type="announcement"] { border-left: 5px solid var(--wds-announcement); }

/* "Announcement" Text as Title of Announcement Notification Card */ li[data-type="announcement"] .wds-notification-card__text::before{ content: 'Announcement\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Talk Page (Post and Replies) Notification card */ li[data-type="talk-page-message"] { border-left: 5px solid var(--wds-talk-page-message); }

/* "New Message" Text as Title of New Talk Page Message Notification Card */ li[data-type="talk-page-message"] .wds-notification-card__text::before{ content: 'New Message\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Message Wall Posts (not replies) Notification card */ li[data-type="message-wall-post"] { border-left: 5px solid var(--wds-message-wall-post); }

/* "New Message" Text as Title of Message Wall Posts Notification card*/ li[data-type="message-wall-post"] .wds-notification-card__text::before{ content: 'New Message\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Message Wall Replies (not new messages) Notification card */ li[data-type="message-wall-reply"] { border-left: 5px solid var(--wds-message-wall-reply); }

/* "New Message Reply" Text as Title of Message Wall Replies Notification card */ li[data-type="message-wall-reply"] .wds-notification-card__text::before{ content: 'New Message Reply\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Discussions Post Replies of Notification card */ li[data-type="discussion-reply"] { border-left: 5px solid var(--wds-discussion-reply); }

/* "New Post Reply" Text as Title of Discussions Post Replies */ li[data-type="discussion-reply"] .wds-notification-card__text::before{ content: 'New Post Reply\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Discussions Post Upvotes (not post reply upvotes) of Notification card */ li[data-type="discussion-upvote-post"] { border-left: 5px solid var(--wds-discussion-upvote-post); }

/* "Discussions Post Upvote" Text as Title of Discussions Post Upvotes (not post reply upvotes) Notification card */ li[data-type="discussion-upvote-post"] .wds-notification-card__text::before{ content: 'Discussions Post Upvote\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Discussions Post Replies (not main post upvote) of Notification card */ li[data-type="discussion-upvote-reply"] { border-left: 5px solid var(--wds-discussion-upvote-reply); }

/* "Post Reply Upvote" Text as Title of Discussions Post Replies Notification card */ li[data-type="discussion-upvote-reply"] .wds-notification-card__text::before{ content: 'Post Reply Upvote\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Discussions Post Mention (mention on main post, not post reply) of Notification card */ li[data-type="thread-at-mention"] { border-left: 5px solid var(--wds-thread-at-mention); }

/* "Post Mention" Text as Title of Discussions Post Mention (mention on main post, not post reply) Notification Card */ li[data-type="thread-at-mention"] .wds-notification-card__text::before { content: 'Post Mention\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Discussions Reply Mention (mention on post reply, not main post) of Notification card */ li[data-type="post-at-mention"] { border-left: 5px solid var(--wds-post-at-mention); }

/* "Post Reply Mention" Text as Title of Discussions Reply Mention (mention on post reply, not main post) Notification Card */ li[data-type="post-at-mention"] .wds-notification-card__text::before{ content: 'Post Reply Mention\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Article Comment Reply (unmentioned) of Notification card */ li[data-type="article-comment-reply"] { border-left: 5px solid var(--wds-article-comment-reply); }

/* "Reply Mention" Text as Title of Article Comment Reply (unmentioned) Notification Card */ li[data-type="article-comment-reply"] .wds-notification-card__text::before{ content: 'Comment Reply\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Article Comment Reply Mention (mention on an Article Comment Reply, not main Article Comment) of Notification card */ li[data-type="article-comment-reply-at-mention"] { border-left: 5px solid var(--wds-article-comment-reply-at-mention); }

/* "Comment Reply Mention" Text as Title of Article Comment Reply Mention (mention on an Article Comment Reply, not main Article Comment) Notification Card */ li[data-type="article-comment-reply-at-mention"] .wds-notification-card__text::before{ content: 'Comment Reply Mention\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Left Border Color for Article Comment Mention (mention on main article comment, not article comment mention) of Notification card */ li[data-type="article-comment-at-mention"] { border-left: 5px solid var(--wds-article-comment-at-mention); }

/* "Comment Mention" Text as Title of Article Comment Mention (mention on main article comment, not article comment mention) Notification Card */ li[data-type="article-comment-at-mention"] .wds-notification-card__text::before{ content: 'Comment Mention\A'; white-space: pre; font-size: 12pt; line-height: 1.5em; font-weight: bold; text-transform: uppercase; }

/* Dashed gray lines that separate notifications cards */ .wds-notifications__notification-list>li.wds-notification-card { border-bottom: 2px dashed lightgray; }

/* Adjusting existing icons to be align with Notification Card Titles */ .wds-notification-card__icon-wrapper { position: relative; top: 2.5px; }

/* Stop unread notification cards from overflowing */ .wds-notification-card__body { overflow: hidden;