User:Kaldari/bluealertfade.js

Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.

( function( $, mw ) {
$alert = '<div id="mw-echo-blue-pokey"><img src="//upload.wikimedia.org/wikipedia/commons/a/ae/BluePokeyNorth.png"/></div>';
$alert += '<div id="mw-echo-alert">';
$alert += '<div id="mw-echo-alert-text" style="margin: 0px 5px 0px 5px;">You have new talk page messages.</div>';
$alert += '</div>';
$(document).ready(function() {
	$( '.usermessage' ).hide();
	var newMsgRevisionId = mw.config.get( 'wgUserNewMsgRevisionId' );
	if ( newMsgRevisionId ) {
		var userName = mw.config.get( 'wgUserName' );
		var talkLink = '/wiki/User_talk:' + userName + '?redirect=no';
		$( '#pt-mytalk' ).css( {'position': 'relative'} );
		$( '#pt-mytalk' ).append( $alert );
		$( '#mw-echo-blue-pokey' ).css( {
			'position': 'absolute',
			'top': '12px', 
			'left': '5px',
			'z-index': 99,
			'cursor': 'pointer'
		} );
var alertWdith = $( '#mw-echo-alert' ).outerWidth();
var newLeft = 0 - ( alertWdith / 2 ) - 5;
		$( '#mw-echo-alert' ).css( {
			'position': 'absolute',
			'top': '22px', 
			'left': newLeft,
			'z-index': 99,
			'padding': '10px',
			'background-color': '#517ABB',
			'cursor': 'pointer'
		} );
		$( '#mw-echo-alert' ).click( function( e ) {
			location.href = talkLink;
			e.preventDefault();
		} );
		$( '#mw-echo-alert' ).hover( function() {
			$( '#mw-echo-alert' ).css( { 'background-color': '#3172da' } );
			$( '#mw-echo-blue-pokey img' ).attr( 'src', '//upload.wikimedia.org/wikipedia/commons/9/9e/BluePokeyNorthHover.png' );
		},
		function() {
			$( '#mw-echo-alert' ).css( { 'background-color': '#517ABB' } );
			$( '#mw-echo-blue-pokey img' ).attr( 'src', '//upload.wikimedia.org/wikipedia/commons/a/ae/BluePokeyNorth.png' );
		} );
		$( '#mw-echo-alert-text' ).css( {
			'font-size': '13px',
			'font-weight': 'normal',
			'font-family': 'sans-serif',
			'line-height': '14px',
			'color': 'white'
		} );
		$( '#mw-echo-alert, #mw-echo-blue-pokey' ).delay( 4000 ).fadeOut( 'slow' );
	}
} );
} )( jQuery, mediaWiki );