Roblox Race Logo Upscaled! by xavithedev

/* ==UserStyle==
@name           roblox 2011
@namespace      USO Archive
@author         Xavi
@description    `RaceLogo`
@version        20180528.22.51
@license        Free
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("http://www.roblox.com"),
url-prefix("https://www.roblox.com"),
url-prefix("http://de.roblox.com"),
url-prefix("https://de.roblox.com"),
url-prefix("https://forums.roblox.com"),
url-prefix("http://web.roblox.com"),
url-prefix("https://web.roblox.com"),
url-prefix("http://forums.roblox.com"),
domain("roblox.com") {
    /*ROBLOX New Logo Replacement by harule - https://www.roblox.com/users/17277708/profile*/
    /*Should replace the new logo on the website with the old one*/
    /*NOTE: Roblox deleted the "R" logo (https://www.roblox.com/images/Logo/logo_R.svg) from their site, so I am instead using the full logo, and then scaling it. It is not perfect, but it should do for a high quality svg logo. I don't want to host the "R" logo svg on my own, otherwise I might run into copyright issues. Sorry about this..*/
    .icon-logo {
        /*Main site navbar full logo*/
        background-image: url(https://cdn.discordapp.com/attachments/755811036715548673/953454313978597386/Emoji_71.png) !important;
    }

    .icon-logo-r {
        /*Main site navbar small logo*/
        background-image: url(https://www.roblox.com/images/Logo/roblox_logo.svg) !important;
        background-size: 135px 135px !important;
        background-position-x: 5px !important;
        background-position-y: center !important;
    }

    .big-logo {
        /*Download page logo*/
        background-image: url(https://www.roblox.com/images/Logo/roblox_logo.svg) !important;
        height: 80px !important;
    }

    .robloxLogo {
        /*Landing page small logo*/
        content: url("http://i.imgur.com/Hj502As.png");
        /*hides the new logo in the worst way possible idk*/
        background-image: url("https://www.roblox.com/images/Logo/roblox_logo.svg") !important;
        background-size: 167px 167px !important;
        background-position-x: left !important;
        background-position-y: center !important;
        width: 31px;
    }

    #MainLogoImage {
        /*Landing page big logo*/
        content: url("https://www.roblox.com/images/Logo/roblox_logo.svg") !important;
        margin-left: 20px !important;
    }

    #LogoAndSlogan .clearfix::after {
        /*Landing page slogan under the logo*/
        content: "Powering Imagination" !important;
        color: white !important;
        font-size: 35px !important;
        background-color: rgba(0, 0, 0, 0.7) !important;
        padding: 10px 25px !important;
        text-align: center !important;
        margin-top: -20px !important;
        display: inline-block !important;
    }

    #LogoAndSlogan .clearfix::before {
        /*Slogan trademark thing, needed here so the font can be smaller*/
        content: "™" !important;
        color: white !important;
        position: absolute !important;
        font-size: 15px !important;
        top: 100px !important;
        margin-left: 413px !important;
    }
}

@-moz-document url-prefix("https://blog.roblox.com") {
    /*ROBLOX Blog*/
    footer .comp-logo a {
        /*Blog footer logo*/
        background-image: url(https://www.roblox.com/images/Logo/roblox_logo.svg) !important;
        background-size: cover !important;
        height: 30px !important;
    }

    header .site-title a {
        /*Blog header logo*/
        background-image: url(https://www.roblox.com/images/Logo/roblox_logo.svg) !important;
        background-size: cover !important;
        height: 25px !important;
    }
}

@-moz-document url-prefix("https://www.roblox.com/sponsored/") {
    /*stuff for any sponsored page*/
    .logo-link > img {
        content: url(https://www.roblox.com/images/Logo/logo_R.svg) !important;
        background-size: cover !important;
        height: 125% !important;
        margin-top: -15% !important;
    }
}