// ==UserScript==
// @name         AMQ Background script
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Adds custom background to amq. Tried to include as many selectors as possible, so remove the ones where you prefer to have original background
// @author       Juvian
// @match        https://animemusicquiz.com/*
// @grant        none
// @require      https://gist.githubusercontent.com/arantius/3123124/raw/grant-none-shim.js

// ==/UserScript==


GM_addStyle(`


/* Thank you to: Klem, Juvian and LolCats 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. */
  --bg: url(https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-588045.jpg);
    /* Optional: if you want a different background for chat. Phone wallpapers tend to work best. */
  --chatbg: rgba(0,0,0,0.7);
}


#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-image: var(--bg);
  background-size: cover;
}
#gcGameChatButton{
    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: rgba(0,0,0,0.7);
}
#awMainView {
 background-image: var(--bg);
  background-size: cover;
}

#gameChatContainer {
	background: var(--chatbg);
}

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

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

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

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

#optionsContainer li {
    background-color:#424242 !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;
}
#xpBarCoverInner{
    background: #1b1b1b
}
#xpBackground{
    	background: #ff6095
}
#xpBackground{
    	border: #ff6095
}
/* Legibility fix for guesses */
.qpAvatarAnswerContainer.rightAnswer .qpAvatarAnswer {
    box-shadow: none;
	text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;
}
.qpAvatarAnswerContainer.wrongAnswer .qpAvatarAnswer {
    box-shadow: none;
	text-shadow: 0 0 20px #FF9996, 0 0 30px #FF4A44, 0 0 40px #FF4A44, 0 0 50px #FF4A44 !important;
}

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

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

#gameContainer, #gameChatPage > .col-xs-9, #mainMenuSocailButton, #avatarUserImgContainer, .topMenuBar, #awContentRow, #awMainView, .gcInputContainer, .qpSideContainer, .qpAnimeNameContainer, #qpCounter, #qpWaitBuffering  {
     background-color: rgba(0,0,0,0.7);
    background-size: 100% auto !important;
    background-attachment: fixed !important;
    background-position: 0px !important;
}

#qpAnimeNameHider {
    background-color: #1b1b1b
}

#qpVideoHider {
    background-color: #1b1b1b
}

#qpInfoHider {
    background-color: #1b1b1b
}

#xpBarCoverInner {
    background-color: #1b1b1b
}

.qpAvatarNameContainer {
    background-color:  #1b1b1b
}

.qpAvatarAnswerContainer {
    background-color: #1b1b1b
}

#gameContainer >.col-xs-9, #rbRoomContainer .rbrRoomImageContainer{
    background-color:rgba(0, 0, 0, 0.3)
}
`)