☰

Script for Roblox Status (CSS)

Use this with my userstyle: https://userstyles.world/api/style/4519.user.css

  1. // ==UserScript==
  2. // @name         Script for Roblox Status (CSS)
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.2
  5. // @description  Use this with my userstyle: https://userstyles.world/api/style/4519.user.css
  6. // @author       cocngk
  7. // @match        http://status.roblox.com/*
  8. // @require      http://code.jquery.com/jquery-3.4.1.min.js
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=roblox.com
  10. // @grant        none
  11. // @license      MIT
  12. // ==/UserScript==
  13.  
  14. (function() {
  15.     'use strict';
  16.  
  17.     // Sticky bar
  18.     $(window).scroll(function(e){
  19.   var $el = $('#statusio_status_bar');
  20.   var isPositionFixed = ($el.css('position') == 'fixed');
  21.   if ($(this).scrollTop() > 200 && !isPositionFixed){
  22.     $el.css({'position': 'fixed', 'top': '0px'});
  23.   }
  24.   if ($(this).scrollTop() < 200 && isPositionFixed){
  25.     $el.css({'position': 'static', 'top': '0px'});
  26.   }
  27.         $('.panel').mouseenter(function(){
  28.   $('.panel').css('filter','blur(5px)'); // Blurs each .blur div
  29.   $('.panel').css('z-index',-1);
  30.   $(this).css('filter','blur(0px)'); // Removes blur from the currently hovered .blur div
  31.             $(this).css('z-index',1);
  32.   $('#statusio_status_bar').css('filter','blur(0px)');
  33.             $('#statusio_status_bar').hide();
  34. })
  35. $('.panel').mouseleave(function(){
  36.   $('.panel').css('filter','blur(0px)'); // Removes blur from all when none are hovered
  37.   $('.panel').css('z-index',1);
  38.     $('#statusio_status_bar').show();
  39. })
  40. });
  41. })();