Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 15:59, 22 May 2025 by Luke (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* 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%);
}