MediaWiki:Common.css

From Plague Inc. Wiki
Jump to navigation Jump to search

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)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/***** CSS placed here will be applied to all skins on the entire site. *****/
@import url('https://fonts.googleapis.com/css?family=Manrope|Courgette|Press+Start+2P');
@import url("/index.php?title=MediaWiki:Theme-Plague.css&action=raw&ctype=text/css");
@import url("/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css");

/* Code Snippets */
.CodeSample {
  display: inline-flex;
  width: fit-content;
  padding: 2px;
  margin: 1px 1px;
}

/* Theme Toggle Icon */
body header#wikigg-header #p-personal li#pt-themes > .ext-themetoggle-simple-icon {
  background: url(https://plagueinc.wiki.gg/images/thumb/c/c0/CureInfoIcon.png/20px-CureInfoIcon.png) center center no-repeat;
}

/* Tables Icons */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort {
  background-image: url('https://plagueinc.wiki.gg/images/d/da/Icon-sort-both.svg');
}

.jquery-tablesorter th.headerSortUp {
  background-image: url('https://plagueinc.wiki.gg/images/b/b3/Icon-sort-up.svg');
}

.jquery-tablesorter th.headerSortDown {
  background-image: url('https://plagueinc.wiki.gg/images/9/9c/Icon-sort-down.svg');
}

.nowrap {
  white-space: nowrap;
}

/* Font Change */
body {
  font-family: Manrope !important;
  color: white !important;
}

/* Visual Editor (See https://www.mediawiki.org/wiki/VisualEditor/Portal for more info) */
/* Visual Editor Position "Fixes" */
.ve-init-mw-desktopArticleTarget {
  display: flow-root;
}

.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
  position: fixed;
  top: 35px;
  border-top: 0;
}

.oo-ui-toolbar-bar {
  left: 0 !important;
  right: 0 !important;
}

.ve-ui-toolbar {
    position: sticky;
    top: 35px;
    z-index: 10;
}

.ve-ui-toolbar .oo-ui-toolbar-bar {
    position: static;
}

.ve-ui-targetWidget > .ve-init-target-visual > .ve-ui-toolbar {
  top: 0 !important;
}

/* Article Color */

/* Neurax Worm (Orange) */
a[href="/wiki/Neurax_Worm"] { color: #fd7604 !important; }

/* Necroa Virus (Dark Red) */
a[href="/wiki/Necroa_Virus"] { color: #f00 !important; }

/* Simian Flu (Yellow) */
a[href="/wiki/Simian_Flu"] { color: #e0ff00 !important; }

/* Shadow Plague (Purple) */
a[href="/wiki/Shadow_Plague"] { color: #d621ff !important; }

/* Cure Mode (Cyan) */
a[href="/wiki/Cure_Mode"] { color: #7ce7ff !important; }

/* Other */
a.mw-userlink[href$="/wiki/User:DigitalSeb01"] {
  font-family: 'Courgette';
  background: -webkit-linear-gradient(#8ba4cd,#4b64a7,#9bbdd8,#aaaaaa);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

a.mw-userlink[href$="/wiki/User:NeuraxBOT_GG"] {
  font-family: 'Press Start 2P';
  font-size: 10px;
  color: #00a173;
}

/* Traits Tables */
.infotable {
  margin-inline: auto;
  min-width: 64%;
  text-align: center;
}

/* Article Report */
.mw-indicator {
  border: 1px solid gray;
  padding: 4px;
  color: #e19810;
  font-size: 11px;
}

/* Mobile Images */
@media screen and (max-width: 720px) {
.thumb {
  width: fit-content !important;
}

.thumb > div > a > img {
  max-width: 300px !important;
  height: 5%;
}

.infotable {
    width: 100%;
    display: block;
    overflow-x: auto;
    overflow-y: auto;
}

#mw-panel {
	display: none;
}

.content-wrapper {
  margin-right: 0;
  margin-left: 0;
}
    #p-search {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(2rem + 0px);
    margin-left: 0;
    margin-right: 0;
  }

  .vector-search-box form {
    margin: 0.5rem 0;
  }

  #simpleSearch {
    width: calc(100vw - 10px - 0px);
  }

  #p-namespaces {
  display: none;
}

#p-views {
  display: none;
}

#p-cactions {
  display: none;
}

.gallerybox {
  width: unset !important;
}

.gallerybox > div {
  width: unset !important;
}
}