MediaWiki:Factorio.css

From Satisfactory Wiki
Jump to navigation Jump to search

In other languages: Deutsch • Français

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

  • Google Chrome / Microsoft Edge / Opera: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
/*
This is a blatant ripoff of the Factorio Wiki's (https://wiki.factorio.com/) skin for the Satisfactory Wiki's April Fool's 2022.
All styles and designs in this stylesheet should be considered as copied from that wiki.
If you would like to have Factorio year-round, visit [[Special:MyPage/Common.css]] while logged in and add the following line to the top of the page:
@import "/index.php?title=MediaWiki:Factorio.css&action=raw&ctype=text/css"; /*[[Mediawiki:Factorio.css]]*/

/**/
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

/*
apply this to the body to override :root
Making a light theme for this wouldn't work well for the joke, so we just use this for both light and dark.
It's only for 1 day, so not a big deal.
*/

body {
	--theme-body-dynamic-color-1: #fff;
	--theme-body-dynamic-color-1--rgb: 255,255,255;
	--theme-body-dynamic-color-2: #e6e6e6;
	--theme-body-dynamic-color-2--rgb: 230,230,230;
	--theme-page-dynamic-color-1: #fff;
	--theme-page-dynamic-color-1--rgb: 255,255,255;
	--theme-page-dynamic-color-1--inverted: #000;
	--theme-page-dynamic-color-1--inverted--rgb: 0,0,0;
	--theme-page-dynamic-color-2: #e6e6e6;
	--theme-page-dynamic-color-2--rgb: 230,230,230;
	--theme-sticky-nav-dynamic-color-1: #fff;
	--theme-sticky-nav-dynamic-color-1--rgb: 255,255,255;
	--theme-sticky-nav-dynamic-color-2: #e6e6e6;
	--theme-sticky-nav-dynamic-color-2--rgb: 230,230,230;
	--theme-link-dynamic-color-1: #000;
	--theme-link-dynamic-color-1--rgb: 0,0,0;
	--theme-link-dynamic-color-2: #3a3a3a;
	--theme-link-dynamic-color-2--rgb: 58,58,58;
	--theme-accent-dynamic-color-1: #fff;
	--theme-accent-dynamic-color-1--rgb: 255,255,255;
	--theme-accent-dynamic-color-2: #e6e6e6;
	--theme-accent-dynamic-color-2--rgb: 230,230,230;
	--theme-body-background-color: #2a2a2a;
	--theme-body-background-color--rgb: 42,42,42;
	--theme-body-background-image: url();
	--theme-body-text-color: #fff;
	--theme-body-text-color--rgb: 255,255,255;
	--theme-body-text-color--hover: #cccccc;
	--theme-sticky-nav-background-color: #151515;
	--theme-sticky-nav-background-color--rgb: 21,21,21;
	--theme-sticky-nav-text-color: #fff;
	--theme-sticky-nav-text-color--hover: #cccccc;
	--theme-page-background-color: #333333;
	--theme-page-background-color--rgb: 51,51,51;
	--theme-page-background-color--secondary: #525252;
	--theme-page-background-color--secondary--rgb: 82,82,82;
	--theme-page-text-color: #c1c1c1;
	--theme-page-text-color--rgb: 230,230,230;
	--theme-page-text-color--hover: #b3b3b3;
	--theme-page-text-mix-color: #8d8d8d;
	--theme-page-text-mix-color-95: #3c3c3c;
	--theme-page-accent-mix-color: #404040;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #e69100;
	--theme-link-color--rgb: 230,145,0;
	--theme-link-color--hover: #ffbd4d;
	--theme-link-label-color: #000;
	--theme-accent-color: #4c4c4c;
	--theme-accent-color--rgb: 76,76,76;
	--theme-accent-color--hover: #7f7f7f;
	--theme-accent-label-color: #fff;
	--theme-border-color: #606060;
	--theme-border-color--rgb: 96,96,96;
	--theme-alert-color: #fc001e;
	--theme-alert-color--rgb: 252,0,30;
	--theme-alert-color--hover: #ff6375;
	--theme-alert-label: #000;
	--theme-warning-color: #cf721c;
	--theme-warning-color--rgb: 207,114,28;
	--theme-warning-label: #000;
	--theme-success-color: #0f943c;
	--theme-success-color--rgb: 15,148,60;
	--theme-success-label: #000;
	--theme-message-color: #b95ea8;
	--theme-message-label: #000;
	--theme-community-header-color: #e69100;
	--theme-community-header-color--hover: #7f5000;
	--theme-background-image-opacity: 100%;
	--theme-page-text-opacity-factor: 0.7;
	--theme-body-text-opacity-factor: 0.7;
}

