User:ItsaMeMeme/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:OrganizedNotifs.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:NoCustomCursors.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:AdRailRemove/code.css&only=styles";

/* -- Type Coloring --*/

/* All notif cards get a left transparent border to be filled with a color later. */   border-left: 10px solid transparent; }
 * 1) notificationContainer > .wds-notification-card {

/* New messages on own wall or talk page */ border-image: linear-gradient(red, orange) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="talk-page-message"] {

/* Message wall replies */ border-image: linear-gradient(yellow, #F39C12) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="message-wall-reply"] {

/* Discussions replies */ border-image: linear-gradient(navy, lightgreen) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-reply"] {

/* Discussions at-mention */ border-image: linear-gradient(white, yellow) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="post-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="thread-at-mention"] {

/* Discussions upvotes */ border-image: linear-gradient(teal, lime) 1; border-left-style: dotted; }
 * 1) notificationContainer > .wds-notification-card[data-type="discussion-upvote-post"],
 * 2) notificationContainer > .wds-notification-card[data-type="discussion-upvote-reply"] {

/* Article/blog comments replies */ border-image: linear-gradient(blue, cyan) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-reply"] {

/* Article/blog comments at-mentions */ border-image: linear-gradient(maroon, magenta) 1; }
 * 1) notificationContainer > .wds-notification-card[data-type="article-comment-at-mention"],
 * 2) notificationContainer > .wds-notification-card[data-type="article-comment-reply-at-mention"] {

/* Announcments are fully highlighted */ background-image: linear-gradient(to top left, silver 25%, gold) ; }
 * 1) notificationContainer > .wds-notification-card[data-type="announcement"] {