A script to change the background and a darker UI for AnimeMusicQuiz
AMQ Script by ephilias
Details
Authorephilias
LicenseCC BY-NC-SA - Creative Commons Attribution-NonCommercial-ShareAlike
Categoryhttps://animemusicquiz.com/
Created
Updated
Size35 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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 Elodie's AMQ Script ☾ Midnight ☽
@version 20230106.17.17
@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 ☾ Midnight ☽
@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://media.discordapp.net/attachments/345728961122271233/1071559784177860714/yuri-Jahad-tower-of-god_5120x2880.jpg);
/* Change the URL in quotes to whatever you want the bg to be - THIS IS FOR NEXUS. */
--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: 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;
}
.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: #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: #910a0a;
box-shadow: none;
/*Change Colour of XP bar*/
}
.levelText {
color: #e3fcff;
/*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;
}
#qpOptionContainer {
z-index: 10;
box-shadow: none;
}
#mainMenuSocailButton {
background-color: rgba(0, 0, 0, 0.7);
}
.gmsModeDescription {
background: linear-gradient(#563269 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);
}
#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: "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: rgba(103, 52, 173);
}
.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-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;
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...