Girls' Frontline (少女前线) themed AMQ userstyle
AMQ 20XX by adolfkun
Details
Authoradolfkun
LicenseCC BY-NC-SA
Categoryanimemusicquiz.com, animemusicquiz, AMQ, userstyles
Created
Updated
Size48 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
!!! FONT DOWNLOAD LINK !!!
!!! https://files.catbox.moe/z99h7f.7z !!! (Install and restart your browser)
Fonts: Mohave Semibold, Noto Sans
Animated Background(16:9 default, 21:9 link in comment): https://files.catbox.moe/i7vuzg.js (remove "--bg" from #gameContainer)
Image Previews: https://imgur.com/a/ZL9x0T7
If you find an important bug or want to ask something message me in discord: neochen#0810
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==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);
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);
}
#awSkinPreviewContainer {...