/* override syntax highlighting on light */
body .mw-highlight {
	--pygments-background: #525252;
	--pygments-err: #fe8e8e;
	--pygments-c: #75baba;
	--pygments-k: #00cc00;
	--pygments-o: #afafaf;
	--pygments-ch: #75baba;
	--pygments-cm: #75baba;
	--pygments-cp: #f49e00;
	--pygments-cpf: #75baba;
	--pygments-c1: #75baba;
	--pygments-cs: #75baba;
	--pygments-gd: #ff9090;
	--pygments-gr: #fe8e8e;
	--pygments-gh: #a8a8ff;
	--pygments-gi: #00cd00;
	--pygments-go: #aeaeae;
	--pygments-gp: #a8a8ff;
	--pygments-gu: #ff7aff;
	--pygments-gt: #8baefe;
	--pygments-kc: #00cc00;
	--pygments-kd: #00cc00;
	--pygments-kn: #00cc00;
	--pygments-kp: #00cc00;
	--pygments-kr: #00cc00;
	--pygments-kt: #fe8cb6;
	--pygments-m: #afafaf;
	--pygments-s: #ed9b9b;
	--pygments-na: #a2bb35;
	--pygments-nb: #00cc00;
	--pygments-nc: #a8a8fe;
	--pygments-no: #ff8d8d;
	--pygments-nd: #d797ff;
	--pygments-ni: #afafaf;
	--pygments-ne: #e79d99;
	--pygments-nf: #a8a8fe;
	--pygments-nl: #b4b400;
	--pygments-nn: #a8a8fe;
	--pygments-nt: #00cc00;
	--pygments-nv: #a9a8ee;
	--pygments-ow: #d797ff;
	--pygments-w: #bbb;
	--pygments-mb: #afafaf;
	--pygments-mf: #afafaf;
	--pygments-mh: #afafaf;
	--pygments-mi: #afafaf;
	--pygments-mo: #afafaf;
	--pygments-sa: #ed9b9b;
	--pygments-sb: #ed9b9b;
	--pygments-sc: #ed9b9b;
	--pygments-dl: #ed9b9b;
	--pygments-sd: #ed9b9b;
	--pygments-s2: #ed9b9b;
	--pygments-se: #e39f69;
	--pygments-sh: #ed9b9b;
	--pygments-si: #d5a2b6;
	--pygments-sx: #00cc00;
	--pygments-sr: #d5a2b6;
	--pygments-s1: #ed9b9b;
	--pygments-ss: #a9a8ee;
	--pygments-bp: #00cc00;
	--pygments-fm: #a8a8fe;
	--pygments-vc: #a9a8ee;
	--pygments-vg: #a9a8ee;
	--pygments-vi: #a9a8ee;
	--pygments-vm: #a9a8ee;
	--pygments-il: #afafaf;
}

/* Replace the wiki logo */
.fandom-community-header__image {
  background-image: url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/0/0e/Factorio_wiki_logo.png/revision/latest); /* [[File:Factorio wiki logo.png]] */
  background-size:contain;
  background-repeat: no-repeat;
  width:100px;
}

.fandom-community-header__image img {
  width:100px;
  opacity:0;
}
/**/

/* Replace the wiki name */
.fandom-community-header__community-name {
  font-size:0;
}

.fandom-community-header__community-name::before {
  content:"Factorio Wiki";
  font-size:24px;
}

.official-wiki-badge {
  display:none;
}
/**/

h1#firstHeading {
  color:#ffe6c0;
  font-family: 'Titillium Web', var(--theme-page-headings-font), sans-serif;
}

h1#firstHeading,
.page-content h2 {
  border-bottom:1px solid #a2a9b1;
}

/* Replace the main page and Satisfactory page titles */
.page-Satisfactory h1#firstHeading,
.page-Satisfactory .portable-infobox .pi-title,
.page-Satisfactory_Wiki h1#firstHeading{
  font-size:0;
}

.page-Satisfactory h1#firstHeading::before,
.page-Satisfactory .pi-title::before {
  content:"Factorio";
  font-size:36px;
}

.page-Satisfactory_Wiki h1#firstHeading::before {
  content:"Factorio Wiki";
  font-size:36px;
}

.page-Satisfactory .pi-title::before {
  font-size:18px;
}
/**/

/* Front page adjustments, copied from Factorio Wiki */
body .fpbox {
	background: #242324;
	border: none;
	box-shadow: inset 0 0 2px 2px #141314,-1px -1px 2px 1px #2a292a,2px 2px 3px 0px #656565;
	border-radius: 0px;
	padding-bottom: 15px;
}

body .fpHeader {
	background: none;
	box-shadow: none;
	border-radius: 0;
}

body .fpHeader::before,
body .fpHeader::after{
  display:none;
}

body .fpHeaderText {
	font-family: "Titillium Web",sans-serif;
	color: #ffe6c0;
	background: none;
	background-clip: unset;
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	z-index: 0;
}
/**/

/* This is intended to change "Satisfactory Links" in the navigation to "Factorio Link"
This will likely need adjustment if the order or content of the top-level tabs is changd */
.wds-tabs > .wds-dropdown:nth-child(4) .first-level-item span {
  font-size:0;
}

.wds-tabs > .wds-dropdown:nth-child(4) .first-level-item span::before {
  content:"Factorio Links";
  font-size:12px;
}
Retrieved from "https://satisfactory.wiki.gg/index.php?title=MediaWiki:Factorio.css&oldid=23096"