9Reborn

AMQ Style

Apr 20th, 2019
45
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 5.41 KB | None | 0 0
  1. /* Thank you to: Klem, Juvian and LolCats for providing a bunch of the code*/
  2. /* You can pretty much change any element here. Feel free to message me if you want to find a certain thing to change */
  3. /*-MelodyElodie*/
  4.  
  5.  
  6. :root {
  7.     /* Change the URL in quotes to whatever you want the bg to be. */
  8.   --bg: url(https://files.catbox.moe/j7oexe.png);
  9.     /* Optional: if you want a different background for chat. Phone wallpapers tend to work best. */
  10.   --chatbg: rgba(0,0,0,0.5);
  11. }
  12.  
  13. #startPage {
  14.  background-image: var(--bg);
  15.  background-size: cover;
  16. }
  17.  
  18. #gameContainer {
  19.  background-image: var(--bg);
  20.  background-size: cover;
  21. }
  22.  
  23. #loadingScreen {
  24.  background-image: var(--bg);
  25.  background-size: cover;
  26. }
  27.  
  28. #gameChatPage > .col-xs-9 {
  29.  background-image: var(--bg);
  30.   background-size: cover;
  31. }
  32. #gcGameChatButton{
  33.     color: #ffffff;
  34.     box-shadow: none;
  35.     text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;
  36.    
  37. }
  38. #footerMenuBarBackground{
  39.     background: rgba(0,0,0,0.7);
  40.     outline: 1px solid silver;                                       ;
  41. }
  42. #awMainView {
  43.  background-image: var(--bg);
  44.   background-size: cover;
  45. }
  46.  
  47. #gameChatContainer {
  48.     background: var(--chatbg);
  49. }
  50.  
  51. .leftShadowBorder, #currencyContainer, #menuBarOptionContainer, #awContentRow .rightShadowBorder {
  52.     box-shadow:none;
  53. }
  54.  
  55. #footerMenuBar .menuBar, #optionsContainer.popOut, #rightMenuBarPartContainer::before, .gcList > li:nth-child(2n) {
  56.     background-color: #363659
  57. }
  58.  
  59. #socialTab:not(.open), #optionsContainer:not(.open) {
  60.     display:none;
  61. }
  62.  
  63. #mainMenuSocailButton, #avatarUserImgContainer {
  64.     border:none !important;
  65. }
  66.  
  67. #optionsContainer li {
  68.     background-color:#424242 !important;
  69. }
  70.  
  71. #rbMajorFilters {
  72.     background-color: #1b1b1b;
  73.     padding-left: 10px;
  74. }
  75.  
  76.  
  77. .leftShadowBorder {
  78.     box-shadow: none;
  79.     -webkit-box-shadow: none;
  80. }
  81.  
  82. .gcList > li:nth-child(2n) {
  83. background: none;
  84. }
  85.  
  86. .gcInputContainer {
  87.      background-color: #363659;
  88.      outline: 1px solid silver;
  89. }
  90.  
  91.  
  92. /* Legibility fix for guesses */
  93. .qpAvatarAnswerContainer.rightAnswer .qpAvatarAnswer {
  94.     box-shadow: none;
  95.     text-shadow: 0 0 20px #96FF96, 0 0 30px #66FF66, 0 0 40px #66FF66, 0 0 50px #66FF66 !important;
  96. }
  97. .qpAvatarAnswerContainer.wrongAnswer .qpAvatarAnswer {
  98.     box-shadow: none;
  99.     text-shadow: 0 0 20px #FF9996, 0 0 30px #FF4A44, 0 0 40px #FF4A44, 0 0 50px #FF4A44 !important;
  100. }
  101.  
  102. .avatarIsHostContainer {
  103.     box-shadow: none;
  104.     -webkit-box-shadow: none;
  105. }
  106.  
  107. .avatarIsHostContainerOuter {
  108.     position: initial;
  109.     box-shadow: none;
  110.     -webkit-box-shadow: none;
  111. }
  112.  
  113. .qpAvatarNameContainer .avatarIsHostContainer {
  114.     background-color: unset;
  115.     background-image: url("https://files.catbox.moe/jizubh.png");
  116.     transform: none;
  117.     left: 25px;
  118.     width: 20px;
  119.     height: 20px;
  120.     margin-top: 4px;
  121. }
  122.  
  123.  
  124. #mainMenuSocailButton {
  125.     background-color: rgba(0,0,0,0.7);
  126. }
  127.  
  128. .lobbyAvatarImgContainer {
  129.     background-color: rgba(0,0,0,0.7);
  130. }
  131. .menuBarOptionContainer {
  132.     background-color: rgba(0,0,0,0.7);
  133. }
  134.  
  135. #avatarUserImg {
  136.      outline: 1px solid silver
  137.      
  138. }
  139.  
  140. #avatarUserImgContainer {
  141.   opacity: 1;
  142.   filter: alpha(opacity=50);
  143. }
  144.  
  145. #avatarUserImgContainer:hover {
  146.   opacity: 1.0;
  147.   filter: alpha(opacity=100);
  148. }
  149. .lobbyAvatarTextContainer {
  150.     background: rgba(0,0,0,0.7);
  151. }
  152.  
  153. #gameContainer, #gameChatPage > .col-xs-9, #avatarUserImgContainer, .topMenuBar, #awContentRow, #awMainView, .qpSideContainer, .qpAnimeNameContainer, #qpCounter, #qpWaitBuffering, .qpSingleRateContainer  {
  154.      background-color: #363659;
  155.     background-size: 100% auto !important;
  156.     background-attachment: fixed !important;
  157.     background-position: 0px !important;
  158. }
  159.  
  160. #qpAnimeNameHider {
  161.     background-color: #363659
  162. }
  163.  
  164. #qpVideoHider {
  165.      background-image: url("https://i.imgur.com/xdUiNxZ.png");
  166.      background-repeat: no-repeat;
  167.      background-position: right bottom;
  168.      top: 3px;
  169.      left: 3px;
  170.      background-size: auto;
  171.     background-color: #363659;
  172.                                              
  173. }
  174.  
  175. .topRightBackButton {
  176.      background-color: #363659
  177. }
  178.  
  179. #qpOptionContainerHider {
  180.      background-color: #363659;
  181.  
  182. }
  183.  
  184. #qpOptionContainer {
  185.      background-color: #363659
  186.      
  187. }
  188.  
  189. #qpInfoHider {
  190.     background-color: #363659
  191. }
  192.  
  193. #xpBarCoverInner {
  194.     background-color: #363659
  195. }
  196.  
  197. .qpAvatarNameContainer {
  198.     background-color:  #363659
  199. }
  200.  
  201. .qpAvatarAnswerContainer {
  202.     background-color: #363659
  203. }
  204.  
  205. .qpAvatarLevelText {
  206.     background-color: #363659;
  207.     border-radius: 1px 1px 50px 50px;
  208.    
  209.                                              
  210. }
  211.  
  212. .qpAvatarPointText {
  213.    background-color: #363659;
  214.     border-radius: 50px 50px 1px 1px
  215. }
  216.  
  217. .qpAvatarImgContainer {
  218.     box-shadow: 0 0 0px 0px rgb(0, 0, 0);
  219.      outline: 1px solid gold;
  220.     display: inline-block;
  221.     background-color: rgba(0,0,0,0.5);
  222.     background-size: cover;
  223.     position: relative;
  224.     z-index: -1;
  225. }
  226.  
  227.  
  228. #xpBarCoverInner {
  229.     border-top: #C0C0C0 solid;
  230.     border-left: #C0C0C0 solid;
  231.     border-right: #C0C0C0 solid;
  232.    }
  233.  
  234. #xpBarCoverOuter {
  235.     border: solid 3px #C0C0C0;
  236. }
  237.  
  238. #xpBackground{
  239.         background: #6DA8F6
  240. }
  241.  
  242. #xpHider {
  243.     background-color: #808080;
  244. }
  245.  
  246.  
  247. #gcChatMenu > div {
  248.      background: #363659;
  249.      outline: 1px solid silver;
  250.      
  251. }
  252.  
  253.  
  254.  
  255.  
  256.  
  257.  
  258.  
  259. #gameContainer >.col-xs-9, #rbRoomContainer .rbrRoomImageContainer{
  260.     background-color:rgba(0, 0, 0, 0.3)
  261. }
Add Comment
Please, Sign In to add comment