Use this with my userstyle: https://userstyles.world/api/style/4519.user.css
// ==UserScript==
// @name Script for Roblox Status (CSS)
// @namespace http://tampermonkey.net/
// @version 0.1.2
// @description Use this with my userstyle: https://userstyles.world/api/style/4519.user.css
// @author cocngk
// @match http://status.roblox.com/*
// @require http://code.jquery.com/jquery-3.4.1.min.js
// @icon https://www.google.com/s2/favicons?sz=64&domain=roblox.com
// @grant none
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// Sticky bar
$(window).scroll(function(e){
var $el = $('#statusio_status_bar');
var isPositionFixed = ($el.css('position') == 'fixed');
if ($(this).scrollTop() > 200 && !isPositionFixed){
$el.css({'position': 'fixed', 'top': '0px'});
}
if ($(this).scrollTop() < 200 && isPositionFixed){
$el.css({'position': 'static', 'top': '0px'});
}
$('.panel').mouseenter(function(){
$('.panel').css('filter','blur(5px)'); // Blurs each .blur div
$('.panel').css('z-index',-1);
$(this).css('filter','blur(0px)'); // Removes blur from the currently hovered .blur div
$(this).css('z-index',1);
$('#statusio_status_bar').css('filter','blur(0px)');
$('#statusio_status_bar').hide();
})
$('.panel').mouseleave(function(){
$('.panel').css('filter','blur(0px)'); // Removes blur from all when none are hovered
$('.panel').css('z-index',1);
$('#statusio_status_bar').show();
})
});
})();