User:Mr Pie 5/Final Factory.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 Final Fantasy-themed skin used for Satisfactory Wiki's April Fool's day 2023.
If you would like to have Final Factory 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:Final_Factory.css&action=raw&ctype=text/css"; /*[[Mediawiki:Final_Factory.css]]

themes shamelessly stolen from finalfantasy.fandom.com

*/
/**/

.theme-fandomdesktop-dark {
	--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: #000000;
	--theme-body-background-color--rgb: 0,0,0;
	--theme-body-background-image: url(https://static.wikia.nocookie.net/finalfantasy/images/0/08/Site-background-dark/revision/latest?cb=20210602050204);
	--theme-body-text-color: #fff;
	--theme-body-text-color--rgb: 255,255,255;
	--theme-body-text-color--hover: #cccccc;
	--theme-sticky-nav-background-color: #051f40;
	--theme-sticky-nav-background-color--rgb: 5,31,64;
	--theme-sticky-nav-text-color: #fff;
	--theme-sticky-nav-text-color--hover: #cccccc;
	--theme-page-background-color: #020b16;
	--theme-page-background-color--rgb: 2,11,22;
	--theme-page-background-color--secondary: #283039;
	--theme-page-background-color--secondary--rgb: 40,48,57;
	--theme-page-text-color: #e6e6e6;
	--theme-page-text-color--rgb: 230,230,230;
	--theme-page-text-color--hover: #b3b3b3;
	--theme-page-text-mix-color: #74797e;
	--theme-page-text-mix-color-95: #0d1620;
	--theme-page-accent-mix-color: #0b3562;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #b0e0e6;
	--theme-link-color--rgb: 176,224,230;
	--theme-link-color--hover: #fdfefe;
	--theme-link-label-color: #000;
	--theme-accent-color: #145eae;
	--theme-accent-color--rgb: 20,94,174;
	--theme-accent-color--hover: #3f90e8;
	--theme-accent-label-color: #fff;
	--theme-border-color: #3b424a;
	--theme-border-color--rgb: 59,66,74;
	--theme-alert-color: #c40017;
	--theme-alert-color--rgb: 196,0,23;
	--theme-alert-color--hover: #ff2b43;
	--theme-alert-color--secondary: #f6001c;
	--theme-alert-label: #fff;
	--theme-warning-color: #cf721c;
	--theme-warning-color--rgb: 207,114,28;
	--theme-warning-color--secondary: #cf721c;
	--theme-warning-label: #000;
	--theme-success-color: #0c742f;
	--theme-success-color--rgb: 12,116,47;
	--theme-success-color--secondary: #0e8f3a;
	--theme-success-label: #fff;
	--theme-message-color: #944085;
	--theme-message-label: #fff;
	--theme-community-header-color: #ffffff;
	--theme-community-header-color--hover: #cccccc;
	--theme-background-image-opacity: 100%;
	--theme-page-text-opacity-factor: 0.7;
	--theme-body-text-opacity-factor: 0.7;
	--theme-link-decoration: underline;
}

.theme-fandomdesktop-light {
	--theme-body-dynamic-color-1: #000;
	--theme-body-dynamic-color-1--rgb: 0,0,0;
	--theme-body-dynamic-color-2: #3a3a3a;
	--theme-body-dynamic-color-2--rgb: 58,58,58;
	--theme-page-dynamic-color-1: #000;
	--theme-page-dynamic-color-1--rgb: 0,0,0;
	--theme-page-dynamic-color-1--inverted: #fff;
	--theme-page-dynamic-color-1--inverted--rgb: 255,255,255;
	--theme-page-dynamic-color-2: #3a3a3a;
	--theme-page-dynamic-color-2--rgb: 58,58,58;
	--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: #fff;
	--theme-link-dynamic-color-1--rgb: 255,255,255;
	--theme-link-dynamic-color-2: #e6e6e6;
	--theme-link-dynamic-color-2--rgb: 230,230,230;
	--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: #fafafa;
	--theme-body-background-color--rgb: 250,250,250;
	--theme-body-background-image: url(https://static.wikia.nocookie.net/finalfantasy/images/b/b5/Site-background-light/revision/latest?cb=20221202210213);
	--theme-body-text-color: #000;
	--theme-body-text-color--rgb: 0,0,0;
	--theme-body-text-color--hover: #333333;
	--theme-sticky-nav-background-color: #367c95;
	--theme-sticky-nav-background-color--rgb: 54,124,149;
	--theme-sticky-nav-text-color: #fff;
	--theme-sticky-nav-text-color--hover: #cccccc;
	--theme-page-background-color: #ffffff;
	--theme-page-background-color--rgb: 255,255,255;
	--theme-page-background-color--secondary: #f2f2f2;
	--theme-page-background-color--secondary--rgb: 242,242,242;
	--theme-page-text-color: #3a3a3a;
	--theme-page-text-color--rgb: 58,58,58;
	--theme-page-text-color--hover: #6d6d6d;
	--theme-page-text-mix-color: #9d9d9d;
	--theme-page-text-mix-color-95: #f5f5f5;
	--theme-page-accent-mix-color: #9bbeca;
	--theme-page-headings-font: 'Rubik';
	--theme-link-color: #056466;
	--theme-link-color--rgb: 5,100,102;
	--theme-link-color--hover: #000404;
	--theme-link-label-color: #fff;
	--theme-accent-color: #367c95;
	--theme-accent-color--rgb: 54,124,149;
	--theme-accent-color--hover: #68afc8;
	--theme-accent-label-color: #fff;
	--theme-border-color: #cecece;
	--theme-border-color--rgb: 206,206,206;
	--theme-alert-color: #bf0017;
	--theme-alert-color--rgb: 191,0,23;
	--theme-alert-color--hover: #59000a;
	--theme-alert-color--secondary: #bf0017;
	--theme-alert-label: #fff;
	--theme-warning-color: #cf721c;
	--theme-warning-color--rgb: 207,114,28;
	--theme-warning-color--secondary: #ce711b;
	--theme-warning-label: #000;
	--theme-success-color: #0c742f;
	--theme-success-color--rgb: 12,116,47;
	--theme-success-color--secondary: #0c742f;
	--theme-success-label: #fff;
	--theme-message-color: #753369;
	--theme-message-label: #fff;
	--theme-community-header-color: #0e191a;
	--theme-community-header-color--hover: #31585c;
	--theme-background-image-opacity: 100%;
	--theme-page-text-opacity-factor: 0.85;
	--theme-body-text-opacity-factor: 0.85;
	--theme-link-decoration: none;
}

.fandom-community-header__background {
	background-position: 50%;
	background-size: cover;
}

.fandom-community-header__background::before {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(var(--theme-body-background-color--rgb),0)),to(var(--theme-body-background-color)));
	background-image: linear-gradient(to bottom,rgba(var(--theme-body-background-color--rgb),0) 25%,var(--theme-body-background-color));
	bottom: 0;
	content: "";
	display: block;
	height: var(--header-background-image-height);
	position: absolute;
	width: 100%;
	z-index: -1;
}

.fandom-community-header__image {
  background-image: url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/9/9f/Final_Factory_Wiki.png/revision/latest?format=original); /* [[File:Final Factory Wiki.png]] */
  background-size:contain;
  background-repeat: no-repeat;
}

.fandom-community-header__image img {
  opacity:0;
}

.fandom-community-header__community-name {
  font-size:0;
}

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

.fandom-sticky-header__sitename {
  font-size:0;
}

.fandom-sticky-header__sitename::before {
  content:"Final Factory Wiki";
  font-size:16px;
}

.page-Satisfactory h1#firstHeading,
.page-Satisfactory .portable-infobox .pi-title {
  font-size:0;
}

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

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

.theme-fandomdesktop-light .main-container {
  background:none;
}
Retrieved from "https://satisfactory.wiki.gg/index.php?title=User:Mr_Pie_5/Final_Factory.css&oldid=44374"