Elodie AMQ Iwami Manaka & Hasegawa Ikumi Edition by chrislefko

/* ==UserStyle==
@name         Elodie V9 (Iwami Manaka & Hasegawa Ikumi Edition)
@version      20230709.14.24
@namespace    userstyles.world/user/chrislefko
@description  Perfect AnimeMusicQuiz themes modifications for World Dai Star fans.
@author       chrislefko
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         Elodie's AMQ Script V9
@version      20230317.19.42
@namespace    userstyles.world/user/melodyelodie
@description  A script to change the background and a darker UI for AnimeMusicQuiz
@author       melodyelodie
@license      CC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
==/UserStyle== */

@-moz-document url-prefix("https://animemusicquiz.com/") {
/* ==UserStyle==
@name           Elodie's AMQ Script V8.4.4
@namespace      USO Archive
@author         Elodie Dow
@description    `A script to change the background and a darker UI for AnimeMusicQuiz.`
@version        20210819.15.1
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
==/UserStyle== */
/* 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 {
    /* Change the URL in quotes to whatever you want the bg to be - THIS IS FOR STANDARD AMQ. */
    --bg: url(https://i.imgur.com/kgxM7tX.jpg);
    /* Change the URL in quotes to whatever you want the bg to be - THIS IS FOR NEXUS. */
    --chatbg: #62584e;
}
#startPage {
    background-image: var(--bg);
    background-size: cover;
}
#gameContainer {
    background-image: var(--bg);
    background-size: cover;
}
#loadingScreen {
    background-image: var(--bg);
    background-size: cover;
}
#gameChatPage > .col-xs-9 {
    background: #62584e;
}
#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;
}

.gamePage  {
    background-image: var(--bg);
    background-size: cover;
}


#nexusMapIconOverlay {
    z-index: 10;
}
    
#footerMenuBarBackground {
    background: transparent;
}
#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: #1b1b1b
}
#socialTab:not(.open), #optionsContainer:not(.open) {
    display:none;
}
#mainMenuSocailButton, #avatarUserImgContainer {
    border:none !important;
}
    
.awesomplete > ul {
    background: #000000e3;
}
    
#rbMajorFilters {
    background-color: #62584e;
    padding-left: 10px;
}
.leftShadowBorder {
    box-shadow: none;
    -webkit-box-shadow: none;
}
.gcList > li:nth-child(2n) {
    background: none;
}
.gcInputContainer {
    background: none;
}
#xpBarOuter {    
    background-color: #9d8c7a;
    
}
#xpBarInner {
	background: #62584e;
    box-shadow: none;
/*Change Colour of XP bar*/
}
.levelText {
    color: #1d0056c2;
    font-weight: bold;
/*Change Colour of text.*/
}

#qpUpvoteContainer {
    width: calc(20% + 6px);
    margin-left: -12px;
    box-shadow: none;
}

.qpSingleRateContainer {
    background-color: rgba(0, 0, 0, 0.0);
    box-shadow: none;
}


/* 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;
}

/*Change Host Colour*/
.lobbyAvatarHostSubTextContainer {
    background-color: #62584e;
}


#qpOptionContainer {
    z-index: 10;
    box-shadow: none;
}

#mainMenuSocailButton {
    background-color: #62584ea8;
}

.gmsModeDescription {
    background: linear-gradient(#62584e 0%, #00000087 50%, #6d6d6d00 100%);
}


.gmsModeContainer:hover {
    background-color: rgba(0, 0, 0, 0.6)
}

.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);
}

/*Song History*/

.floatingWindow {
    background-color: #4d453de6;
}

a {
    text-decoration: none !important;
    color: #ffffff;
}

a:hover {
    color: #fff;
}

.shGameTitleInner {
    background-color: #62584e;
}


.close {
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
}

#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: #62584e
}
#qpVideoHider {
    background-color: #62584e
}
#qpInfoHider {
    background-color: #62584e00
}
#xpBarCoverInner {
    background-color: #62584e
}
.qpAvatarNameContainer {
    background-color: #62584e
}
.qpAvatarAnswerContainer {
    background-color: #433c35
}
.rbRoom, .rbrRoomImageContainer {
    background-color: rgba(0, 0, 0, 0.5);
}

.qpAvatarLevelText {
    background-color: #62584e;
    border-radius: 1px 1px 50px 50px
                                
}
.qpAvatarPointText {
    background-color: #62584e;
    border-radius: 50px 50px 1px 1px
}
.qpAvatarNameContainer .avatarIsHostContainer {
    position: fixed;
    left: 24px;
    top: 155px;
    z-index: -1;
}

.qpLiftContainer {
    position: absolute;
    z-index: 1;
}


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

#socialTabFriendsText::after {
  content: "Bullies";
  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: "Bullies";
  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: "Bullies Players";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}


.stPlayerName {
    height: 100%;
    width: 90%;
    margin-left: -11px;
    background-color: #1b1b1b00;
    position: relative;
    padding-top: 2px;
    float: left;
    border-bottom: #4242425c 1px solid;
    overflow: hidden;
}

.menuBar .popOut {
    background-color: #000000d9;
    box-shadow: none;
    transform: translateY(105%);
    transition: transform 0.6s ease-in-out;
    overflow: hidden;
    z-index: -1;
}

.socialTabPlayerEntry.profileOpen {
    background-color: #ffffff40;
}

#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: #62584e;
}

.qpLiftContainer {
    position: absolute;
    right: -10px;
    height: 70%;
    top: 25px;
    z-index: 1;
}

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