User:Mr Pie 5/Final Factory.css

/* 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); /* */ 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; }