backToWork by dantelin2009

/* ==UserStyle==
@name         backToWork
@version      20240423.02.21
@namespace    https://userstyles.world/user/dantelin2009
@description  Stop getting distracted from your work! This extension disables distracting websites and tells you to go back to work.
@author       dantelin2009
@license      Creative Commons Attribution Share Alike 4.0 International
==/UserStyle== */

@-moz-document url-prefix("https://heladeradragon.com.ar/stacker"), url-prefix("tetr.io"), domain("reddit.com"), domain("youtube.com"), domain("instagram.com"), domain("twitter.com"), domain("x.com"), domain("discord.com"), domain("twitch.tv"), domain("genius.com"), domain("krunker.io"), domain("pinterest.com"), domain("ifunny.co"), domain("tiktok.com"), domain("news.ycombinator.com"), domain("stackoverflow.com"), domain("scratch.mit.edu") {
html:before{
    content: "Go back to work!";
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    font-size: 36px;
    max-width: 90%;
    font-family: sans-serif;
    line-height: 1.4;
    font-weight: 500;
    color: white;
    animation: zoom 1s ease-in-out forwards;
    animation-delay: 1s;
    opacity: 0;
}
@keyframes zoom{
    0%{
        transform: translate(-50%, 50%);
        opacity: 0;
    }
    60%{
        opacity: 1;
    }
    70%{
        transform: translate(-50%, -50%) scale(2) rotate(5deg);
    }
    90%{
        transform: translate(-50%, -49%) scale(0.95) rotate(-1deg);
    }
    100%{
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

@keyframes fadeinafter{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
html:after{
    content: "This message is displayed by the backToWork CSS snippet. To disable this message, disable the \"backToWork\" stylesheet.";
    left: 50%;
    top: unset;
    bottom: 24px !important;
    position: absolute;
    transform: translate(-50%, 0%) !important;
    font-size: 12px;
    max-width: 90%;
    font-family: sans-serif;
    line-height: 1.4;
    color: #777;
    opacity: 0;
    animation: fadeinafter 2s ease-in-out forwards;
    animation-delay: 2s;
}

html, :root, html[dark]{
    background: #000 !important;
    overflow: hidden !important;
    height: 100vh;
    width: 100vw;
}

body{
    display: none !important;
}
}

@-moz-document url("file:///C:/Users/dante/OneDrive/wallpaper.html"), url("https://heladeradragon.com.ar/wallpaper/") {
#gradient-canvas{
    filter: hue-rotate(-80deg) brightness(1.3);
}
.corner{
    opacity: 0.7;
    animation: corner2 100s infinite linear;
}
@keyframes corner2{
          0%{
            transform: rotate(15deg) scale(1);
            filter: blur(60px) brightness(1) hue-rotate(-100deg);
          }
          25%{
            transform: rotate(20deg) scale(1.2);
            filter: blur(80px) brightness(1.2) hue-rotate(-120deg);
          }
          50%{
            transform: rotate(15deg);
          }
          75%{
            transform: rotate(20deg) scale(0.8);
            filter: blur(70px) brightness(1.1) hue-rotate(-90deg);
          }
          100%{
            transform: rotate(15deg) scale(1);
            filter: blur(60px) brightness(1) hue-rotate(-100deg);
          }
        }
}

@-moz-document url-prefix("https://music.apple.com/") {
.navigation-item__browse, .navigation-item__radio{
    opacity: 0.8;
    filter: saturate(0);
    pointer-events: none;
}
}

@-moz-document url-prefix("https://imgur.com/") {
.HomeHeader, .MainContainer{
    display: none;
}
}