Skip to content

Totally Original Userstyle for AMQ by olivki

Write a review Install Get Stylus

Details

Authorolivki

LicenseCC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike

Categoryamq, animemusicquiz

Created

Updated

Size22 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Based on Elodie's AMQ Script V8.4.4

Modified to have a lot of options available to customize more easily without having to mess around with the code.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Totally Original Userstyle for AMQ
@description  Based on Elodie's AMQ Script V8.4.4
@namespace    userstyles.world/user/olivki
@author       olivki
@version      0.3.0
@preprocessor stylus
@var checkbox isCustomFontEnabled "Custom Font" 1
@var text customFontUrl "Custom Font Url" "'https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap'"
@var text customFontFamily "Custom Font Family" "'Quicksand', sans-serif"
@var color fontColor "Font Color" #d9d9d9
@var color backgroundColor "Background Image Overlay" #00000066
@var text backgroundImage "Background Image" "'https://de.catbox.moe/6w7078.png'"
@var select backgroundImageRepeat "Background Image Repeat" ["repeat", "repeat-x", "repeat-y", "no-repeat"]
@var select backgroundImageSize "Background Image Size" ["auto", "cover", "contain"]
@var color chatBackgroundColor "Chat Background Overlay" #00000066
@var text chatFontSize "Chat Font Size" "120%"
@var text chatFontShadow "Chat Font Shadow" "0px"
@var text chatBackgroundImage "Chat Background Image" "''"
@var select chatBackgroundImageRepeat "Chat Background Image Repeat" ["repeat", "repeat-x", "repeat-y", "no-repeat"]
@var select chatBackgroundImageSize "Chat Background Image Size" ["auto", "cover", "contain"]
@var color xpColor "XP Bar Color" #97393d
==/UserStyle== */
@-moz-document domain("animemusicquiz.com") {
    @import url(customFontUrl);

    :root {
        --bg: linear-gradient(backgroundColor, backgroundColor), url(backgroundImage);
        --chatbg: linear-gradient(chatBackgroundColor, chatBackgroundColor), url(chatBackgroundImage);
    }

    body {
        if (isCustomFontEnabled) {
            font-family: customFontFamily !important;
        }

        color: fontColor !important;
    }

    #startPage {
        background-image: var(--bg);
        background-size: backgroundImageSize !important;
        background-repeat: backgroundImageRepeat !important;
    }

    #gameContainer {
        background-image: var(--bg);
        background-size: backgroundImageSize !important;
        background-repeat: backgroundImageRepeat !important;
    }

    #loadingScreen {
        background-image: var(--bg);
        background-size: backgroundImageSize !important;
        background-repeat: backgroundImageRepeat !important;
    }

    #gameChatPage > .col-xs-9 {
        background: rgba(0, 0, 0, 0.7);
    }

    #gcGameChatButton > .col-xs-9 {
        color: #ffffff;
        box-shadow: none;
        text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;
    }

    #footerMenuBarBackground {
        background: transparent;
    }

    #awMainView {
        background-image: var(--bg);
        background-size: cover;
    }

     #gcMessageContainer {
        background: var(--chatbg);
        background-size: chatBackgroundImageSize !important;
        background-repeat: chatBackgroundImageRepeat !important;   
    }
    
    #gcMessageContainer > li {
        text-shadow: chatFontShadow !important;
        font-size: chatFontSize !important;
    }

    .leftShadowBorder,
    #currencyContainer,
    #menuBarOptionContainer,
    #awContentRow .rightShadowBorder {
        box-shadow: none;
    }

    #footerMenuBar .menuBar,
    #rightMenuBarPartContainer::before,
    .gcList > li:nth-child(2n) {
        background-color: #1b1b1b
    }

    #socialTab:not(.open),
    #optionsContainer:not(.open) {
        display: none;
    }

    #mainMenuSocailButton,
    #avatarUserImgContainer {
        border: none !important;
    }

    #rbMajorFilters {
        background-color: #1b1b1b;
        padding-left: 10px;
    }

    .leftShadowBorder {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .gcList > li:nth-child(2n) {
        background: none;
    }

    .gcInputContainer {
        background: none;
    }

    #xpBarOuter {
        background-color: #1b1b1b;
    }

    #xpBarInner {
        background: xpColor !important;
        box-shadow: none;
    }

    .levelText {
        color: #e3fcff;
        /*Change Colour of text.*/
    }


    /* Legibility fix for guesses */
    .qpAvatarAnswerContainer.rightAnswer .qpAvatarAnswer {
        box-shadow: none;
        text-shadow: none;
    }

    .qpAvatarAnswerContainer.wrongAnswer .qpAvatarAnswer {
        box-shadow: none;
        text-shadow: none;
    }

    .avatarIsHostContainer {
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .avatarIsHostContainerOuter {
        position: initial;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    .qpAvatarNameContainer .avatarIsHostContainer {
        background-color: unset;
        background-image: url("https://files.catbox.moe/jizubh.png");
        transform: none;
        left: 25px;
        width: 20px;
        height: 20px;
        margin-top: 4px;
    }

    #mainMenuSocailButton {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .lobbyAvatarImgContainer {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .menuBarOptionContainer {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .menuBarMainButton {
        background-color: rgba(0, 0, 0, 0.8);
    }

    #avatarUserImgContainer {
        opacity: 0.5;
    }

    #avatarUserImgContainer:hover {
        opacity: 1.0;
    }

    .lobbyAvatarTextContainer {
        background: rgba(0, 0, 0, 0.7);
    }

    #mainMenuSocailButton,
    #avatarUserImgContainer,
    #awContentRow,
    #awMainView,
    .gcInputContainer,
    .qpSideContainer,
    .qpAnimeNameContainer,
    #qpCounter,
    #qpWaitBuffering {
        background-color: rgba(0, 0, 0, 0.4);
        background-size: 100% auto !important;
        background-attachment: fixed !important;
        background-position: 0px !important;
        box-shadow: none
    }

    #gameChatPage > .col-xs-9 {
        background-color: rgba(0, 0, 0, 0);
    }

    #gameChatContainer {
        background: rgba(0, 0, 0, 0.5);
    }

    #qpAnimeNameHider {
        background-color: #1b1b1b
    }

    #qpVideoHider {
        background-color: #1b1b1b
    }

    #qpInfoHider {
        background-color: #1b1b1b
    }

    #xpBarCoverInner {
        background-color: #1b1b1b
    }

    .qpAvatarNameContainer {
        background-color: #1b1b1b
    }

    .qpAvatarAnswerContainer {
        background-color: #1b1b1b
    }

    .rbRoom,
    .rbrRoomImageContainer {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .qpAvatarLevelText {
        background-color: #1b1b1b;
        border-radius: 1px 1px 50px 50px
    }

    .qpAvatarPointText {
        background-color: #1b1b1b;
        border-radius: 50px 50px 1px 1px
    }

    .qpAvatarNameContainer .avatarIsHostContainer {
        position: fixed;
        left: 24px;
        top: 155px;
        z-index: -1;
    }

    #mainMenuSocailButton > i {
        display: none;
    }

    #mainMenuSocailButton {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #mpPlayButton {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #mpExpandButton {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #mpDriveDonationContainer .button {
        background-color: rgba(0, 0, 0, 0.1);
    }

    #mpDriveStatsContainer {
        background-color: rgba(0, 0, 0, 0.0);
    }

    #mpAvatarDriveContainer,
    #mpAvatarDriveHeaderShadowHider .floatingContainer {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #mpNewsContainer,
    #mpNewsTitleShadowHider div {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #mpPatreonContainer .button {
        background-color: rgba(0, 0, 0, 0.5);
    }

    #awSkinPreviewContainer {
        background-color: transparent;
    }

    .lobbyAvatarNameContainer {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .qpAvatarImgContainer {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .avatarUserImgContainer {
        box-shadow: none;
    }

    #brMapContent {
        background-color: rgba(0, 0, 0, 0.5);
    }

    .brShowEntry,
    .brMapObject {
        background-color: rgba(103, 52, 173, 255);
    }

    .topMenuBar {
        background-color: transparent;
    }

    .elInputContainer {
        background: rgba(0, 0, 0, 0.5);
    }

    #xpBarCoverOuter {
        border-color: #1b1b1b
    }

    #xpBarCoverInner {
        border: none;
    }

    #lobbyCountContainer {
        background: rgba(0, 0, 0, 0.8);
    }

    #mpRankedButton {
        background: rgba(0, 0, 0, 0.5);
    }

    #mpLeaderboardButton {
        background: rgba(0, 0, 0, 0.5);
    }

    #lobbyCountContainer {
        top: -15px;
    }

    .ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
        position: absolute;
        /* please don't change 'position' */
        background-color: #faf5f5;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
        -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
        -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
        right: 2px;
        /* there must be 'right' for ps__scrollbar-y */
        width: 6px;
...

Reviews

No reviews yet.