For All Mankind Wiki

Hi Bob! Find your place in the universe and leave your legacy. Join Helios today as your destiny awaits.

  • This wiki contains spoilers for all published episodes.
  • This wiki is designed for dark mode.
    For best experience please consider switching mode.

READ MORE

For All Mankind Wiki
For All Mankind Wiki
For All Mankind Wiki
820
pages
in: Documentations, Help, Project articles, CSS
For All Mankind Wiki
Help page

Fandom core CSS

Edit source
For All Mankind Wiki
Coding Help
Icon-help
•
•

This page contains links to the full Fandom css rules as loaded on a typical For All Mankind Wiki page, for reference purposes.

Full Fandom core CSS code

Notes

  • This code will change over time with Fandom updating it for new features or bugfixes.
  • The code was retrieved from the article Solar System.
  • The code (i.e. the modules loaded) may or may not be different depending on from what page it is retrieved.
  • Both the MediaWiki software and the syntaxhighlight extension struggle to display the over 10,000 lines of code without some serious lagging. Therefore, the codes are stored externally on pastebin.com. It can be viewed online, including syntaxhighlight and line numbering.

Code / Versions

General info
Retrieved on 2025-11-24
Length 12,069 lines
347,409 characters
Weight 347 kb (unminified)
292 kb (minified)
Code
  • Fandom CSS 2025-11-24 on pastebin.com
  • This code was retrieved from the following URL: Link show raw link text
Modules
The code contains the following modules: show/hide
  • ext.cite.styles
  • ext.fandom.ArticleInterlang.css
  • ext.fandom.CreatePage.css
  • ext.fandom.GlobalComponents.CommunityHeader.css
  • ext.fandom.GlobalComponents.CommunityHeaderBackground.css
  • ext.fandom.GlobalComponents.CommunityNavigation.css
  • ext.fandom.GlobalComponents.GlobalComponentsTheme.dark.css
  • ext.fandom.GlobalComponents.GlobalExploreNavigation.css
  • ext.fandom.GlobalComponents.GlobalFooter.css
  • ext.fandom.GlobalComponents.GlobalNavigationTheme.dark.css
  • ext.fandom.GlobalComponents.GlobalTopNavigation.css
  • ext.fandom.GlobalComponents.StickyNavigation.css
  • ext.fandom.HighlightToAction.css
  • ext.fandom.PortableInfoboxFandomDesktop.css
  • ext.fandom.SuggestedPages.css
  • ext.fandom.Thumbnails.css
  • ext.fandom.ThumbnailsViewImage.css
  • ext.fandom.Uncrawlable.css
  • ext.fandom.ae.odyssey.noads.css
  • ext.fandom.bannerNotifications.desktop.css
  • ext.fandom.quickBar.css
  • ext.fandom.sitenotice.desktop.css
  • ext.fandomVideo.css
  • ext.staffSig.css
  • ext.visualEditor.desktopArticleTarget.noscript
  • skin.fandomdesktop.CargoTables-ext.css
  • skin.fandomdesktop.Math.css
  • skin.fandomdesktop.rail.css
  • skin.fandomdesktop.rail.recentActivity.css
  • skin.fandomdesktop.styles
  • vendor.tippy.css

General info
Retrieved on 2024-08-09
Length 9,470 lines
265,185 characters
Weight 265 kb (unminified)
222 kb (minified)
Code
Modules
The code contains the following modules: show/hide
  • ext.cite.styles
  • ext.fandom.ArticleInterlang.css
  • ext.fandom.CreatePage.css
  • ext.fandom.FandomEmbedVideo.css
  • ext.fandom.GlobalComponents.CommunityHeader.css
  • ext.fandom.GlobalComponents.CommunityHeaderBackground.css
  • ext.fandom.GlobalComponents.GlobalComponentsTheme.dark.css
  • ext.fandom.GlobalComponents.GlobalFooter.css
  • ext.fandom.GlobalComponents.GlobalNavigation.css
  • ext.fandom.GlobalComponents.GlobalNavigationTheme.dark.css
  • ext.fandom.GlobalComponents.StickyNavigation.css
  • ext.fandom.HighlightToAction.css
  • ext.fandom.PortableInfoboxFandomDesktop.css
  • ext.fandom.Thumbnails.css
  • ext.fandom.ThumbnailsViewImage.css
  • ext.fandom.Uncrawlable.css
  • ext.fandom.bannerNotifications.desktop.css
  • ext.fandom.quickBar.css
  • ext.fandom.sitenotice.desktop.css
  • ext.fandomVideo.css
  • ext.staffSig.css
  • ext.visualEditor.desktopArticleTarget.noscript
  • skin.fandomdesktop.CargoTables-* ext.css
  • skin.fandomdesktop.FanFeed.css
  • skin.fandomdesktop.Math.css
  • skin.fandomdesktop.rail.css
  • skin.fandomdesktop.rail.recentActivity.css
  • skin.fandomdesktop.styles
  • vendor.tippy.css

