amp by olebeck

/* ==UserStyle==
@name         amp
@version      20220127.20.57
@namespace    userstyles.world/user/olebeck
@description  amp gay
@author       olebeck
@license      No License
==/UserStyle== */

@-moz-document domain("amp2.cbps.xyz") {
:root {
    --lgbt: linear-gradient(180deg, #FE0000 16.66%,
		#FD8C00 16.66%, 33.32%,
		#FFE500 33.32%, 49.98%,
		#119F0B 49.98%, 66.64%,
		#0644B3 66.64%, 83.3%,
		#C22EDC 83.3%);
  
  --asexual: linear-gradient(180deg, #181818 25%, #A3A3A3 25%, 50%, #FFFFFF 50%, 75%, #800080 75%);
    
    --bi: linear-gradient(180deg, #D60270 40%, #9B4F96 40%, 60%, #0038A8 60%);
  
    --aromatic: linear-gradient(180deg, #39A33E 20%, #A2CF72 20%, 40%, #FFFFFF 40%, 60%, #A3A3A3 60%, 80%, #181818 80%);
  
    --nb: linear-gradient(180deg, #FFF430 25%, #FFFFFF 25%, 50%, #9C59D1 50%, 75%, #181818 75%);
  
      --trans: linear-gradient(180deg, #5BCEFA 20%, #F5A9B8 20%, 40%, #FFFFFF 40%, 60%, #F5A9B8 60%, 80%, #5BCEFA 80%);
  
    --queer: linear-gradient(180deg, #B57EDC 33.33%, #FFFFFF 33.33%, 66.66%, #4A8123 66.66%);
  
    --fluid: linear-gradient(180deg, #FF77A3 20%, #FFFFFF 20%, 40%, #BE18D6 40%, 60%, #181818 60%, 80%, #333EBD 80%);
  
    --pan: linear-gradient(180deg, #FF218C 33.33%, #FFD800 33.33%, 66.66%, #21B1FF 66.66%);
  
    --poly: linear-gradient(180deg, #F61CB9 33.33%, #07D569 33.33%, 66.66%, #1C92F6 66.66%);
  
    --neutrois: linear-gradient(180deg, #FFFFFF 33.33%, #1F9F00 33.33%, 66.66%, #181818 66.66%);
  
    --demigirl: linear-gradient(180deg, #7F7F7F 14.285%,
		#C3C3C3 14.285%, 28.57%, #FEAEC9 28.57%, 42.855%,
		#FFFFFF 42.855%, 57.14%, #FEAEC9 57.14%, 71.425%,
		#C3C3C3 71.425%, 85.71%, #7F7F7F 85.71%);
  
    --agender: linear-gradient(180deg, #181818 14.285%,
		#C3C3C3 14.285%, 28.57%, #FFFFFF 28.57%, 42.855%,
		#B8F483 42.855%, 57.14%, #FFFFFF 57.14%, 71.425%,
		#C3C3C3 71.425%, 85.71%, #181818 85.71%);
  
    --demiboy: linear-gradient(180deg, #7F7F7F 14.285%,
		#C3C3C3 14.285%, 28.57%, #9AD9EB 28.57%, 42.855%,
		#FFFFFF 42.855%, 57.14%, #9AD9EB 57.14%, 71.425%,
		#C3C3C3 71.425%, 85.71%, #7F7F7F 85.71%);
  
    --androgyne: linear-gradient(9180deg, #FE007F 33.33%, #9832FF 33.33%, 66.66%, #00B8E7 66.66%);
  
    --lesbian: linear-gradient(180deg, #A60061 14.285%,
		#B95393 14.285%, 28.57%, #D260A7 28.57%, 42.855%,
		#EDEDEB 42.855%, 57.14%, #E5ABD0 57.14%, 71.425%,
		#C74D52 71.425%, 85.71%, #8C1D00 85.71%);
  
  --philly: linear-gradient(180deg, #181818 12.5%,
		#784F17 12.5%, 25%, #FE0000 25%, 37.5%,
		#FD8C00 37.5%, 50%, #FFE500 50%, 62.5%,
		#119F0B 62.5%, 75%, #0644B3 75%, 87.5%,
		#C22EDC 87.5%);
}


@keyframes flags {
  0% {background: var(--lgbt);}
  6.25% {background: var(--asexual);}
  12.5% {background: var(--bi);}
  18.75% {background: var(--aromatic);}
  25% {background: var(--nb);}
  32.25% {background: var(--trans);}
  37.5% {background: var(--queer);}
  43.75% {background: var(--fluid);}
  50% {background: var(--pan);}
  56.25% {background: var(--poly);}
  62.5% {background: var(--neutrois);}
  68.75% {background: var(--demigirl);}
  75% {background: var(--agender);}
  81.25% {background: var(--demiboy);}
  87.5% {background: var(--androgyne);}
  93.75% {background: var(--lesbian);}
  100% {background: var(--lgbt);}
}

.all_flags {
  animation: 20s linear 0s infinite running flags;
}



/* side menu */
#sideMenuContainer {
    background: var(--lgbt);
}
#sideMenuContainer * {
    color: black !important;
}
#sideMenuContainer * > div > a > img {
    filter: brightness(0);
}

.multiMenuContainer > a:hover {
    background: var(--fluid);    
}

#sideMenu a:hover:nth-child(even) {
    background: var(--demigirl);
}

#sideMenu a:hover:nth-child(odd) {
    background: var(--demiboy);
}

.subMenuWell {
    background: var(--aromatic);
}


/* right side view */
.splitViewInfo {
    background: var(--nb);
    color: black;
}

.splitViewInfo button {
    color: black;
}



/* instances view */

.ServerGroup {
    background: var(--trans) !important;
    z-index: 1;
}

.ServerGroup > p {
    color: black;
}
.ServerGroup.Offline .ServerGroupHeader {
    background: url(https://c.tenor.com/D0dfcMsIQQMAAAAC/rainbow-puke.gif);
    background-size: contain;
    mix-blend-mode: multiply;
}

.StatusContainer {
    color: black;
}



/* main ui background */

body {
    background: var(--lesbian);
}

#barTop {
    background: var(--pan);
}

#userInfo {
    background: var(--asexual);
    color: black;
}

#updateAvailable {
    animation: 20s linear 0s infinite running flags;
}



#consoleArea {
    color: black;
}

.buttonGroup > button * {
    color: black;
}




/* instance metrics */
.DisplayMetric {
    background: var(--trans);
        backdrop-filter: opacity(0);
}

.DisplayMetric:nth-child(1) > .DisplayMetricHeader {
    background: var(--lgbt);
}

.DisplayMetric:nth-child(2) > .DisplayMetricHeader {
    background: var(--bi);
}

.DisplayMetric:nth-child(3) > .DisplayMetricHeader {
    background: var(--poly);
}

.DisplayMetric:nth-child(4) > .DisplayMetricHeader {
    background: var(--pan);
}


#loginWelcome {
    visibility: hidden;
    font-size: 0;
}

#loginWelcome::after {
    content: "AMP says trans rights";
    visibility: visible;
    font-size: xx-large;
}
}