AMQ 20XX by adolfkun

/* ==UserStyle==
@name         AMQ 20XX
@version      20211009.15.09
@namespace    userstyles.world/user/melodyelodie
@description  A script to change the background and a darker UI for AnimeMusicQu
@author       melodyelodie
@license      CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
==/UserStyle== */

@-moz-document url-prefix("https://animemusicquiz.com/") {									  
				
										  
						   
						  
																					   
							 
							   
				   
				 
/* i really want this to be global */

/*@-moz-document domain(animemusicquiz.com)*/
/* Thank you to: Klem, Juvian, Reborn, Tsukassa and LolCats and Husa for providing a bunch of the code!*/

/* You can pretty much change any element here. Feel free to message me if you want to find a certain thing to change */

/*-MelodyElodie*/

 :root {
     
     /*color shit*/
        --windowBackground: #1b1b1bdd;
        --containerBackground: #1b1b1bcc;
        --videoBackground: #00000080;
        --answerInputBackground: #1b1b1bdd;
        --avatarBackground: rgba(0, 0, 0, .28);
        --avatarStoreAvatarBackground: #1b1b1bcc;
        --lobbyAvatarNameBackground: var(--secondaryColor);
        
        --textColor: #d9d9d9;
        --textShadowColor: #00000080;
        --boxShadowColor: #00000080;
        --borderRadius: 10px;
        
        --primaryColor: #000000b5;
        --secondaryColor: #424242;
        --accentColor: #a577bf;
        --glowColor: #f096ff;
        
        --correctAnswerColor: #ffdd75;
        --wrongAnswerColor: #d60c0cde;
        --waitingAnswerColor: #4386c7b3;
        --statusWatchingColor: #3cff4e;
        --statusCompletedColor: #7b1d8ceb;
        --statusHoldColor: #f7ff32;
        --statusDroppedColor: #ff0005;
        --statusPlanningColor: #ffffff;
        --songHistoryCorrectColor: #144314;
        --songHistoryWrongColor: #4c1111;
        --rankedChallengerColor: #0cd5f7;
     
     
    /* Change the URL in quotes to whatever you want the bg to be. */
    --test: url(https://i.imgur.com/t3u9b3R.jpeg);
    --gachaticket250: url(https://i.imgur.com/TBhsmuF.png);
    --gachaticket218: url(https://i.imgur.com/Jn2yzck.png);
    --gachaticket30: url(https://i.imgur.com/2tEt9zD.png);
    --maincurrency: url(https://i.imgur.com/cPsK1wZ.png); 
    --dupecurrency: url(https://i.imgur.com/E720Vub.png);
    --token130: url(https://i.imgur.com/5gW8QSy.png);
    --token22: url(https://i.imgur.com/Rv5Mawa.png); 
    --token30: url(https://i.imgur.com/Eo0eoGK.png);
    --bg: url(https://i.imgur.com/fP70HGV.png);
    --bgAnim: url(https://files.catbox.moe/hniycy.png)
    --bg2: url(https://i.imgur.com/OvVvDx4.png); /* isn't used */
    --loginscreenbg: url(https://i.imgur.com/fP70HGV.png);
    /* Optional: if you want a different background for chat. Phone wallpapers tend to work best. */
    --chatbg: rgba(0, 0, 0, 0.5);

}
    
    
    

    div#nexusMapContainer
    {
    opacity: 1;
        
    }
    
    
    #nexusMapStaticCanvas {
    background-image: var(--loginscreenbg);
    background-size: cover;
    /* Nexus map background */
    }
    
#startPage {
    background-image: var(--bg);
    background-size: cover;

}
#gameContainer {
    background-image: var(--bg); /* --bg is the default image */
    background-size: cover;
  
}
   
#loadingScreen {
    background-image: url(https://i.imgur.com/OvVvDx4.png);
    background-size: cover;
       filter: blur(0px);

}


#loadingScreenLoadingMessage
    {

        font-family: "mohave semibold" !important;
}
    /*
#loadingScreenLoadingMessage::before {
 content: var(--loginscreenbg);
}    */
    
#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 {
    opacity: 1;
   backdrop-filter: blur(4px);
}
#awMainView {
    background-image: var(--bg);
    background-size: cover;
}
#gameChatContainer {
    background: var(--chatbg);
}
.leftShadowBorder, #currencyContainer, #menuBarOptionContainer, #awContentRow .rightShadowBorder {
    box-shadow:none;
}
#footerMenuBar .menuBar, #rightMenuBarPartContainer::before, .gcList > li:nth-child(2n) {
    background-color: #1B1B1B30
}
#socialTab:not(.open), #optionsContainer:not(.open) {
    display:none;
}
#mainMenuSocailButton, #avatarUserImgContainer {
    border:0 !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: #1B1B1BBD;  
    
    
}
#xpBarInner {
   
    background: #563269;
    box-shadow: none;
/*Change Colour of XP bar*/
}
.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;
    filter: alpha(opacity=50);
}
#avatarUserImgContainer:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
}
.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;
}


#socialTabFriendsText{
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

#socialTabFriendsText::after {
  content: "";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

#socialTabFriendsText {
	position: relative; 
	top: 3px;
	left: 10px;
}
                                    
#socialTabFriendsText{
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

#socialTabFriendsText::after {
  content: "Friends";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}

.mmSocialButtonOnlineCountContainer {
	position: relative; 
	top: 3px;
	left: 10px;
}

.mmSocialButtonOnlineCountContainer  {
  content: "Bullies";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}
.mmSocialButtonOnlineCountContainer {
	position: relative; 
	top: -1px;
	left: 5px;
}
.mmSocialButtonOnlineCountContainer > h5 {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.mmSocialButtonOnlineCountContainer::after {
  content: "";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}


			   
				 
			   
					   
								
					   
					 
				
									   
					 
 

				  
								
					 
								
										   
					 
				
 

								   
								
 

#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...