Better Styling

A personal styling adjustment for the ScriptBlox website.

2025-11-08 기준 버전입니다. 최신 버전을 확인하세요.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        Better Styling
// @namespace   Violentmonkey Scripts
// @match       *://*.scriptblox.com/*
// @icon        https://www.google.com/s2/favicons?sz=64&domain=scriptblox.com
// @grant       GM_addStyle
// @version     1.0.1
// @author      darraghd493
// @description A personal styling adjustment for the ScriptBlox website.
// @license     MIT
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
        /* fix: no header padding - looks off still */
        header {
          padding-top: 40px;
          padding-bottom: 40px;
        }

        /* fix: no content padding */
        #__nuxt > div.flex.flex-col.transition-imp {
          padding-top: 24px;
        }

        /* qol: input */
        input {
          margin-bottom: 4px;
          color: #ccc;
        }

        /* qol: emphasised buttons */
        button {
          transition: transform 0.2s ease-out;
        }

        button:hover {
          transform: scale(103%);
        }

        button:active {
          transform: scale(97%);
        }
    `);

    // remove empty advert blocks (leftover from adblocker - uBlock Origin)
    function removeAds() {
        document.querySelectorAll('.adsbygoogle').forEach(el => {
            const grandParent = el.parentElement?.parentElement;
            if (!grandParent) return;

            // ensure the holder only contains the ad
            const nonAdChildren = Array.from(grandParent.children).filter(child => {
                return !child.classList.contains('adsbygoogle') && child.offsetParent !== null;
            });

            if (nonAdChildren.length === 0 ||
                (nonAdChildren.length === 1 && nonAdChildren[0].contains(el))) {
                grandParent.style.display = 'none';
            }
        });
    }

    removeAds();

    const observer = new MutationObserver(removeAds);
    observer.observe(document.body, { childList: true, subtree: true });
})();