Raw Source Toggle Dropdown

• Minified Source

KoziLord / Blurred Pop-out Headers

// ==UserScript==
// @name         Blurred Pop-out Headers
// @namespace    http://tampermonkey.net/
// @version      1.1
// @description  Cool looking blurred headers for the user pop-out menu in discord.
// @author       High Lord Protector Kozi Lord Radziwil
// @match        https://discordapp.com/*
// @grant        none
// @require https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @require https://raw.githubusercontent.com/uzairfarooq/arrive/master/minified/arrive.min.js
// ==/UserScript==

(function() {
    'use strict';

    // Your code here...
    $('head').append('<link rel="stylesheet" href="https://cdn.discordapp.com/attachments/178938189447299072/332113142610132994/kDiscord.css" type="text/css" />');
    
    $(document).arrive('.popout.no-arrow',function(){
    var bg = $('.popout.no-arrow').find('.avatar-popout').css({'background-color': 'transparent'}).css('background-image');
        $('.header').children().css({'z-index': '2' });
        $('.popout.no-arrow').find('.header').append('<div class="bg-cont"> <div class="header-bg"> </div> </div>');
        $('.bg-cont').css({'height': '100%', 'width': '100%', 'overflow': 'hidden', 'z-index': '1','position': 'absolute','background-color': 'rgba(0,0,0,0.55','top':'0'});
        $('.header-bg').css({'height':'100%', 'width': '100%','background-image': bg,'background-size': 'cover','background-position': 'center','background-color': '#000','transform': 'scale(1.35)','filter': 'blur(20px) brightness(77%)'});
    });
})();