gistfile1.txt

// ==UserScript==
// @name        horsemask
// @namespace   https://brewspace.jiveland.com/*
// @include     https://brewspace.jiveland.com/*
// @version     1
// @grant       none
// ==/UserScript==


$j(document).ready(function(){
    $j("body").append('<div id="unicorn" style="z-index: 9999; position: fixed; top: 50px; right: -300px; width: 300px; height: 200px;"><img src="http://s3.amazonaws.com/christmas_gif_shop/gifs/107/shelf/galloping-unicorn.gif"></div>');
    $j("a.j-avatar").append('<span class="horseface" style="display: inline-block; width: 45px; height: 45px; background: url(http://i.imgur.com/djV3OMT.png) center no-repeat; position: absolute; right: -15px; top: -15px;"></span>');
    $j("#j-globalNav").append('<li id="jive-nav-link-horsemask" class=" jive-nav-link-divider j-globalNav-li j-ui-elem"><a href="#" class="j-globalNavLink j-ui-elem " role="menuitem"><span class="nav-link ">Giddyup</span></a></li>');
    $j("#j-globalNav").append('<li id="jive-nav-link-unicorns" class=" jive-nav-link-divider j-globalNav-li j-ui-elem"><a href="#" class="j-globalNavLink j-ui-elem " role="menuitem"><span class="nav-link ">Unicorns</span></a></li>');
    $j("#jive-nav-link-horsemask").on('click',
        function(){
            $j(".horseface").toggle();
    });
    $j("#jive-nav-link-unicorns").click(function(){
    if ($j("#unicorn").css('right') =='-300px') {
    $j("#unicorn").animate({ 
        right: "1920px",
    }, 5000 );
    $j("#unicorn").css({'right':'-300px'});
    }
    });
});