CSS variables definitions

  • These are loaded separately after all other css is loaded.
  • There are two different sets of definitions, depending on the color mode.
  • These are from 2024-08-09, representing the wiki's FAM season 4 layout. Nothing has changed since then as of Nov. 2025.

show/hide variables 

:root {
    --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: #000;
    --theme-accent-dynamic-color-1--rgb: 0, 0, 0;
    --theme-accent-dynamic-color-2: #3a3a3a;
    --theme-accent-dynamic-color-2--rgb: 58, 58, 58;
    --theme-body-background-color: #070707;
    --theme-body-background-color--rgb: 7, 7, 7;
    --theme-body-background-image: none;
    --theme-body-background-image-full: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest?cb=20231013022836);
    --theme-body-background-image-desktop: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/1280?cb=20231013022836);
    --theme-body-background-image-large-desktop: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/1500?cb=20231013022836);
    --theme-body-background-image-mobile: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/600?cb=20231013022836);
    --theme-body-background-image-mobile-2x: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/1200?cb=20231013022836);
    --theme-body-background-image-tablets: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/1024?cb=20231013022836);
    --theme-body-background-image-tablets-2x: url(https://static.wikia.nocookie.net/for-all-mankind/images/0/08/Site-background-dark/revision/latest/scale-to-width-down/2048?cb=20231013022836);
    --theme-body-text-color: #fff;
    --theme-body-text-color--rgb: 255, 255, 255;
    --theme-body-text-color--hover: #cccccc;
    --theme-sticky-nav-background-color: #2b2b2a;
    --theme-sticky-nav-background-color--rgb: 43, 43, 42;
    --theme-sticky-nav-text-color: #fff;
    --theme-sticky-nav-text-color--hover: #cccccc;
    --theme-page-background-color: #070707;
    --theme-page-background-color--rgb: 7, 7, 7;
    --theme-page-background-color--secondary: #2c2c2c;
    --theme-page-background-color--secondary--rgb: 44, 44, 44;
    --theme-page-text-color: #e6e6e6;
    --theme-page-text-color--rgb: 230, 230, 230;
    --theme-page-text-color--hover: #b3b3b3;
    --theme-page-text-mix-color: #777777;
    --theme-page-text-mix-color-95: #121212;
    --theme-page-accent-mix-color: #6b5822;
    --theme-page-headings-font: "Rubik";
    --theme-link-color: #d5b356;
    --theme-link-color--rgb: 213, 179, 86;
    --theme-link-color--hover: #e9d7a7;
    --theme-link-label-color: #000;
    --theme-accent-color: #cfa93d;
    --theme-accent-color--rgb: 207, 169, 61;
    --theme-accent-color--hover: #856b20;
    --theme-accent-label-color: #000;
    --theme-border-color: #3f3f3f;
    --theme-border-color--rgb: 63, 63, 63;
    --theme-alert-color: #c40017;
    --theme-alert-color--rgb: 196, 0, 23;
    --theme-alert-color--hover: #ff2b43;
    --theme-alert-color--secondary: #f1001c;
    --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: #0e8b38;
    --theme-success-label: #fff;
    --theme-message-color: #913f82;
    --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: none;
}
.skin-fandomdesktop .CodeMirror,
.skin-fandomdesktop .cm-editor {
    --codemirror-yellow: #ffd700;
    --codemirror-light-blue: #adf;
    --codemirror-blue: #08f;
    --codemirror-green: #290;
    --codemirror-red: #f50;
    --codemirror-dark-red: #bc1212;
    --codemirror-purple: #9200db;
    --codemirror-pink: #e0e;
    --codemirror-light-gray: #eee;
    --codemirror-gray: #84a0a0;
}
.mw-highlight {
    --pygments-background: #2c2c2c;
    --pygments-err: #ff0505;
    --pygments-c: #468d8d;
    --pygments-k: #009900;
    --pygments-o: #828282;
    --pygments-ch: #468d8d;
    --pygments-cm: #468d8d;
    --pygments-cp: #bc7a00;
    --pygments-cpf: #468d8d;
    --pygments-c1: #468d8d;
    --pygments-cs: #468d8d;
    --pygments-gd: #ff0707;
    --pygments-gr: #ff0505;
    --pygments-gh: #7070ff;
    --pygments-gi: #00a000;
    --pygments-go: #888;
    --pygments-gp: #7070ff;
    --pygments-gu: #e500e5;
    --pygments-gt: #3e7afe;
    --pygments-kc: #009900;
    --pygments-kd: #009900;
    --pygments-kn: #009900;
    --pygments-kp: #009900;
    --pygments-kr: #009900;
    --pygments-kt: #fc005b;
    --pygments-m: #828282;
    --pygments-s: #df4d4d;
    --pygments-na: #7d9029;
    --pygments-nb: #009900;
    --pygments-nc: #7070fe;
    --pygments-no: #ff0303;
    --pygments-nd: #b745ff;
    --pygments-ni: #999;
    --pygments-ne: #d6554e;
    --pygments-nf: #7070fe;
    --pygments-nl: #a0a000;
    --pygments-nn: #7070fe;
    --pygments-nt: #009900;
    --pygments-nv: #7674e5;
    --pygments-ow: #b745ff;
    --pygments-w: #bbb;
    --pygments-mb: #828282;
    --pygments-mf: #828282;
    --pygments-mh: #828282;
    --pygments-mi: #828282;
    --pygments-mo: #828282;
    --pygments-sa: #df4d4d;
    --pygments-sb: #df4d4d;
    --pygments-sc: #df4d4d;
    --pygments-dl: #df4d4d;
    --pygments-sd: #df4d4d;
    --pygments-s2: #df4d4d;
    --pygments-se: #c36a23;
    --pygments-sh: #df4d4d;
    --pygments-si: #b68;
    --pygments-sx: #009900;
    --pygments-sr: #b68;
    --pygments-s1: #df4d4d;
    --pygments-ss: #7674e5;
    --pygments-bp: #009900;
    --pygments-fm: #7070fe;
    --pygments-vc: #7674e5;
    --pygments-vg: #7674e5;
    --pygments-vi: #7674e5;
    --pygments-vm: #7674e5;
    --pygments-il: #828282;
}


