MediaWiki:Common.css

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 on the entire site. *****/
@import url("/index.php?title=MediaWiki:Theme.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Chat.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Username.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Notice.css&action=raw&ctype=text/css");
/* Old, to fix later */
@import url("/index.php?title=MediaWiki:Item.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Recipe.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Icons.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Theme2.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Obtain.css&action=raw&ctype=text/css");

:root {
  --font-family-base: "Century Gothic", "Avenir Next", Avenir, "Trebuchet MS",
    system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --theme-body-background-image: url("https://cdn.growtopiawiki.com/uploads/9/9a/Site-background-dark.png");
  --scrollbar-thumb-color: #FFFFFF;
  --scrollbar-background-color: #0b181c;
  --gtw-background: linear-gradient(#113133,#1f5559);
  --gtw-landscape: url("https://cdn.growtopiawiki.com/uploads/7/7f/ThemeNight.png");

  --color-surface-0: #062629;
  --color-surface-1: #042124;
  --color-surface-2: #0f393d; 
  --color-primary: #007782;
  --color-link: #72d2db;

  /* Optional: make text feel less “dead” in dark mode */
  --color-base: #ffffff;
  --color-base--subtle: rgba(255,255,255,.50);
}

#msupload-container { display: none; }
/* Search Autocomplete thumbnails */
.cdx-thumbnail__image {
    background-color: transparent;
}
/** gallery image size **/
ul.gallery.mw-gallery-nolines li.gallerybox .thumb {
  width:150px;
  height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
ul.gallery.mw-gallery-nolines li.gallerybox .thumb img {
  max-width:150px;
  max-height:150px;
  width:auto;
  height:auto;
  object-fit:contain;
}