AMQ Reborn

/* 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://i.imgur.com/FC6Sgue.jpg);
    /* Optional: if you want a different background for chat. Phone wallpapers tend to work best. */
  --chatbg: rgba(0,0,0,0.5);
}

#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);
    outline: 1px solid silver;                                       ;
}
#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: #363659
}

#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-color: #363659;
     outline: 1px solid silver;
}


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




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

#avatarUserImg {
     outline: 1px solid silver

}

#avatarUserImgContainer {
  opacity: 1;
  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, #avatarUserImgContainer, .topMenuBar, #awContentRow, #awMainView, .qpSideContainer, .qpSingleRateContainer  {
     background-color: rgba(0,0,0,0.7);
    background-size: 100% auto !important;
    background-attachment: fixed !important;
    background-position: 0px !important;
}

.qpSingleRateContainer {
  background-color: #363659
}

#mainMenuSocailButton {
    left: 0px;
    -webkit-clip-path: none;
    clip-path: none;
    height: 45px;
    width: 215px;
    background-color: #303050;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.89);
    border-top-right-radius: 0%;
    position: absolute;
    text-align: center;
    font-size: 34px;
    font-style: italic;
    color: #fff;
}
#mainMenuSocailButton::before {
    content: 'Friends';
}
#mainMenuSocailButton > i {
    display: none;
}

.menuBarMainButton:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: none;
}





/* anime name/round */

#qpAnimeNameHider, .qpAnimeNameContainer, #qpCounter {
    background-color: #363659
}

/* anime name/round */

#qpWaitBuffering {
     background-color: #363659
}

#qpVideoHider {
     background-image: url("https://i.imgur.com/xdUiNxZ.png");
     background-repeat: no-repeat;
     background-position: right bottom;
     top: 0px;
     left: 0px;
     background-size: auto;
    background-color: #363659;

}

.chatBoxContainer {

    border-right: solid 3px #363659;
    border-left: solid 3px #363659;
    border-top: solid 3px #363659;
    background-color: rgba(0,0,0,0.7);
}

.chatBox::before {
	background: #363659
}

#socialTabContainer {
     background: #363659
}

#socailTabFriends, #socialTabAll {
	background: #363659;
     outline: 1px solid silver;
}


.awesomplete > ul {
    background: #363659
}

.floatingContainer {
    background-color: #363659
}

#qpVoteState {
  background-color: #363659
}

.topRightBackButton {
     background-color: #363659
}

#qpOptionContainerHider {
     background-color: #363659;

}

#qpOptionContainer {
     background-color: #363659

}

#qpInfoHider {
    background-color: #363659;
    height: 245px;
}



.qpAvatarNameContainer {
    background-color:  #363659
}

.qpAvatarAnswerContainer {
    background-color: #363659
}

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


}

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

.qpAvatarImgContainer {
	box-shadow: 0 0 0px 0px rgb(0, 0, 0);
     outline: 1px solid gold;
	display: inline-block;
	background-color: rgba(0,0,0,0.5);
	background-size: cover;
	position: relative;
	z-index: -1;
}


/* xp assets*/

#xpBarCoverInner {
    border-top: #C0C0C0 solid;
    border-left: #C0C0C0 solid;
    border-right: #C0C0C0 solid;
     background-color: #363659
   }

#xpBarCoverOuter {
    border: solid 3px #C0C0C0;
}

#xpBackground{
    	background: #6DA8F6
}

#xpHider {
	background-color: #808080;
}

/* xp assets*/



#gcChatMenu > div {
     background: #363659;
     outline: 1px solid silver;

}









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