:root {
    --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: #d0a68e;
    --theme-body-background-color--rgb: 208, 166, 142;
    --theme-body-background-image: none;
    --theme-body-background-image-full: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest?cb=20231013022914);
    --theme-body-background-image-desktop: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1280?cb=20231013022914);
    --theme-body-background-image-large-desktop: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1500?cb=20231013022914);
    --theme-body-background-image-mobile: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/600?cb=20231013022914);
    --theme-body-background-image-mobile-2x: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1200?cb=20231013022914);
    --theme-body-background-image-tablets: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/1024?cb=20231013022914);
    --theme-body-background-image-tablets-2x: url(https://static.wikia.nocookie.net/for-all-mankind/images/b/b5/Site-background-light/revision/latest/scale-to-width-down/2048?cb=20231013022914);
    --theme-body-text-color: #000;
    --theme-body-text-color--rgb: 0, 0, 0;
    --theme-body-text-color--hover: #333333;
    --theme-sticky-nav-background-color: #c4361e;
    --theme-sticky-nav-background-color--rgb: 196, 54, 30;
    --theme-sticky-nav-text-color: #fff;
    --theme-sticky-nav-text-color--hover: #cccccc;
    --theme-page-background-color: #d0a68e;
    --theme-page-background-color--rgb: 208, 166, 142;
    --theme-page-background-color--secondary: #c69e87;
    --theme-page-background-color--secondary--rgb: 198, 158, 135;
    --theme-page-text-color: #3a3a3a;
    --theme-page-text-color--rgb: 58, 58, 58;
    --theme-page-text-color--hover: #6d6d6d;
    --theme-page-text-mix-color: #857064;
    --theme-page-text-mix-color-95: #c9a18a;
    --theme-page-accent-mix-color: #bd6b54;
    --theme-page-headings-font: "Rubik";
    --theme-link-color: #792212;
    --theme-link-color--rgb: 121, 34, 18;
    --theme-link-color--hover: #200904;
    --theme-link-label-color: #fff;
    --theme-accent-color: #a92f1a;
    --theme-accent-color--rgb: 169, 47, 26;
    --theme-accent-color--hover: #e25d46;
    --theme-accent-label-color: #fff;
    --theme-border-color: #ab8b79;
    --theme-border-color--rgb: 171, 139, 121;
    --theme-alert-color: #b40015;
    --theme-alert-color--rgb: 180, 0, 21;
    --theme-alert-color--hover: #4d0009;
    --theme-alert-color--secondary: #a90013;
    --theme-alert-label: #fff;
    --theme-warning-color: #874a12;
    --theme-warning-color--rgb: 135, 74, 18;
    --theme-warning-color--secondary: #7d4510;
    --theme-warning-label: #fff;
    --theme-success-color: #0a6629;
    --theme-success-color--rgb: 10, 102, 41;
    --theme-success-color--secondary: #096127;
    --theme-success-label: #fff;
    --theme-message-color: #753369;
    --theme-message-label: #fff;
    --theme-community-header-color: #f0f0f0;
    --theme-community-header-color--hover: #ffffff;
    --theme-background-image-opacity: 100%;
    --theme-page-text-opacity-factor: 0.85;
    --theme-body-text-opacity-factor: 0.85;
    --theme-link-decoration: underline;
}
.skin-fandomdesktop .CodeMirror,
.skin-fandomdesktop .cm-editor {
    --codemirror-yellow: #655500;
    --codemirror-light-blue: #005c9a;
    --codemirror-blue: #0059a8;
    --codemirror-green: #166500;
    --codemirror-red: #9e3400;
    --codemirror-dark-red: #a11;
    --codemirror-purple: #80c;
    --codemirror-pink: #a100a1;
    --codemirror-light-gray: #5a5a5a;
    --codemirror-gray: #475c5c;
}
.mw-highlight {
    --pygments-background: #c79e88;
    --pygments-err: #9e0000;
    --pygments-c: #295353;
    --pygments-k: #005700;
    --pygments-o: #4c4c4c;
    --pygments-ch: #295353;
    --pygments-cm: #295353;
    --pygments-cp: #6a4500;
    --pygments-cpf: #295353;
    --pygments-c1: #295353;
    --pygments-cs: #295353;
    --pygments-gd: #9f0000;
    --pygments-gr: #9e0000;
    --pygments-gh: #000080;
    --pygments-gi: #005800;
    --pygments-go: #4a4a4a;
    --pygments-gp: #000080;
    --pygments-gu: #800080;
    --pygments-gt: #003cc3;
    --pygments-kc: #005700;
    --pygments-kd: #005700;
    --pygments-kn: #005700;
    --pygments-kp: #005700;
    --pygments-kr: #005700;
    --pygments-kt: #9b0038;
    --pygments-m: #4c4c4c;
    --pygments-s: #931a1a;
    --pygments-na: #455016;
    --pygments-nb: #005700;
    --pygments-nc: #00f;
    --pygments-no: #800;
    --pygments-nd: #7300ba;
    --pygments-ni: #4c4c4c;
    --pygments-ne: #8f2520;
    --pygments-nf: #00f;
    --pygments-nl: #4e4e00;
    --pygments-nn: #00f;
    --pygments-nt: #005700;
    --pygments-nv: #19177c;
    --pygments-ow: #7300ba;
    --pygments-w: #4a4a4a;
    --pygments-mb: #4c4c4c;
    --pygments-mf: #4c4c4c;
    --pygments-mh: #4c4c4c;
    --pygments-mi: #4c4c4c;
    --pygments-mo: #4c4c4c;
    --pygments-sa: #931a1a;
    --pygments-sb: #931a1a;
    --pygments-sc: #931a1a;
    --pygments-dl: #931a1a;
    --pygments-sd: #931a1a;
    --pygments-s2: #931a1a;
    --pygments-se: #713d14;
    --pygments-sh: #931a1a;
    --pygments-si: #7a3651;
    --pygments-sx: #005700;
    --pygments-sr: #7a3651;
    --pygments-s1: #931a1a;
    --pygments-ss: #19177c;
    --pygments-bp: #005700;
    --pygments-fm: #00f;
    --pygments-vc: #19177c;
    --pygments-vg: #19177c;
    --pygments-vi: #19177c;
    --pygments-vm: #19177c;
    --pygments-il: #4c4c4c;
}

See also

Community content is available under CC-BY-SA unless otherwise noted.