www.fbsbx.com/maw_proxy_page/ - Apr 2024 by soulunknown

/* ==UserStyle==
@name           www.fbsbx.com/maw_proxy_page/ - Apr 2024
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url("https://www.facebook.com") {
    body {
        background-color: #ee4b504f !important;
        position: relative;
    }

    /* Change the text color to white */
    *:not(i):not([class*="icon"]):not([role="img"]) {
        color: #fff !important; /* Updated to white */
    }

@keyframes colorOscillation {
    0%, 100% {
        fill: #060606; 
    }
    10% {
        fill: #f30202; 
    }
    20% {
        fill: #1e03f6; 
    }
    30% {
        fill: #ae00ff; 
    }
    40% {
        fill: #007909; 
    }
    50% {
        fill: #08d2de; 
    }
    60% {
        fill: #443101; 
    }
    70% {
        fill: #ea960d; 
    }
    80% {
        fill: #f00; 
    }
    90% {
        fill: #060606;
    }
}

    /* Apply the animation to the specific SVG path with the class */
    .xe3v8dz {
        animation: colorOscillation 20s infinite; /* Run the animation continuously */
    }
    /* Intensify the red glow on hover for links */
    a:hover {
        text-shadow: 0 0 12px #f105f2, 0 0 24px #9000ff !important;
    }

    /* Intensify the red glow on hover for buttons */
    button:hover {
        background-color: #20f !important;
        box-shadow: 0 0 12px #10f, 0 0 24px #2f00ff !important;
        color: #ff0202 !important;
    }

 
    ::selection {
        background: #20f;
        color: #ea0e32;
    }


img:hover {
    border: 2px solid #a911df !important;
    box-shadow: 
        0 0 8px #d400ff, /* Innermost glow: a softer, smaller glow for depth */
        0 0 16px #d400ff, /* Middle glow: a moderate glow for body */
        0 0 24px #9911b5, /* Outer glow: a larger, more diffused glow for impact */
        0 0 40px #9911b5 inset; /* Optional: Inner glow for added effect */
}


    /* Custom animations for icons */
    @keyframes pulse {
        0% {
            box-shadow: 0 0 0 red;
        }
        50% {
            box-shadow: 0 0 15px #fd0;
        }
        100% {
            box-shadow: 0 0 0 red;
        }
    }
    .icon:hover {
        animation: pulse 10s infinite;
    }
}