MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Saira&family=Saira+Condensed:wght@400;700&family=Saira+Extra+Condensed:wght@400;700&display=swap');


/* Default gun slideshow template. Centers slideshow & limits width */
.gun-slideshow {
position: relative; 
margin: 0 auto; 
max-width: 1250px; 
height: 1%;
}

/* Stops infobox from overwriting text */
h3 { overflow: visible; }

/* Changes background & textbody color Commented out to prevent issues for now */
/* #content { background-color: #1D1A20; color: #F1F2F4;}  */
/* #bodyContent { background-color: #1D1A20; color: #F1F2F4;} */
/* #mw-panel { background-color: #1D1A20;color: #F1F2F4;} */
/* #toc { background-color: #1D1A20;color: #F1F2F4;} */

.scroll-gallery {
    margin-top: 10px;
    display: flex !important;
    overflow: auto;
}


/*
FOR THE SOUND TEMPLATE
*/
.client-js .sound {
  cursor: pointer;
}
.client-js .sound audio {
  /* hide the default HTML audio player */
  display: none;
}
.client-js .sound.iconlast .sound-title::after, .client-js .sound.iconfirst .sound-title::before {
  /* speaker icon */
  content: "";
  display: inline-block;
  width: 1.143em;
  height: 1.143em;
  vertical-align: text-top;
  background: url(https://commons.wiki.gg/images/3/36/Audio.svg);
  background-size: contain;
  filter: invert(1);
}
.client-js .sound .sound-title::after {
  /* for sound.iconlast */
  margin-left: 2px;
}
.client-js .sound .sound-title::before {
  /* for sound.iconfirst */
  margin-right: 2px;
}
.client-js .sound.sound-playing .sound-title::after, .client-js .sound.sound-playing .sound-title::before {
  /* color the speaker icon in the "progressive" color */
  filter: invert(80%) sepia(71%) saturate(618%) hue-rotate(332deg) brightness(97%) contrast(99%);
}