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"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:UserAnimations.css&only=styles";

a[href*=":ItsaMeMeme"], a[href*="/ItsaMeMeme"], a[href$=":ItsaMeMeme"]:not(.wds-community-header), a[href$="/ItsaMeMeme"]:not(.wds-community-header) { color: firebrick !important; text-shadow: 20px 0 20px indigo !important; animation: RainbowUserName 1.75s infinite; font-family: "Comic Sans MS" !important; /* font-weight: bold !important; */ font-size: 13px !important; font-weight:bold; }

/* Custom username colors */ @keyframes RainbowUserName { from { -webkit-filter:hue-rotate(15deg); filter:hue-rotate(15deg); } to { -webkit-filter:hue-rotate(360deg); filter:hue-rotate(360deg); } }/* Rainbow Animation */ @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } /* Spin Animation */ a.tag { color: inherit;

/* -- Type Coloring --*/

/* All notif cards get a left transparent border to be filled with a color later. */

border-left: 10px solid transparent; }

/* 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"] {

[class^='EntityHeader_name__'][href$="ItsaMeMeme"]::after { content: " ✪Cool Meme✪"; color: #0000FF;

}