MediaWiki:Common.css: Unterschied zwischen den Versionen

Hilfe

Aktuelle Version vom 30. Januar 2026, 08:03 Uhr

/* Font drip */ 
@font-face {
  font-family: DTM-Mono;
  src: url("/resources/fonts/DTM-Mono.otf");
}

@font-face {
  font-family: DTM-Sans;--theme-page-background-color--secondary
  src: url("/resources/fonts/DTM-Sans.otf");
}

@font-face {
  font-family: Futura;
  src: url("/resources/fonts/Futura-CondensedLight.otf");
}

.font-dtm-mono, .font-dtm-mono * {
  font-family: DTM-Mono, Arial, Helvetica, sans-serif;
}

.font-dtm-sans, .font-dtm-sans * {
  font-family: DTM-Sans, Arial, Helvetica, sans-serif;
}

/* Root var colors */
body {
  --theme-body-dynamic-color-1: #fff;
  --theme-body-dynamic-color-2: #e6e6e6;
  --theme-page-dynamic-color-1: #000;
  --theme-page-dynamic-color-1--inverted: #fff;
  --theme-page-dynamic-color-2: #3a3a3a;
  --theme-sticky-nav-dynamic-color-1: #fff;
  --theme-sticky-nav-dynamic-color-2: #e6e6e6;
  --theme-link-dynamic-color-1: #fff;
  --theme-link-dynamic-color-2: #e6e6e6;
  --theme-accent-dynamic-color-1: #fff;
  --theme-accent-dynamic-color-2: #e6e6e6;
  --theme-body-background-color: #090b0f;
  --theme-body-text-color: #000;
  --theme-body-text-color--hover: #ccc;
  --theme-sticky-nav-background-color: #182e44;
  --theme-sticky-nav-text-color: #fff;
  --theme-sticky-nav-text-color--hover: #ccc;
  --theme-page-background-color: #feffff;
  --theme-page-background-color--secondary: #e6f4fa; /* light blue */
  --theme-page-background-color--tertiary: #bfd2df; /* medium blue */
  --theme-page-background-color--quaternary: #e1f2f5; /* light blue */
  --theme-page-background-color--quinary: #95b4ca; /* dark blue */
  --theme-page-background-color--aceiary: #D1EBF2; /* medium teal blue */
  --theme-page-background-color--light: #f9f9f9; /* almost white */
  --theme-page-background-color--yellow: #f9f9f9; /* almost white */
  --theme-page-background-color--secondarymod: #d2d8e9; /* mods namespace bg, backup:d9ead3 */
  --theme-page-background-color--secondarycom: #d9ead3; /* community namespace bg, backup:faf1d9 */
  --theme-page-background-color--secondaryres: #e4e9d2; /* resources namespace bg, backup:fce5cd */
  --theme-page-background-color--secondaryifw: #d8d2e9; /* falloutwiki namespace bg, backup:d9d2e9 */
  --theme-page-background-color--secondaryovv: #d2d8e9; /* overview namespace bg */
  --theme-page-background-color--gray: #ddd;
  --theme-page-text-color: #3a3a3a;
  --theme-page-text-color--hover: #6d6d6d;
  --theme-page-text-mix-color: #9c9d9d;
  --theme-page-text-mix-color-95: #f4f5f5;
  --theme-page-accent-mix-color: #8f9598;
  --theme-page-headings-font: "Work Sans";
  --theme-link-color: #36b;
  --theme-link-color--hover: #36b;
  --theme-link-label-color: #fff;
  --theme-accent-color: #202a30;
  --theme-accent-color--hover: #485f6d;
  --theme-accent-label-color: #fff;
  --theme-border-color: #939393;
  --theme-border-color-test: #4d6464;
  --theme-alert-color: #bf0017;
  --theme-alert-color--hover: #59000a;
  --theme-alert-color--secondary: #bf0017;
  --theme-alert-label: #fff;
  --theme-warning-color: #cf721c;
  --theme-warning-color--secondary: #ce711b;
  --theme-warning-label: #000;
  --theme-success-color: #0c742f;
  --theme-success-color--secondary: #0c742f;
  --theme-success-label: #fff;
  --theme-message-color: #753369;
  --theme-message-label: #fff;
  --theme-community-header-color: #fff;
  --theme-community-header-color--hover: #fff;
  --theme-background-image-opacity: 76%;
  --theme-page-text-opacity-factor: 0.85;
  --theme-body-text-opacity-factor: 0.7;
  --theme-link-color--visited: #36b;
  --theme-link-color--external: #36b;
  --theme-border-color-alt: #818181;
  --theme-directionbox-color: #E8F3F0;
  --ace-background-color: #e4f0f6;
  --ace-text-color: #2a2a2a;
  --ace-table-background-color: #e6f4fa;
  --ace-table-text-color: #000;
  --ace-table-heading-background-color: #e5cb69;
  --theme-accent-dynamic-color-3: #e3df65;
  --theme-widget-background: none;
  --theme-horizontal-nav-background-color: #D1EEEE;
  --theme-source-text-border-top-color: #2B4563;
  --theme-source-text-background-color: #F8FFF5;
  --theme-containerTem-background-color: #37535f;
  --theme-page-toc-background-color: #f8f9fa;
  --theme-page-containerTem-content-background-color: #FAFAFA;
  --theme-nav-simple-border-top-color: #2B4563;
  --theme-nav-simple-background-color: #F8FFF5;
  --theme-nav-background-color--headermod: #d1e8ff; /* mods namespace header bg, blue */
  --theme-nav-background-color--headercom: #a9c7ee; /* community namespace headerbg, teal */
  --theme-nav-background-color--headerres: #96A5C2; /* resources namespace headerbg, blurple */
  --theme-nav-background-color--headerifw: #e8d1ff; /* falloutwiki namespace header bg, purple */
  --theme-nav-background-color--headeruser: #d1ffd1; /* user namespace header bg, mint */
  --theme-nav-background-color--headerovv: #d1e8ff; /* portal header bg, pale blue */
  --theme-nav-background-color--navbars: #e5cb69; /* naviganavbarstion bars */
  --theme-page-background-color--k8quinary: #446b86; 
  --theme-page-background-color--k8secondary: #e6f4fa; 
  --theme-page-background-color--k8tertiary: #bfd2df; 
  --theme-page-background-color--k8test: #5586a8; 
  --theme-nav-affiliate-background-color: #f0f4f8;
  --theme-nav-affiliate-header-font-color: #fafafa;
  --theme-top-nav-background-color: #daefe8;
  --theme-top-nav-border-top-color: #303c4c;
  --theme-top-nav-background-color-ovv: #daefe8;
  --theme-top-nav-border-top-color-ovv: #303c4c;
  --theme-craftingbox-color: #e7ca6c;
  
  --theme-search-tab-current-background-color: var(--theme-page-background-color--aceiary);
  --theme-search-tab-current-text-color: var(--theme-body-text-color);
  
  --theme-ace-new-page-templates-header-text-color: #b08f26;
	
}

/* ################################################################ */
/* ###                                                          ### */
/* ###            ADD CODE TO THE APPROPRIATE SECTION.          ### */
/* ###               SEE TABLE OF CONTENTS BELOW.               ### */
/* ###                                                          ### */
/* ### CSS added to this file is applied to the entire site.    ### */
/* ### Note that Kate Aces is the coolest.                      ### */
/* ###                                                          ### */
/* ################################################################ */

/* ############################################ */
/* ### OVERRIDE COLORS IN EDITOR NOTICE IN  ### */
/* ###  DARK MODE. Valid as of Mar 13 2022  ### */
/* ###     Edit a page. This is the help    ### */
/* ###         text box at the top          ### */
/* ###            User:Eckserah             ### */
/* ############################################ */
.smw-editpage-help {
  background: var(--theme-page-background-color--secondary);
}

/* ############################################ */
/* ###       OVERRIDE SOME COLORS ON        ### */
/* ###       IMAGE PAGES IN DARK MODE.      ### */
/* ###       Valid as of Mar 13 2022        ### */
/* ###            User:Eckserah             ### */
/* ############################################ */

#filetoc {
  background-color: var(--theme-page-background-color--secondary);
}

.mw_metadata th,
.mw_metadata td {
  background-color: var(--theme-page-background-color--secondary);
}

/* ############################################ */
/* ###           Link colors                ### */
/* ###          User:Eckserah               ### */
/* ############################################ */

#mw-content a:not(.new){
	color: var(--theme-link-color);
}

#content a:visited {
    color: var(--theme-link-color--visited);
}

/* ############################################ */
/* ###  OVERRIDE COLORS FOR INPUT ELEMENTS  ### */
/* ###             IN DARK MODE             ### */
/* ###       Valid as of Mar 13 2022        ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

/* #content input,
#content select {
  background: var(--theme-page-background-color--secondary);
  color: var(--theme-page-text-color);
  border-color: var(--theme-border-color);
}

#content input:hover {
  background: var(--theme-page-background-color--ternary);
  color: var(--theme-page-text-color);
  border-color: var(--theme-border-color);
}

#content textarea {
  background: var(--theme-page-background-color--secondary);
  color: var(--theme-page-text-color);
  border-color: var(--theme-border-color);
} */

/* ############################################ */
/* ### OVERRIDE CORRECT COLOR OF CARET IN   ### */
/* ### VISUAL EDITOR IN DARK MODE           ### */
/* ############################################ */

.CodeMirror-cursor {
  border-left-color: var(--theme-page-text-color);
}

/* ########################################################################## */
/* ### BASE STYLE                                                         ### */
/* ### Style relating to basic MediaWiki elements.                        ### */
/* ########################################################################## */

/* ############################################ */
/* ### THEME COLORS                         ### */
/* ############################################ */

/* Smaller text for <references> tag */
.references {
  font-size: 11px;
  line-height: 16px;
}

/* Links */
#content a {
  /* Color transition does not work well on :visited links, so disable. */
  transition: none;
}

#content a:visited {
  color: var(--theme-link-color--visited);
}

#content .external {
  color: var(--theme-link-color--external);
}

#content .new {
  color: var(--theme-alert-color);
}

#content .new:hover {
  color: var(--theme-alert-color-hover);
}

/* <code> and <pre>, but not for source editor */
body:not(.theme-dark) #content code:not(.CodeMirror-line),
body:not(.theme-dark) #content pre:not(.CodeMirror-line) {
  background-color: var(--theme-page-background-color--secondary);
}

#content pre:not(.CodeMirror-line) {
  border: 1px dashed var(--theme-border-color);
}

/* Enforce bullet points in collapsibles */
.mw-collapsible ul > li,
.va-table ul > li,
.ace-table ul > li {
  list-style: disc;
}

/* ################################################# */
/* ### TABLES - DEPRECIATED PLEASE USE ACE-TABLE ### */
/* ################################################# */

.va-table {
  background: var(--theme-page-background-color--secondary);
  border-collapse: collapse;
  empty-cells: show;
  font-size: 12px;
  line-height: 16.5px;
  margin-bottom: 5px;
  border-radius: 12px;
}

.va-table td,
.va-table th {
  border: 1px solid var(--theme-border-color);
  padding: 1px 2px;
  background: transparent;
}

.va-table tr {
  background: var(--theme-page-background-color--secondary);
}

.va-table th {
  background: var(--theme-page-background-color--quinary);
  color: var(--theme-page-text-color);
  font-weight: bold;
}

.va-table-collapse .collapseButton {
  margin-left: 10px !important;
  position: absolute;
  color: var(--theme-accent-dynamic-color-3);
}

.va-table > tr.va-table-highlight,
.va-table > * > tr.va-table-highlight {
  background: var(--theme-page-background-color--tertiary);
}

/* Tables with specific vertical alignment for cells */
.va-table-top td {
  vertical-align: top;
}

.va-table-middle td {
  vertical-align: middle;
}

.va-table-bottom td {
  vertical-align: bottom;
}

/* Tables with specific horizontal alignment for cells */
.va-table-center td {
  text-align: center;
}

.va-table-left td {
  text-align: left;
}

.va-table-right td {
  text-align: right;
}

/* Tables which are full width in Oasis */
.va-table-full {
  width: 100%;
}

/* Tables in which the first column starts with an icon */
.va-table-icon tr td:first-child {
  padding-left: 18px;
  text-indent: -18px;
}

.va-table-full-ib,
.va-table-full-infobox {
  width: 380px;
}

.va-table-shaded tr:nth-child(even) {
  background-color: var(--theme-page-background-color--aceiary);
}

/* Adapting lists & paragraphs to altered line-height */
.va-table ul,
.va-table ol {
  margin: 0 0 0 20px;
}

.va-table ul > li {
  line-height: inherit;
}

.va-table p {
  line-height: inherit;
  margin: 0;
}

.va-table ul + p,
.va-table ul + ol,
.va-table ul + ul,
.va-table ol + p,
.va-table ol + ol,
.va-table ol + ul,
.va-table p + p,
.va-table p + ol,
.va-table p + ul {
  margin-top: 5px;
}

/* ############################################ */
/* ###       Table row highlight style      ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

tr.row-highlight, .ace-table tr.row-highlight, .ace-table tr.row-highlight td {
  background: var(--theme-page-background-color--aceiary) !important;
}

tr.row-highlight td {
  border: 1px double var(--theme-border-color-alt) !important;
}
/* ############################################ */
/* ###           ♠  ACE TABLE  ♠            ### */
/* ############################################ */

.ace-table {
  /*background: var(--ace-table-heading-background-color);
  border-collapse: collapse;*/
  empty-cells: show;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 10px;
  /*border-radius: 14px;*/
  border-spacing: 0;
  border-color: var(--theme-border-color);
  border-width: 1px 0 0 1px;
  border-style: solid;
}

.ace-table td,
.ace-table th {
  border-color: var(--theme-border-color);
  border-width: 0 1px 1px 0;
  border-style: solid;
  padding: 5px;
  background: transparent;
}

.ace-table tr {
  background: var(--ace-table-background-color);
}

.ace-table th {
  background: var(--theme-page-background-color--quinary);
  color: var(--theme-page-text-color);
  font-weight: bold;
}

.ace-table-collapse .collapseButton {
  margin-left: 10px !important;
  position: absolute;
  color: var(--theme-accent-dynamic-color-3) !important;
}

.ace-table > tr.ace-table-highlight,
.ace-table > * > tr.ace-table-highlight {
  background: var(--theme-page-background-color--aceiary) !important;
}
/*
.ace-table > * > tr > td {
  background-color: var(--ace-table-background-color);
  color: var(--ace-table-text-color);
}
*/
.ace-table > * > tr > th {
  background-color: var(--ace-table-heading-background-color);
  color: var(--ace-table-text-color);
  padding: 2px;
}

.ace-table ul + p,
.ace-table ul + ol,
.ace-table ul + ul,
.ace-table ol + p,
.ace-table ol + ol,
.ace-table ol + ul,
.ace-table p + p,
.ace-table p + ol,
.ace-table p + ul {
  margin-top: 5px;
}

/* Tables with specific vertical alignment for cells */
.ace-table-top td {
  vertical-align: top;
}

.ace-table-middle td {
  vertical-align: middle;
}

.ace-table-bottom td {
  vertical-align: bottom;
}

/* Tables with specific horizontal alignment for cells */
.ace-table-center td {
  text-align: center;
}

.ace-table-left td {
  text-align: left;
}

.ace-table-right td {
  text-align: right;
}

/* Tables which are full width in Oasis */
.ace-table-full,
.ace-table.full {
  width: 100%;
}

/* Tables in which the first column starts with an icon */
.ace-table-icon tr td:first-child {
  padding-left: 18px;
  text-indent: -18px;
}

.ace-table-full-ib,
.ace-table-full-infobox {
  width: 380px;
}

.ace-table-shaded tr:nth-child(even) {
  background-color: var(--theme-page-background-color--aceiary);
}

/* Adapting lists & paragraphs to altered line-height */
.ace-table ul,
.ace-table ol {
  margin: 0 0 0 20px;
}

.ace-table li {
  line-height: inherit;
}

.ace-table p {
  line-height: inherit;
  margin: 0;
}

/* ########################################################################## */
/* ### EXTENSIONS                                                         ### */
/* ### Overrides for extensions.                                          ### */
/* ########################################################################## */

/* ############################################ */
/* ### CATEGORYTREE                         ### */
/* ### Applies to: Extension:Categorytree   ### */
/* ############################################ */

.va-pagelist a.CategoryTreeLabelPage,
.va-pagelist-hidefirst a.CategoryTreeLabelPage {
  font-style: normal;
}

.va-pagelist div.CategoryTreeItem,
.va-pagelist-hidefirst div.CategoryTreeItem {
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.5em;
}

.va-pagelist-hidefirst div.CategoryTreeSection:first-child {
  display: none;
}

.CategoryTreeItem .CategoryTreePageBullet {
  border-left: 0 !important;
}

/* ############################################ */
/* ### NAVBOXES                             ### */
/* ### Used in: Template:Navbox             ### */
/* ############################################ */

/* Outer table - widths, floats */
.va-navbox {
  width: 100%;
  font-size: 11px;
  line-height: 16px;
  border-radius: 9px;
}

.va-navbox-bottom {
  width: 100%;
  clear: both;
  margin: 5px auto 0;
}

.va-navbox-left {
  width: 200px;
  clear: left;
  float: left;
  margin: 10px;
}

.va-navbox-right {
  width: 200px;
  clear: right;
  float: right;
  margin: 10px;
}

/* Inner tables */
.va-navbox-brick {
  width: 100%;
  margin: 0;
  border-radius: 15px;
}

/* Cellspacing */
.va-navbox,
.va-navbox-border,
.va-navbox-brickcont,
.va-navbox-padding,
.va-navbox-space-h,
.va-navbox-space-v {
  background: transparent;
}

.va-navbox-padding {
  padding: 1px;
}

.va-navbox-space-h {
  width: 1px;
}

.va-navbox-columncont .va-navbox-space-h {
  width: 0;
  border-right: 3px solid var(--theme-border-color);
}

.va-navbox-space-v {
  height: 1px;
  font-size: 1pt;
  line-height: 0;
}

/* Cell styles and widths */
/* Remember to update the column width calculations when changing widths */
.va-navbox-title {
  background: var(--theme-accent-color) var(--theme-widget-background);
  border: 0 solid var(--theme-border-color);
  font-weight: normal;
  color: var(--theme-accent-dynamic-color-1);
  padding: 2px 8px;
  border-radius: 15px;
}

.va-navbox-headertext,
.va-navbox-titletext {
  font-weight: bold;
  padding-left: 40px;
  padding-right: 40px;
}

.va-navbox-maintitle .va-navbox-titletext {
  font-size: 120%;
}

.va-navbox-editlink {
  float: left;
  width: 40px;
  text-align: left;
  margin-left: 10px;
}

.va-navbox-cell,
.va-navbox-colgroup,
.va-navbox-column,
.va-navbox-footer,
.va-navbox-group,
.va-navbox-header,
.va-navbox-image,
.va-navbox-subgroup {
  padding: 2px 8px;
  border-radius: 15px;
}

.va-navbox-colgroup,
.va-navbox-group,
.va-navbox-subgroup {
  font-weight: bold;
  border-radius: 15px;
}

.va-navbox-group,
.va-navbox-subgroup {
  width: 15%;
  text-align: center;
  border-radius: 15px;
}

.va-navbox-footer,
.va-navbox-group,
.va-navbox-header {
  background: var(--theme-page-background-color--quinary);
  border: 1px solid var(--theme-border-color);
  border-radius: 15px;
}

.va-navbox-colgroup,
.va-navbox-subgroup {
  background: var(--theme-page-background-color--quaternary);
  border: 1 solid var(--theme-border-color);
  border-radius: 15px;
}

.va-navbox-cell,
.va-navbox-column,
.va-navbox-image {
  background: var(--theme-page-background-color--secondary);
  border: 1px solid var(--theme-border-color);
  border-radius: 15px;
}

.va-navbox-cell-nogroups,
.va-navbox-column,
.va-navbox-colgroup,
.va-navbox-footer,
.va-navbox-image {
  text-align: center;
}

.va-navbox-cell-withgroups {
  text-align: left;
}

.va-navbox-column {
  vertical-align: top;
}

.va-navbox-image {
  width: 8%;
}

/* Lists in column rows */
.va-navbox-formatlist ul,
.va-navbox-formatlist li {
  list-style: none;
  line-height: 16px;
  margin: 0.6em 0;
  padding: 2px 8px;
}

.va-navbox-formatlist li li {
  font-size: 90%;
}

.va-navbox-formatlist li ul {
  margin-top: -0.1em;
  margin-bottom: 0.5em;
}

.va-navbox-formatlist li ul li {
  margin: 0;
}

/* Nested */
.va-navbox .va-navbox-nested {
  font-size: 100%;
}

.va-navbox-nested .va-navbox-title {
  background: var(--theme-page-background-color--quinary);
  color: var(--theme-page-text-color);
  border: 1px solid var(--theme-border-color);
}

.va-navbox-nested .va-navbox-footer,
.va-navbox-nested .va-navbox-group,
.va-navbox-nested .va-navbox-header {
  background: var(--theme-page-background-color--quaternary);
}

.va-navbox-nested .va-navbox-colgroup,
.va-navbox-nested .va-navbox-subgroup {
  background: var(--theme-page-background-color--tertiary);
}

/* Links  (using #content to give higher priority) */
#content .va-navbox-editlink .va-navbar-item a,
#content .va-navbox-editlink .va-navbar-item a:link,
#content .va-navbox-editlink .va-navbar-item a:visited,
#content .va-navbox-editlink .va-navbar-item a:hover,
#content .va-navbox-editlink .va-navbar-item a:active {
  color: var(--theme-accent-dynamic-color-1);
}

#content .va-navbox-nowraplinks .va-navbox-cell a,
#content .va-navbox-nowraplinks .va-navbox-column a {
  white-space: nowrap;
}

#content .va-navbox-maintitle a,
#content .va-navbox-maintitle a:link,
#content .va-navbox-maintitle a:visited {
  color: var(--theme-accent-dynamic-color-3);
}

#content .va-navbox-maintitle a:hover,
#content .va-navbox-maintitle a:active {
  color: var(--theme-accent-dynamic-color-1);
}

/* ############################################ */
/* ### DIRECTION & SOURCE BOXES             ### */
/* ### Used in: Template:Directionbox       ### */
/* ###          Template:Sourcebox          ### */
/* ############################################ */

/* Template:Directionbox */
.ace-dirbox {
  color: var(--theme-page-text-color);
  background-color: var(--theme-directionbox-color);
  clear: both;
  padding: 2px 5px;
  border-top: 4px solid #0959c1;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  border-radius: 9px;
}

.ace-dirbox th {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  padding: 2px 5px;
}

.ace-dirbox td {
  padding: 1px 5px;
  width: 100%;
}

.ace-dirbox + .ace-dirbox {
  margin-top: 2px;
}

/* Template:Sourcebox */
.va-sourcebox {
  margin: 0;
  border-collapse: collapse;
  font-size: 12px;
  line-height: 16px;
}

.va-sourcebox th {
  vertical-align: middle;
  text-align: center;
  padding: 0 5px;
}

.va-sourcebox td {
  padding: 0;
}

.va-sourcebox td span {
  border-top: 1px solid var(--theme-border-color);
  border-bottom: 1px solid var(--theme-border-color);
  display: block;
  padding: 2px 5px;
  float: left;
}

/* Printing */
@media print {
  .va-copybox,
  .va-sourcebox {
    background: transparent none;
  }

  .va-navbox,
  .va-navbox-border {
    display: none;
  }

  .va-dirbox,
  .va-mbox {
    display: none;
  }
}

/* ############################################ */
/* ###      Template:Mbox                   ### */
/* ############################################ */

/* Template:Mbox */
.va-mbox {
  color: var(--theme-page-text-color);
  backdrop-filter: blur(10px);
  clear: both;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  border-radius: 9px;
}

.va-mbox + .va-mbox {
  margin-top: -8px;
}

.va-mbox th {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  padding: 1px 0 1px 5px;
}

.va-mbox td {
  padding-left: 5px;
  overflow: auto;
}

/* ############################################ */
/* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */
/* ### Used in: Template:Quotation          ### */
/* ###          Template:Transcript         ### */
/* ############################################ */

/* Container */
.va-listen, .va-transcript {
    display: -webkit-box;
    line-height: 18px;
    padding: 10px 45px;
    backdrop-filter: blur(10px);
    border: inset 2px;
    border-radius: 10px;
}

.va-quotation {
  overflow: hidden;
}

table td .va-quotation {
  overflow: visible;
}

.va-quotation-body {
  display: block;
}

.va-quotation-quote {
  display: block;
  position: relative;
  z-index: 1;
}

.va-listen-left,
.va-listen-right,
.va-quotation-left,
.va-quotation-right {
  border-bottom: 1px solid var(--theme-border-color);
  border-top: 1px solid var(--theme-border-color);
  width: 200px;
}

.va-listen-left,
.va-quotation-left {
  clear: left;
  float: left;
  margin: 10px;
}

.va-listen-right,
.va-quotation-right {
  clear: right;
  float: right;
  margin: 10px;
}

.va-quotation-center {
  text-align: center;
}

.va-quotation-center .va-quotation-body {
  display: inline-block;
}

/* Quotation marks/icons */
.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r {
  width: 40px;
  z-index: -1;
}

.va-listen-icon,
.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-transcript-icon {
  position: relative;
}

.va-quotation-quot-l,
.va-quotation-quot-r {
  position: absolute;
}

.va-listen-icon,
.va-transcript-icon {
  float: left;
  left: -30px;
  margin-right: -40px;
  top: -5px;
}

.va-newsquote-quot-l,
.va-newsquote-quot-r,
.va-quotation-quot-l,
.va-quotation-quot-r {
  color: var(--theme-page-background-color--quinary);
  font: bold 55px/40px serif;
  height: 18px;
}

.va-newsquote-quot-l,
.va-quotation-quot-l {
  left: -27px;
  text-align: left;
}

.va-newsquote-quot-r,
.va-quotation-quot-r {
  right: -27px;
  text-align: right;
}

.va-newsquote-quot-l {
  float: left;
  margin-right: -40px;
}

.va-newsquote-quot-r {
  float: right;
  margin-left: -40px;
}

.va-quotation-quot-l {
  top: -2px;
}

.va-quotation-quot-r {
  bottom: 2px;
}

/* Quoted text/audio file desc */
.va-listen-item,
.va-listen-item .ogg-player-options,
.va-newsquote-text,
.va-quotation-text {
  font-size: 12px;
}

.va-inlinequote-text,
.va-listen-text,
.va-newsquote-text,
.va-quotation-text {
  font-style: italic;
}

.va-transcript-text {
  font-family: monospace !important;
}

.va-quotation-text {
  display: block;
  margin-top: -0.4em;
  text-align: left;
}

.va-quotation-text ol,
.va-quotation-text p,
.va-quotation-text ul {
  margin-bottom: 0;
}

/* Source */
.va-newsquote-source,
.va-quotation-source {
  padding: 5px 15px 0;
  text-align: right;
}

.va-quotation-source {
  display: block;
  font-size: 10px;
  line-height: 15px;
}

/* "Incomplete quote" dots */
.va-newsquote-dots {
  font-style: normal;
  padding: 3px 0;
}

/* Audio file list */
.va-listen-item {
  margin: 0 auto;
  width: 180px;
}

.va-listen-item audio {
  margin-bottom: 5px;
  width: 100%;
}

.va-listen-item div {
  margin-bottom: 2px;
}

.va-listen-item + .va-listen-item {
  border-top: 1px solid var(--theme-border-color);
  margin-top: 5px;
}

.np-quote-snd-trigger {
  display: inline-block;
  position: absolute;
  top: auto;
  left: auto;
  padding: 0 2px;
}

.np-quote-snd-trigger:hover .np-quote-snd-player {
  visibility: visible;
}

.np-quote-snd-player {
  visibility: hidden;
  position: absolute;
  top: -55px;
  left: 100%;
  z-index: 100 !important;
  width: 300px;
  overflow-x: hidden;
  margin: 0;
  padding: 5px 10px 10px;
  border: 1px solid var(--theme-border-color);
  border-radius: 5px;
  box-shadow: var(--theme-border-color) 2px 2px 5px 0;
  background-color: white;
  color: black;
  text-align: left;
  font: normal normal normal 13px / normal Helvetica, Arial, sans-serif;
}

.np-quote-snd-player-img {
  float: left;
  width: 50px;
}

.np-quote-snd-player-title {
  width: 250px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
}

.np-quote-snd-player-title span {
  font-size: 18px;
}

/* ############################################ */
/* ### STAT TABLES                          ### */
/* ### Used in: Template:Stats              ### */
/* ############################################ */

.va-stats-creature-name {
  text-align: center;
}

.va-stats-creature-icontable {
  margin: 0 auto;
}

.va-stats-creature-icontable td {
  border: none;
}

.va-stats-creature-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  text-align: center;
  font-weight: bold;
}

.va-stats-creature-item {
  position: relative;
  padding: 0 2px 0 22px;
  min-width: 10px;
}

.va-stats-creature-item + .va-stats-creature-item {
  margin-top: 2px;
}

.va-stats-creature-icontable-full,
.va-stats-creature-layout-1 td {
  width: 100%;
}

.va-stats-creature-layout-2 td {
  width: 50%;
}

.va-stats-creature-layout-3 td {
  width: 33%;
}

.va-stats-creature-layout-3 td:first-child {
  width: 34%;
}

.va-stats-creature-layout-4 td {
  width: 25%;
}

/* ################################################ */
/* ### CRAFTING TABLES                          ### */
/* ### Used in: Template:Crafting table         ### */
/* ### Used in: Template:Crafting table FO76    ### */
/* ################################################ */

.ace-crafting-table {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 5px;
}

.ace-crafting-block {
  border: 1px solid var(--theme-border-color);
  margin: 0;
  padding: 1px 2px;
  background-color: var(--theme-page-background-color--secondary);
}

.ace-crafting-block + .ace-crafting-block {
  margin-top: 3px;
}

.ace-crafting-requirement {
  background-color: var(--theme-page-background-color--quaternary) !important;
}

.ace-crafting-highlight {
  background-color: var(--theme-page-background-color--quinary) !important;
}

.ace-crafting-table .selflink {
  font-weight: normal;
}


/* ############################################ */
/* ### ENGINE IDS                           ### */
/* ### Used in: Template:ID                 ### */
/* ###          Template:DLC ID             ### */
/* ###          Template:Proto              ### */
/* ############################################ */

.va-formid,
.va-protoid {
  font-family: monospace;
}

/* ############################################ */
/* ### SPECIAL <pre> TAGS                   ### */
/* ### Used in: Template:Pre fake           ### */
/* ############################################ */

.va-pre-fake {
  background-color: var(--theme-page-background-color--light);
  overflow: auto;
  font-family: monospace;
  white-space: pre;
  border: 1px dashed var(--theme-border-color);
  line-height: 14px;
  padding: 12px;
}

/* ############################################ */
/* ### TEMPLATE DOCUMENTATION               ### */
/* ### Used in: Template:Docparam           ### */
/* ###          Template:Documentation      ### */
/* ############################################ */

/* Template:Docparam */
.va-docparam {
  padding: 0 2px 0 20px;
  text-indent: -20px;
  margin-bottom: 3px;
  background: var(--theme-page-background-color--light);
  border: 1px dotted var(--theme-border-color);
  overflow: auto;
}

.va-docparam-icon {
  margin: 0;
  padding: 0;
  width: 20px;
  float: left;
}

.va-docparam-default {
  float: right;
  font-size: 10px;
}

.va-docparam-params {
  font-family: monospace;
}

.va-docparam-desc {
  margin: 0;
  padding: 0 0 5px 20px;
}

/* Template:Documentation */
.va-documentation,
.va-documentation-bar-top,
.va-documentation-bar-bottom {
  border-color: var(--theme-border-color);
  border-style: solid;
  clear: both;
}

.va-documentation {
  border-width: 1px;
  margin: 10px 0;
}

.va-documentation-bar-top,
.va-documentation-bar-bottom {
  background: var(--theme-page-background-color--quaternary);
  padding: 5px;
  margin: 0;
}

.va-documentation-bar-top {
  border-width: 0 0 1px;
}

.va-documentation-bar-bottom {
  border-width: 1px 0 0;
  text-align: right;
}

.va-documentation-links {
  float: right;
  text-align: right;
}

.va-documentation-content {
  padding: 10px;
  margin: 0;
}

.va-documentation-small {
  font-size: 10px;
}

/* ############################################ */
/* ### CHARTS                               ### */
/* ### Used in: Template:Chart              ### */
/* ############################################ */

.va-chart-quest {
  background: var(--ace-table-heading-background-color);
  border: 1px solid var(--theme-border-color) !important;
  font-size: 11px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 16px;
}

.va-chart-body {
  background: var(--theme-page-background-color--secondary);
  border: 1px solid var(--theme-border-color) !important;
  border-radius: 10px;
  font-size: 11px;
  line-height: 16px;
}

.va-chart-reward {
  background: var(--theme-page-background-color--tertiary);
  border: 1px solid var(--theme-border-color) !important;
  font-size: 11px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 16px;
}

/* ############################################ */
/* ### CHARTS v2                            ### */
/* ### Used in: Template:Chart              ### */
/* ############################################ */

.ace-chart { /* move chart into middle of it's allowed area */
	margin: auto;
}

.ace-chart-quest {
  background: var(--ace-table-heading-background-color);
  border: 1px solid var(--theme-border-color) !important;
  font-size: 11px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 16px;
  padding: 10px;
}

.ace-chart-body {
  background: var(--theme-page-background-color--secondary);
  border: 1px solid var(--theme-border-color) !important;
  border-radius: 10px;
  font-size: 11px;
  line-height: 16px;
  padding: 10px;
}

.ace-chart-reward {
  background: var(--theme-page-background-color--tertiary);
  border: 1px solid var(--theme-border-color) !important;
  font-size: 11px;
  font-weight: bold;
  border-radius: 10px;
  line-height: 16px;
  padding: 10px;
}

/* ############################################ */
/* ### TICKER                               ### */
/* ### Used in: Template:Ticker             ### */
/* ############################################ */

#ticker .CategoryTreeSection,
#ticker .CategoryTreeItem {
  display: inline;
}

/* ############################################ */
/* ### COLUMNS                              ### */
/* ### Used in: Template:Columns            ### */
/* ############################################ */

.va-columns ul,
.va-columns ul li {
  margin-top: 0;
}

.va-columns ul li {
  margin-bottom: 6px;
}

/* ############################################ */
/* ### FALLOUT 76 MAP                       ### */
/* ### Used in: Fallout 76 map              ### */
/* ############################################ */

.f76map {
  width: 55em;
  height: 55em;
  margin: auto;
  border: 0 solid #20a200;
  background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}

.f76map-box {
  width: 240px;
  height: 240px;
  margin: auto;
  border: 0 solid #20a200;
  background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}

/* ############################################ */
/* ###      Semantic mediawiki fact box     ### */
/* ###    hide display unless enabled     ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.smw-factbox {
  display: none !important;
}

.smw-factbox.smw-factbox-enabled {
  display: block !important;
}

/* ############################################ */
/* ###             Userbox css              ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.ace-userbox {
  margin: 2px;
  padding: 0;
  border-style: solid;
  border-radius: 14px;
  clear: none;
  overflow: clip;
  float: left;
  height: 52px;
  width: 200px;
  border-width: 2px;
  border-color: #000;
}

.ace-userbox .left-cell {
  text-align: center;
  vertical-align: middle;
  padding: 0;
  height: 50px;
  width: 50px;
  font-size: 14pt;
  border-radius: 14px;
}

.ace-userbox .middle-cell {
  padding: 0 4px;
  vertical-align: middle;
  line-height: 125%;
  height: 50px;
  font-size: 8pt;
}

/* ############################################ */
/* ###  Slightly hacky fix for spacing in   ### */
/* ###     lists after paragraph tags       ### */
/* ###   Adds fix for columns after image   ### */
/* ###   Fix issue with list top margin     ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.page-content p + p + ul, 
.page-content p + p + ol, 
.page-content p + p + dl, 
.page-content p + .va-columns {
  margin-top: -18px;
}

.page-content p.mw-empty-elt + ul, .page-content p.mw-empty-elt + ol {
  margin-top: 6px;
}

.page-content figure + p.mw-empty-elt + .va-columns {
  margin-top: 0;
}

/* ############################################ */
/* ###       Remove game icons header       ### */
/* ###     ToDo: Remove from Common.js      ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

div#va-titleicons-wrapper {
  display: none !important;
}

/* ############################################ */
/* ###  Fix category type selector colors   ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.category-layout-selector__item, .category-layout-selector {
  color: var(--theme-link-color) !important;
}

.category-layout-selector__item.is-active {
  color: var(--theme-page-text-color--hover) !important;
}

/* ############################################ */
/* ###       Fix missing image for          ### */
/* ###     audio files in categories        ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.category-page__members a[href$=".ogg"] img, 
.category-page__members a[href$=".odm"] img, 
.category-page__members a[href$=".mp3"] img, 
.category-page__members a[href$=".oga"] img, 
.category-page__members a[href$=".flac"] img, 
.category-page__members a[href$=".wav"] img, 
.category-page__members a[href$=".opus"] img {
  content: url('[[File:Icon_sound.png]]');
}

.wikia-gallery-item a[href$=".ogg"], 
.wikia-gallery-item a[href$=".odm"], 
.wikia-gallery-item a[href$=".mp3"], 
.wikia-gallery-item a[href$=".oga"], 
.wikia-gallery-item a[href$=".flac"], 
.wikia-gallery-item a[href$=".wav"], 
.wikia-gallery-item a[href$=".opus"] {
  align-items: start;
}

.wikia-gallery-item a[href$=".ogg"]::after, 
.wikia-gallery-item a[href$=".odm"]::after, 
.wikia-gallery-item a[href$=".mp3"]::after, 
.wikia-gallery-item a[href$=".oga"]::after, 
.wikia-gallery-item a[href$=".flac"]::after, 
.wikia-gallery-item a[href$=".wav"]::after, 
.wikia-gallery-item a[href$=".opus"]::after {
  content: attr(title);
  vertical-align: text-bottom;
  width: 94%;
  position: absolute;
  bottom: 0;
  line-height: 15px;
  padding: 0 5px;
  word-break: break-word;
  font-size: 15px;
}

.wikia-gallery-item a[href$=".ogg"] img, 
.wikia-gallery-item a[href$=".odm"] img, 
.wikia-gallery-item a[href$=".mp3"] img, 
.wikia-gallery-item a[href$=".oga"] img, 
.wikia-gallery-item a[href$=".flac"] img, 
.wikia-gallery-item a[href$=".wav"] img, 
.wikia-gallery-item a[href$=".opus"] img {
  content: url("/resources/assets/file-type-icons/fileicon-ogg.png");
  height: 100px;
  vertical-align: top;
  object-fit: contain;
  margin-top: 5px;
}

/* ############################################ */
/* ###        Fix extra spacing after       ### */
/* ###          sourcebox contents          ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.div-sourceBox-start + ul, .div-sourceBox-start + p {
  margin-top: 6px;
  margin-bottom: 6px;
}

/* ############################################ */
/* ###      Interactions table styles       ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.interactions-table {
  width: 530px;
}

.interaction-table td {
  height: 65px;
  min-height: 65px;
}

.interaction-table td:first-child {
  width: 65px;
  min-width: 65px;
}

/* ############################################ */
/* ###          Avatar highlights           ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.profile-info img, #profile-image img, .mwchat-item-avatar img {
  filter: drop-shadow(0 0 4px black);
}

.skin-citizen-dark .profile-info img, 
.skin-citizen-dark #profile-image img, 
.skin-citizen-dark .mwchat-item-avatar img {
  filter: drop-shadow(0 0 4px white);
}

#profile-image img {
  background: transparent !important;
  border: 0 !important;
}

/* ############################################ */
/* ###       Chat fixes for citizen         ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.skin-citizen .mwchat-useritem {
  background: var(--color-surface-3) !important;
}

.skin-citizen .mwchat-useritem-header {
  background: var(--color-surface-1) !important;
}

.skin-citizen .mwchat-useritem-user {
  color: inherit !important;
}

.skin-citizen .mwchat-useritem-content {
  border-color: var(--color-surface-4) !important;
}

#mwchat-options {
  margin-top: 2em !important;
}

#mwchat-options input {
  margin-left: 5px;
}

#mwchat-content {
  min-height: 450px;
}

.visualClear {
  clear: both;
}

/* ############################################ */
/* ###     Fix edit count table styles      ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.editCountTable, .editCountTable th, .editCountTable td {
  border: 1px #aaa solid;
  border-collapse: collapse;
}

.editCountTable th, .editCountTable td {
  padding: 4px;
}

/* ############################################ */
/* ###              LEAD BIO                ### */
/* ###          User:Kate Aces              ### */
/* ############################################ */

.lead-bio-container {
  flex: 1;
  border: 4px solid #1167b1;
  background-color: #e6f3f8;
  padding: 5px;
  padding-bottom: 35px;
  border-radius: 11px;
  width: 85%;
  flex-basis: 40%;
  position: relative;
}

.lead-bio-footer {
  position: absolute;
  bottom: 5px;
  vertical-align: bottom;
  width: calc(100% - 10px);
}

/* ############################################ */
/* ###                  HOVER               ### */
/* ############################################ */

.show-when-hovering {
  display: none;
}

.hover-container:hover .show-when-hovering {
  display: inline;
}

.hover-container:hover .hide-when-hovering {
  display: none;
}

.fadeout img:hover, .fadeout img:active, .fadein img:hover {
  opacity: 0;
  transition: none !important;
}

body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein {
  visibility: hidden;
}

body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein {
  visibility: visible;
}

.hide {
  visibility: hidden;
}

.visible {
  visibility: visible;
}

.fadeout-container.img.lzyTrans {
  transition: none !important;
}

/* ############################################ */
/* ###               JOJO BOXES             ### */
/* ############################################ */

.imgtile {
  transition: 0.4s ease-out;
}

.imgtile:hover {
  transform: scale(1.04);
}

.frontbuttons img {
  border-radius: 5px;
}

.hoverButton img:hover {
  filter: grayscale(100%);
}

/* ############################################ */
/* ### Home page portal container css       ### */
/* ###                                      ### */
/* ############################################ */

.home-page-portal-container {
  padding: 14px;
  margin: 24px 0 12px;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  align-items: center;
  border: 2px solid #698296;
  border-radius: 12px;
}

.home-page-portal-container.flex-column {
  flex-direction: column;
}

.home-page-portal-container.flex-center {
  justify-content: center;
}

/* ############################################ */
/* ###        Welcome Template Styles       ### */
/* ###          User:Eckserah             ### */
/* ############################################ */

.welcome-container {
  background-color: rgba(37 150 190 15%);
  padding: 8px;
  margin: 4px 0 12px;
  font-size: 16px;
}

.welcome-header {
  border-bottom: 1px solid #AAA;
  font-size: 126%;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.welcome-column {
  margin: 10px 0;
  border: 0;
  float: left;
  width: 25%;
  white-space: nowrap;
}

.welcome-column:first-of-type {
  width: 30%;
}

.welcome-column p {
  font-size: 18px;
  margin: 0 5px 10px;
  border-bottom: 1px solid #555;
}

.welcome-column ul {
  margin-top: 0 !important;
}

.main-page-header {
  padding: 24px;
  margin: 24px 0 12px;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  flex-direction: column;
  border: 0 solid #698296;
  border-radius: 12px;
}

.main-page-header .sub-welcome {
  font-size: 135%;
  margin: 0;
  align-items: center;
}

.main-page-header .sub-description {
  font-size: 85%;
  margin: 0;
  align-items: center;
}

.main-page-header .sub-info {
  margin: 0.3em 0 0.5em;
  align-items: center;
}

.main-page-header .sub-links {
  font-size: 85%;
  border-top: 1px solid #AAA;
  margin-bottom: 0;
  align-items: center;
}

.anon-allowed-page .cosmos-header__local-navigation {
  visibility: hidden !important;
}

.box img {
  width: 100%;
  height: 100%;
}

.box1 img {
  object-fit: cover;
}

/* ############################################ */
/* ###               CONTAINER              ### */
/* ###            From Halopedia           ### */
/* ############################################ */

.containerTem {
  margin: 0 auto 16px;
  padding: 0 2px 2px;
  border-radius: 9px;
  background: var(--theme-containerTem-background-color);
  box-shadow: 0 0 6px #666;
  width: 90%;
}

.containerTem .containerTitle {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 98%;
}

.containerTem .containerContent {
  text-align: left;
  color: var(--theme-body-text-color);
  border-radius: 0 0 9px 9px;
  padding: 12px;
  background: var(--theme-page-containerTem-content-background-color);
  font-size: 92%;
}

.clearBoth {
  clear: both;
}

.containerTemD {
  margin: 0 auto 16px;
  padding: 0 2px 2px;
  border-radius: 9px;
  background: #070e17;
  box-shadow: 0 0 6px #666;
  width: 90%;
}

.containerTemD .containerTitleD {
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 98%;
}

.containerTemD .containerContentD {
  text-align: left;
  color: #fff;
  border-radius: 0 0 9px 9px;
  padding: 12px;
  background: #272727;
  font-size: 92%;
}

/* ############################################ */
/* ###             OVERVIEW BOX             ### */
/* ###          KATE ACES/ECKSERAH          ### */
/* ############################################ */

.overviewBox {
  float: right;
  clear: right;
  margin: 5px 10px;
  background-color: #f1f1f1;
  text-align: center;
  font-size: 82%;
  outline-style: dashed;
  outline-color: #002147;
}

.overviewBoxTable {
  background-color: #f1f1f1;
  font-weight: bold;
  text-align: center;
  width: 13em;
}

.overviewBox .overviewBoxLink {
  vertical-align: top;
  background-color: #b2c6c7;
  width: 95%;
  margin: 5px;
  padding: 0;
  border-radius: 10px;
}

.overviewTable td {
  width: 20%;
}

/* ############################################ */
/* ###      Floating announcement styles    ### */
/* ###             User:Eckserah            ### */
/* ############################################ */

.floating-announcement {
  position: fixed;
  overflow: visible;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border-radius: 18px;
  box-shadow: 0 0 20px #ccc;
  background: #2C3E4C;
  padding: 20px;
  margin-bottom: 10px;
  z-index: 1;
}

/* ############################################ */
/* ###      Vault boy image outline stuff   ### */
/* ###             User:Eckserah            ### */
/* ############################################ */

.vb-image {
	filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
}

.pi-item .vb-image {
	filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
}

.mwe-popups-thumbnail {
	outline: 0 !important;
}

/* ############################################ */
/* ###                   TOC                ### */
/* ###               Template:TOC           ### */
/* ###             User:Kate Aces           ### */
/* ############################################ */
	.toc {
    	border: 1px solid #9a85b7;
    	background: transparent;
    	min-width: 250px;
    	border-radius: 10px;
    	text-align: left;
    	padding: 5px;
	}
	
	.toctitle {
    	text-transform: uppercase;
    	font-family: 'Rubik',sans-serif;
	}
	
	.toctogglelabel {
    	color: var(--theme-page-background-color--aceiary);
    	text-transform: capitalize;
	}

	.tocnumber, .toctext {
		font-size: 15px;
	}

    .toc ul {
        list-style: none;
        margin-left: 0;
    }

    .ace-toclimit-2 .toclevel-1 ul,
    .ace-toclimit-3 .toclevel-2 ul,
    .ace-toclimit-4 .toclevel-3 ul,
    .ace-toclimit-5 .toclevel-4 ul,
    .ace-toclimit-6 .toclevel-5 ul,
    .ace-toclimit-7 .toclevel-6 ul {
        display: none;
}

/* ############################################ */
/* ###            GENERIC BOX               ### */
/* ###           User: Kate Aces            ### */
/* ### Used on: MediaWiki:Copyrightwarning  ### */
/* ###          MediaWiki:Recentchangestext ### */
/* ############################################ */

.ace-genericbox {
  background: var(--theme-page-background-color);
  border: 1px solid var(--theme-border-color);
  border-radius: 15px;
}

/* ############################################ */
/* ### CONSOLE COMMANDS                     ### */
/* ### Used in: Template:Console            ### */
/* ############################################ */

.ace-console {
  font-family: monospace;
}

.ace-console-cmd {
  color: var(--theme-page-text-color);
}

/* ############################################ */
/* ### HATNOTES                             ### */
/* ### Used in: Template:Hatnote            ### */
/* ############################################ */

.va-hatnote {
    font-family: inherit;
    padding-left: 10px;
    font-style: italic;
    margin-bottom: 0px;
    margin-top: 0px;
    font-weight: 600;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.va-hatnote a {
    margin-left: 5px;
}

/* ############################################ */
/* ###            Scrollable TOC            ### */
/* ###            User: Eckserah            ### */
/* ### Will allow the TOC to scroll instead ### */
/* ###       of the entire container        ### */
/* ############################################ */

.scrollableToc .toc > ul {
    height: 300px;
    overflow: auto;
}

/* ############################################ */
/* ###                Banner                ### */
/* ###            User: Kate Aces           ### */
/* ###     Template:Banner, PhotoSlider     ### */
/* ############################################ */

.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
	color: white;
	border:none;
	font-family: sans-serif;
	line-height: 1.2em;
	margin:0;
	padding: 0; /* was previously set only for h3, and skin styles would do the same for h2. however, cannot rely on skin to do this on mobile */
}
.mainpage-shadowbox a {
	color: white;
	font-weight: bold;
}

.banner-image {
    position: relative;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
}
.banner-image img {
    max-width: 100%;
    height: auto;
    /* width: auto\9; */ /* ie8 */
}
.banner-box-wide {
    width: 80%
}
.banner-box-left,
.banner-box-right {
	padding: 8px 7px;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
	width: 40%;
}
.banner-box-left  { text-align: left; }
.banner-box-right { text-align: right; }
.banner-box-2 {
    position: absolute;
    z-index: 2;
    min-width: 20em;
}

@media screen and ( min-width: 720px ) { /* greater than or equal to */
	.banner-image img.nolink { display: none; } /* can be removed when backward compat is no longer needed */
	.banner-image span[typeof~='mw:File/Frameless'].nolink { display: none; }
	.mainpage-shadowbox h2 {
		font-size: 190%;
	}
	.mainpage-shadowbox h3 {
		font-size: 150%;
	}
	.banner-image {
		overflow: hidden;
	}
	.banner-box-left {
		left: 3%;
	}
	.banner-box-right {
		right: 3%;
	}
	.banner-box-2 {
		margin-top: 2em;
	}
	.banner-box-2 .quote {
	    font-size: 80%;
	    line-height: 1.2em;
	}
}
@media screen and ( max-width: 720px ) {
	.banner-image img:not(.nolink) { display: none; } /* can be removed when backward compat is no longer needed */
	.banner-image span[typeof~='mw:File/Frameless'] img { display: inline-block; } /* can be removed when b/c is no longer needed */
	.banner-image span[typeof~='mw:File/Frameless']:not(.nolink) { display: none; }
	.banner-image > .mainpage-shadowbox {
		width: inherit !important;
		min-height: 100%;
		margin-left: -150%;
		margin-right: 150%;
		opacity: 0;
		background: black;
	}
	.mainpage-shadowbox .quote > a:after {
		content: '\ATap to learn more.';
		white-space: pre; 
	}
	.jcarousel-item:hover .mainpage-shadowbox {
		margin: unset;
		opacity: 1;
		transition: margin 0.5s;
		bottom: 50%;
	}
	.jcarousel-control-prev, .jcarousel-control-next {
		display: none;

	}
}


.mw-customtoggle, .mw-collapsible-toggle {
	margin: 0px 10px;
}

.fw-scrollbox > h3:first-child {
	margin-top: 4px;
	padding-top: 3px;
}

/* ############################################ */
/* ###           Youtube loading            ### */
/* ### Will allow youtube videos to preview ### */
/* ###       as images until clicked        ### */
/* ###            User: Eckserah            ### */
/* ############################################ */

.youtube {
	background-color: #000;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border:1px solid #000;
}

.youtube img {
	width: 100%;
	left: 0;
	opacity: 0.5;
}

.youtube .play-button { 
  background: #a90000;
  border-radius: 50% / 10%;
  color: #FFFFFF;
  font-size: 15px; /* change this to change size */
  height: 3em;
  padding: 0;
  text-align: center;
  text-indent: 0.1em;
  transition: all 150ms ease-out;
  width: 4em;
  opacity: 0.9;
  top: calc(50% - 1.5em);
  left: calc(50% - 2em);
}

.youtube .play-button:hover {
  background: red;
  opacity: 0.95;
}

.youtube .play-button::before { 
  background: inherit;
  border-radius: 5% / 50%;
  bottom: 9%;
  content: "";
  left: -5%;
  position: absolute;
  right: -5%;
  top: 9%;
}

.youtube .play-button::after {
  border-style: solid;
  border-width: 1em 0 1em 1.732em;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
  content: ' ';
  font-size: 0.75em;
  height: 0;
  margin: -1em 0 0 -0.75em;
  top: 50%;
  position: absolute;
  width: 0;
}

.youtube img {
	cursor: pointer;
}

.youtube img,
.youtube iframe,
.youtube .play-button {
	position: absolute;
}


.youtube iframe {
	height: 100%;
	width: 100%;
	top: 0;
}

.youtube .video-title {
	position: relative;
    padding: 10px 5px 10px 20px;
    color: #fff;
    font-weight: bold;
    width: auto;
    margin: 3px;
    font-size: 18px;
    text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
    filter: drop-shadow(0 0 5px #000);
}


/* ############################################ */
/* ###      HOME PAGE GIVE IT A SPIN!       ### */
/* ###         v13kobold/kate aces          ### */
/* ############################################ */

.takekateforaspin img {
	transition: transform .8s ease-in-out;
}

.takekateforaspin img:hover {
    transform: rotateY(180deg);
}

/* ############################################ */
/* ###            Template:Nav              ### */
/* ###          Kate Aces/Eckserah          ### */
/* ############################################ */

.top-nav-main {
	width: 100%;
}

.top-nav-inner {
	border-top: 4px solid var(--theme-top-nav-border-top-color); 
	background-color: var(--theme-top-nav-background-color); 
	padding: 5px;
}

.top-nav-inner-ovv {
	border-top: 4px solid var(--theme-top-nav-border-top-color); 
	background-color: var(--theme-top-nav-background-color); 
	padding: 5px;
}

.top-nav-header {
	font-size: 16px;
	text-align: center;
}

.top-nav-awards .top-nav-header {
	text-align: left;
}

.top-nav-links {
	text-align: center;
	font-size: 14px;
}

/* ############################################ */
/* ###          Template:Nav horiz          ### */
/* ############################################ */

.horiz-nav-main {
	background-color: var(--theme-horizontal-nav-background-color); 
	padding: 6px; 
	vertical-align: top; 
	border-radius: 10px;
}

.horiz-nav-inner {
	font-size: 13.6px;
	text-align: center;
	padding: 0 5px;
}

/* ############################################ */lead
/* ###  Image gallery center caption align  ### */
/* ############################################ */

.caption-align-center .gallerytext p {
    text-align: center;
}

/* ############################################ */
/* ###      Fix an issue with the file      ### */
/* ###     history thumbs being borked      ### */
/* ############################################ */

.filehistory .filehistory-thumb a img, #file img:hover {
	background: none;
}

.filehistory .filehistory-thumb, #file .filepage-thumbcontainer:hover {
	background: url('/resources/src/mediawiki.action/images/checker.svg?ff513') repeat !important;
}

.skin-cosmos .toc {
	background-color: var(--theme-page-toc-background-color);
}

/* ############################################ */
/* ###   Fix an issue with center captions  ### */
/* ############################################ */

.pickmans_gallery_image .thumbcaption {
	text-align: center;
}

/* ############################################ */
/* ### Template:Pagelist                    ### */
/* ### User:Kate-Aces                       ### */
/* ############################################ */

.ace-pagelist a.CategoryTreeLabelPage,
.ace-pagelist-hidefirst a.CategoryTreeLabelPage {
  font-style: normal;
}

.ace-pagelist div.CategoryTreeItem,
.ace-pagelist-hidefirst div.CategoryTreeItem {
  display: list-item;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.5em;
}

.ace-pagelist-hidefirst div.CategoryTreeSection:first-child {
  display: none;
}

.CategoryTreeItem .CategoryTreePageBullet {
  border-left: 0 !important;
}

/* ############################################ */
/* ###        Template:Document start       ### */
/* ###               Kate Aces              ### */
/* ############################################ */

.doc-start-main {
	width: 100%; 
}

.doc-start-inner {
	--theme-doc-start-background-color: #ffffe0;
	--theme-doc-start-border-top-color: #405a55;
	border-top: 4px solid var(--theme-doc-start-border-top-color); 
	background-color: var(--theme-doc-start-background-color); 
	padding: 5px;
}

.doc-start-text {
	font-size: 13px;
	text-align: center;
}

/* ############################################ */
/* ###           Template:Divider           ### */
/* ###               Kate Aces               ### */
/* ############################################ */

.divider-main {
	width: 100%; 
}

.divider-inner {
	--theme-divider-background-color: #2C3E4C;
	background-color: var(--theme-divider-background-color); 
	padding: 5px;
    border-radius: 15px;
    margin-bottom: 10px;
}

.divider-text {
	font-size: 14px;
	text-align: center;
    color: #ffffff;
    font-weight: bold;
}

/* ############################################ */
/* ###           Scrollable tables          ### */
/* ###               Eckserah               ### */
/* ############################################ */

.ace-table-content-scroll tbody {
	display: block;
	overflow: auto;
	max-height: 300px;
}

.ace-table-content-scroll tbody tr:first-child {
	position: sticky;
	top: -1px;
	left: 0;
}

/* ############################################ */
/* ###       Remove social profile tabs     ### */
/* ###               Eckserah               ### */
/* ############################################ */
.profile-tab-bar {
	display:none !important;
}

/* ############################################ */
/* ###       Auto-resize class for images   ### */
/* ###        Credit:  AhmadF.Cheema        ### */
/* ############################################ */
.res-img img {
	max-width:100%;
	height:auto;
}

/* ############################################ */
/* ###           LGBT Userbox CSS           ### */
/* ###            User:RurinGas             ### */
/* ###    (by butchering Eckserah's work)   ### */
/* ############################################ */

.lgbt-userbox {
  padding-left: 6px;
  margin: 2px;
  clear: none;
  float: left;
  height: 54px;
  width: 200px;
  background:url('data:image/svg+xml;utf8,<svg   xmlns="http://www.w3.org/2000/svg" ><defs><linearGradient id="Gradient" x1="0.15" y1="0.15" x2="0.85" y2="0.85"><stop offset="0%" stop-color="%23b827fc"/><stop offset="25%" stop-color="%232c90fc"/><stop offset="50%" stop-color="%23b8fd33"/><stop offset="75%" stop-color="%23fec837"/><stop offset="100%" stop-color="%23fd1892"/></linearGradient></defs><rect x="1" y="1" width="100%" height="100%" style="height:calc(114% - 10px);width:calc(104% - 10px)" rx="12" ry="12" stroke-width="2" fill="transparent" stroke="url(%23Gradient)"/></svg>');
}

.lgbt-userbox .left-cell {
  vertical-align: middle;
  padding: 0 0 3px 3px;
  height: 50px;
  width: 50px;
  font-size: 14pt;
  border-radius: 14px;
}

.lgbt-userbox .middle-cell {
  vertical-align: middle;
  line-height: 125%;
  height: 50px;
  font-size: 8pt;
}

/* ############################################ */
/* ###              SCHMAULT TEC            ### */
/* ###          User:Kate Aces              ### */
/* ############################################ */

.schmault-bio-container {
  flex: 1;
  border: 4px solid #1167b1;
  background-color: #e6f3f8;
  padding: 5px;
  padding-bottom: 5px;
  border-radius: 11px;
  width: 85%;
  flex-basis: 40%;
  position: relative;
  clear: both;
}

.schmault-bio-footer {
  position: absolute;
  bottom: 5px;
  vertical-align: bottom;
  width: calc(100% - 10px);
}

/* ############################################ */
/* ###           LORE BOX DREEP             ### */
/* ###             User:Bow                 ### */
/* ############################################ */

.lorebox-highlight {
  flex: 1;
  border: 3px solid #386261;
  background-color: #ebf4f6;
  margin-bottom: 5px;
  border-radius: 11px;
  width: 90%;
  flex-basis: 40%;
  position: relative;
  clear: both;
}

/* ############################################ */
/* ###        NAV WILD WASTELAND            ### */
/* ###          User:Kate Aces              ### */
/* ############################################ */

.wild-wasteland {
	background-color: #f0f0bd; 
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}


/* ############################################ */
/* ###      Template:Mbox Nouveau           ### */
/* ###           User:Kate Aces             ### */
/* ############################################ */

.ace-mbox {
  color: var(--theme-page-text-color);
  background-color: #e6f4fa;
  clear: both;
  padding: 2px 5px;
  border-top: 4px solid #0959c1;
  font-size: 12px;
  line-height: 17px;
  width: 100%;
  border-radius: 9px;
}

.ace-mbox + .ace-mbox {
  margin-top: -8px;
}

.ace-mbox th {
  width: 40px;
  text-align: center;
  vertical-align: middle;
  padding: 1px 0 1px 5px;
}

.ace-mbox td {
  padding-left: 5px;
  width: 100%;
}


/* ############################################ */
/* ###        NAVBARS I THINK               ### */
/* ###          User:Kate Aces              ### */
/* ############################################ */

.navbars {
	background-color:  var(--theme-nav-background-color--navbars) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}
/* ############################################ */
/* ###    OTHER NAV NAMESPACE COLORS        ### */
/* ###             User:Wana                ### */
/* ############################################ */

.mod-nav {
	background-color:  var(--theme-nav-background-color--headermod) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}

.resource-nav {
	background-color:  var(--theme-nav-background-color--headerres) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}


.ifw-nav {
	background-color:  var(--theme-nav-background-color--headerifw) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}

.ovv-nav {
	background-color:  var(--theme-nav-background-color--headerovv) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}

.user-nav {
	background-color:  var(--theme-nav-background-color--headeruser) !important;
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}

.user-nav img {
	filter: invert(1);
}
/* ############################################ */
/* ###             MERCH NAV                ### */
/* ###          User:Kate Aces              ### */
/* ############################################ */

.merch-nav {
	background-color: #fbceb1; 
	padding: 4px; 
	vertical-align: top; 
	border-radius: 10px;
}

/* ############################################ */
/* ###              NAV SIMPLE              ### */
/* ###            User:Kate Aces            ### */
/* ############################################ */

.nav-simple-main {
	width: 100%;
}

.nav-simple-inner {
	border-top: 4px solid var(--theme-nav-simple-border-top-color); 
	background-color: var(--theme-nav-simple-background-color); 
	padding: 5px 3px 3px 5px;
	text-align: center;
}

.nav-simple-inner p {
	margin: 0;
}

.nav-simple-links {
	font-size: 13px;
}

.nav-simple-main {
	--theme-nav-simple-border-top-color: #2B4563;
	--theme-nav-simple-background-color: #eeecee;
}

.nav-simple-tech {
	--theme-nav-simple-border-top-color: #2B4563;
	--theme-nav-simple-background-color: #e7f1dc;
}

/* ############################################ */
/* ###     Class to make things go away     ### */
/* ###             User:RurinGas            ### */
/* ############################################ */

.goaway {
	display:none;
}

/* ############################################ */
/* ### NOUVEAUBOXES                     	### */
/* ### Used in: Template:Nouveaubox     	### */
/* ############################################ */

/* Outer table - widths, floats */
.ace-navbox {
  width: 100%;
  font-size: 11px;
  line-height: 16px;
  border-radius: 9px;
}

.ace-navbox-bottom {
  width: 100%;
  clear: both;
  margin: 5px auto 0;
}

.ace-navbox-left {
  width: 200px;
  clear: left;
  float: left;
  margin: 10px;
}

.ace-navbox-right {
  width: 200px;
  clear: right;
  float: right;
  margin: 10px;
}

/* Inner tables */
.ace-navbox-brick {
  width: 100%;
  margin: 0;
  border-radius: 15px;
}

/* Cellspacing */
.ace-navbox,
.ace-navbox-border,
.ace-navbox-brickcont,
.ace-navbox-padding,
.ace-navbox-space-h,
.ace-navbox-space-v {
  background: transparent;
}

.ace-navbox-padding {
  padding: 1px;
}

.ace-navbox-space-h {
  width: 1px;
}

.ace-navbox-columncont .ace-navbox-space-h {
  width: 0;
  border-right: 0 solid var(--theme-border-color);
}

.ace-navbox-space-v {
  height: 1px;
  font-size: 1pt;
  line-height: 0;
}

/* Cell styles and widths */
/* Remember to update the column width calculations when changing widths */
.ace-navbox-title {
  background: var(--theme-accent-color) var(--theme-widget-background);
  border: 0 solid var(--theme-border-color);
  font-weight: normal;
  color: var(--theme-accent-dynamic-color-1);
  padding: 4px 2px;
  border-radius: 15px;
}

.ace-navbox-headertext,
.ace-navbox-titletext {
  font-weight: bold;
  padding-left: 40px;
  padding-right: 40px;
}

.ace-navbox-maintitle .ace-navbox-titletext {
  font-size: 120%;
}

.ace-navbox-editlink {
  float: left;
  width: 40px;
  text-align: left;
  margin-left: 10px;
}

.ace-navbox-cell,
.ace-navbox-colgroup,
.ace-navbox-column,
.ace-navbox-footer,
.ace-navbox-group,
.ace-navbox-header,
.ace-navbox-image,
.ace-navbox-subgroup {
  padding: 1px 2px;
  border-radius: 15px;
}

.ace-navbox-colgroup,
.ace-navbox-group,
.ace-navbox-subgroup {
  font-weight: bold;
  border-radius: 15px;
}

.ace-navbox-group,
.ace-navbox-subgroup {
  width: 15%;
  text-align: center;
  border-radius: 15px;
}

.ace-navbox-footer,
.ace-navbox-group,
.ace-navbox-header {
  background: var(--theme-page-background-color--quinary);
  border: 0 solid var(--theme-border-color);
  border-radius: 15px;
}

.ace-navbox-colgroup,
.ace-navbox-subgroup {
  background: var(--theme-page-background-color--quaternary);
  border: 0 solid var(--theme-border-color);
  border-radius: 15px;
}

.ace-navbox-cell,
.ace-navbox-column,
.ace-navbox-image {
  background: var(--theme-page-background-color--secondary);
  border: 0 solid var(--theme-border-color);
  border-radius: 15px;
}

.ace-navbox-cell-nogroups,
.ace-navbox-column,
.ace-navbox-colgroup,
.ace-navbox-footer,
.ace-navbox-image {
  text-align: center;
}

.ace-navbox-cell-withgroups {
  text-align: left;
}

.ace-navbox-column {
  vertical-align: top;
}

.ace-navbox-image {
  width: 8%;
}

/* Lists in column rows */
.ace-navbox-formatlist ul,
.ace-navbox-formatlist li {
  list-style: none;
  line-height: 16px;
  margin: 0.6em 0;
  padding: 0;
}

.ace-navbox-formatlist li li {
  font-size: 90%;
}

.ace-navbox-formatlist li ul {
  margin-top: -0.1em;
  margin-bottom: 0.5em;
}

.ace-navbox-formatlist li ul li {
  margin: 0;
}

/* Nested */
.ace-navbox .ace-navbox-nested {
  font-size: 100%;
}

.ace-navbox-nested .ace-navbox-title {
  background: var(--theme-page-background-color--quinary);
  color: var(--theme-page-text-color);
  border: 0 solid var(--theme-border-color);
}

.ace-navbox-nested .ace-navbox-footer,
.ace-navbox-nested .ace-navbox-group,
.ace-navbox-nested .ace-navbox-header {
  background: var(--theme-page-background-color--quaternary);
}

.ace-navbox-nested .ace-navbox-colgroup,
.ace-navbox-nested .ace-navbox-subgroup {
  background: var(--theme-page-background-color--tertiary);
}

/* Links  (using #content to give higher priority) */
#content .ace-navbox-editlink .ace-navbar-item a,
#content .ace-navbox-editlink .ace-navbar-item a:link,
#content .ace-navbox-editlink .ace-navbar-item a:visited,
#content .ace-navbox-editlink .ace-navbar-item a:hover,
#content .ace-navbox-editlink .ace-navbar-item a:active {
  color: var(--theme-accent-dynamic-color-1);
}

#content .ace-navbox-nowraplinks .ace-navbox-cell a,
#content .ace-navbox-nowraplinks .ace-navbox-column a {
  white-space: nowrap;
}

#content .ace-navbox-maintitle a,
#content .ace-navbox-maintitle a:link,
#content .ace-navbox-maintitle a:visited {
  color: var(--theme-accent-dynamic-color-3);
}

#content .ace-navbox-maintitle a:hover,
#content .ace-navbox-maintitle a:active {
  color: var(--theme-accent-dynamic-color-1);
}

/* ############################################ */
/* ###             Jojobox Class            ### */
/* ###             User:RurinGas            ### */
/* ############################################ */
.jojobox {
  background-color: white;
  border-style: solid;
  border-width: 3px;
  border-color: black;
  border-radius: 8px;
  width: 150px;
  display: inline-block;
}

/* ############################################ */
/* ###          Minor Ace-table fix         ### */
/* ###             User:RurinGas            ### */
/* ############################################ */

.achievements td > p {
  max-width: 960px;
  display: block;
}

.table-no-bg td {
  border: transparent;
}

.table-no-bg tr {
  background: transparent;
}

/* ############################################ */
/* ###            RURINFOBOXES CSS          ### */
/* ###             User:RurinGas            ### */
/* ############################################ */
.infobox {
	display: table;
	background: #fff;
	float: right;
	clear: right;
	font-size: 12px;
	margin: 0 0 15px 15px;
	border-radius: 10px;
	overflow-x: clip;
	border: solid 2px;
	border-color: #50656f;
	width: 270px !important;
	max-width: 270px !important;
	min-width: 270px !important;
	table-layout: fixed;
}

.infoboxnexted{
	display: table;
	min-width: 266px;
    overflow-x: clip;
    table-layout: fixed;
	width: 266px;
}

.infoboxlabel {
	font-size: 12px;
	width: 95px;
	padding: 0 0 0 5px;
	text-align: left;
}

.infoboxlabel:not(.infoboxspan2) {
  min-width: 85px;
}

.infoboxcell {
	font-size: 12px;
	text-align: left;
	padding-right: 7px;
	width: 161px;
}

.infoboxspan {
	text-align: center;
	border-top: solid 0;
	border-right: 1px solid #dce2e8;;
	border-left: 1px solid #dce2e8;;
	padding: 0 2px 0;
}

.infoboxmedia, .infoboximagecont{
	font-size: 14px;
	padding: 0;
	flex-grow: 1;
}

.infoboxsubheading{
	font-size: 14px;
	padding: 7px;
	background-color: #202a30;
    background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
    background-blend-mode: soft-light;
}

.infoboxheading {
	font-size: 18px;
	padding: 9px;
	background-color: #202a30;
    background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
    background-blend-mode: soft-light;
}

.infoboxsuperheader {
	padding: 5px 10px;
	border-bottom:1px solid #dce2e8;
    border-radius: 10px 10px 0 0;
}
	
.infoboxfooter {
	font-size: 0;
}

.infoboxborder {
	border-top:1px solid #dce2e8;
}

.infoboxtabber .tabber__tabs {
  display: flex;
  box-shadow: none;
  flex-grow: 1;
  flex-flow:wrap;
}

.infoboxtabber .tabber__tab:hover,
.infoboxtabber .tabber__tab {
	display: grid;
	flex-grow: 1;
	border: 1px solid #c7e2da;
	font-weight: Normal;
	height: 29.5px;
	box-shadow: none;
	font-size:13px;
	color: black !important;
	flex-flow:wrap;
}

.infoboxtabber .tabber__tab--active:hover,
.infoboxtabber .tabber__tab--active {
	background: #c7e2da;
	font-weight: bold;
}

.infoboxmedia .infoboxtabber .tabber__section {
      border-radius: 0 0 8px 8px 
}

.infoboxtabber .tabber__tab:only-of-type, .tabber__tab:empty {
	display: none; 	
  }

@media only screen and (max-width: 800px) {
	.infoboxnexted{
		max-height: 500px !important;
	}
}

.infoboximage {
  max-width: 270px !important;
  height: auto;
  font-size: 0;
}

.infoboxcell p, .infoboxlabel p {
  padding: 4px;
  margin: 0;
}

.infoboxtabber .tabber__panel {
  overflow-x: clip;
}

@media screen {
.infoboxnexted table {
    overflow: inherit;
  }
}

.infoboximage img, .infoboximagecont img {
  max-width: 270px !important;
  height: auto;
}

.infoboxcell p {
  word-wrap: initial;
}

.infoboxtabber-no-br .tabber__section {
  border-radius: 0 !important;
}

.infoboxmedia .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximagecont .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximage .tabber__panel:not(.tabber__panel--active) {
  display: none;
}

.infoboximage .tabber__section, .infoboximagecont .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__section {
  height: auto !important;
}

@media (prefers-reduced-motion: no-preference) and (min-width: 720px) {
  .infoboximage .tabber__section, .infoboxmedia .infoboxtabber .tabber__header, .infoboxmedia .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__tabs,
  .infoboximagecont .infoboxtabber .tabber__header, .infoboximagecont .infoboxtabber .tabber__section, .infoboximagecont .infoboxtabber .tabber__tabs{
    scroll-behavior: unset;
  }
}

.infoboxcollapse .mw-collapsible-toggle {
  rotate: 90deg;
  overflow-y: auto;
  margin: -121px 0px 0px 110px;
  position: absolute;
  left: 5px;
  font-family: 'Segoe UI';
  width: 36px;
  height: 264px;
  text-align: center;
  color: white;
}

.infoboxcollapse .mw-collapsible-toggle-default::before {
  display: none;
}

.infoboxcollapse .mw-collapsible-text {
  color: white;
  position: absolute;
  right: 15px;
  visibility: hidden;
}

.infoboxcollapse .mw-collapsible-toggle-default::after {
  content: "<";
  visibility: initial;
  font-size: 25px;
}

.infoboxcollapse .mw-collapsed .mw-collapsible-toggle-default::after {
  content: ">";
  visibility: initial;
  font-size: 25px;
}

.infoboxcollapse .mw-collapsible-toggle-collapsed::after {
  content: ">";
  visibility: initial;
  font-size: 25px;
}

.infoboxcollapse .mw-collapsible-toggle-expanded::after {
  content: "<";
  visibility: initial;
  font-size: 25px;
}

.infoboxtabber .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
  display: none;
}

.infoboxtabber .tabber__panel--active .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
  display: block;
}

.infoboximage .tabber .tabber__tab {
  height: 17.5px;
  font-size: 12px;
}

.infobox tr {
  display: flex;
}

.infoboxspan2 > p {
  display: none;
}

.infoboxtext {
  padding: 8px;
}

.infoboxspan2 {
  text-align: center;
  padding: 0;
  border-left: 1px solid #dce2e8;
  border-radius: 0 !important;
  min-width: 37px;
}

.infoboxspan2 .infoboxtext {
  padding: 4px;
}

.infoboxspan2, .infoboxsubheading, .infoboxsuperheader, .infoboxheading, .infoboxcell {
  flex-grow: 1;
}

.infobox tr:last-child td {
  border-radius: 0 0 10px 10px;
}

.infoboxtext .floatnone {
  max-height: 28px;
  top: -17px;
  position: relative;
  left: 2px;
}

.infoboxcell p {
  word-wrap: initial;
  padding: 4px 4px 4px 0;
  margin-bottom: 0;
}

/* Chrome Fixes */

.infoboxsuperheader:first-child {
    border-radius: 10px 10px 0 0;
}

.infoboxmedia:last-child {
  border-radius: 0 0 10px 10px;
}

/* ############################################ */
/* ###  Lorebox & Lead Bio Head Text Color  ### */
/* ###             User:RurinGas            ### */
/* ############################################ */

.lead-bio-container td small a,
.lorebox-highlight td big a {
  color: black;
}

/* ############################################ */
/* ###       Hide Recent Changes Legend     ### */
/* ###            User:Kate Aces            ### */
/* ############################################ */

.mw-changeslist-legend {
	display:none;
}

/* ############################################ */
/* ###       Hide Incessant MW Help Links   ### */
/* ###            User:Kate Aces            ### */
/* ############################################ */

#mw-indicator-mw-helplink a {
	display:none;
}

/* ############################################ */
/* ###     Site Footer Image Size lock      ### */
/* ###            User:RurinGas             ### */
/* ############################################ */

#footer-poweredbyico img, #f-poweredbyico img {
  width: 88px;
  height: auto;
}

/* ############################################ */
/* ###         Blinking color text          ### */
/* ###            User:Wana                 ### */
/* ############################################ */


.blink-bg{
		color: #fff;
		padding: 10px;
		display: inline-block;
		border-radius: 5px;
		animation: blinkingBackground 2s infinite;
	}
	@keyframes blinkingBackground{
		0%		{ background-color: #10c018;}
		25%		{ background-color: #1056c0;}
		50%		{ background-color: #ef0a1a;}
		75%		{ background-color: #254878;}
		100%	        { background-color: #04a1d5;}
	}
.blink-text{
		color: #000;
		font-weight: bold;
		font-size: 2rem;
		animation: blinkingText 2s infinite;
	}
	@keyframes blinkingText{
		0%		{ color: #10c018;}
		25%		{ color: #1056c0;}
		50%		{ color: #ef0a1a;}
		75%		{ color: #254878;}
		100%	{ color: #04a1d5;}
	}
	
/* ############################################ */
/* ###    Template:Collapsible Centering    ### */
/* ###            User:RurinGas             ### */
/* ############################################ */

.ace-table .mw-collapsible-toggle:not(th .mw-collapsible-toggle), .portable-infobox .mw-collapsible-toggle {
  display: contents;
}

/* ############################################ */
/* ###       Hide Front Page Title          ### */
/* ###            User:Wana                 ### */
/* ############################################ */
.page-Fallout_Wiki h1 { display: none; }


/* ############################################ */
/* ###          Snap to Top button          ### */
/* ###            User:RurinGas             ### */
/* ############################################ */

	#scrollUpButton {
		position: fixed;
		bottom: 10px;
		height: 110px;
		right: 18px;
		opacity: 0.7;
		cursor: pointer;
		display: inline;
	}

@media only screen and (max-width: 450px) {
	#scrollUpButton {
		display: none;
		visibility: hidden;
	}
	
	#projectYeltsa {
		display: none;
		visibility: hidden;
	}
}

/* ############################################ */
/* ###          Tardis Shenanigans          ### */
/* ###           User:Kate Aces             ### */
/* ###  Based on Template:Frog at JoJo Wiki ### */
/* ############################################ */

.tardis {
  opacity: 0.1;
  transition: opacity 0.5s linear;
}

.tardis:hover {
 opacity: 1;
 transition: visibility 0s 0.5s, opacity 0.5s linear;
}

.tardis img:hover {
 animation: shake 0.5s;
 animation-iteration-count: 1;
}

@keyframes shake {
	0% { transform: rotate(0deg); }
	10% { transform: rotate(-3deg); }
	20% { transform: rotate(0deg); }
	30% { transform: rotate(3deg); }
}

@media screen and (max-width: 1600px){
.tardis  {display:none;}
}

/* ############################################ */
/* ###         Content Warning Box          ### */
/* ###            User:RurinGas             ### */
/* ############################################ */
#contentWarning table {
    background-color: #e5cb69;
}
/* ############################################ */
/* ###Content Warning/ Spoiler Blackout text### */
/* ###            User:Wana             ### */
/* ############################################ */
.spoiler-text {
  background: var(--theme-body-text-color);
  display: inline;
  cursor: help;
  transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
}
.spoiler-text:hover,
.spoiler-text:focus {
  background: none;
}

/* ############################################ */
/* ###       Misc. Small Fixes/Tweaks       ### */
/* ###            User:RurinGas             ### */
/* ############################################ */
.MediaTransformError {
  display: none !important;
}

#TechnicalDifficulties {
  visibility: hidden;
}

.dplinlinefix .top-nav-main .top-nav-header center span p {
  display: inline;
}

/* ############################################ */
/* ###       Special:ContributionScores     ### */
/* ###         User:MeatServo/Kate Aces     ### */
/* ############################################ */

.contributionscores-wrapper {
}
.contributionscores-title {
    background-color: #e8c96e;
    margin-bottom: 0px;
    border-radius: 20px;
    font-size: 15px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
}
.contributionscores .header {
    background-color: #eee;
    font-weight: bold;
}
.contributionscores .odd {
    background-color: #eee;
}
.contributionscores .header td {
    padding-left: .2em;
    padding-right: .2em;
}
.contributionscores .content {
    padding-left: .2em;
    padding-right: .2em;
}
/* ############################################ */
/* ###     Medal Madness (With shine!)      ### */
/* ###             User:Wana                ### */
/* ############################################ */

/* generic shine */
.genericshine, .medalsilver, .medalgold {
  z-index: 0;
  position: relative;
}

/* Shine */
.medalgold:after{
  content:'';
  top:0;
	transform:translateX(100%);
	width:100%;
	height:100px;
	position: absolute;
	z-index:0;
	animation: medalslide 2s infinite;	   
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fef4b9',GradientType=1 ); /* IE6-9 */}

.medalsilver:after{
  content:'';
  top:0;
	transform:translateX(100%);
	width:100%;
	height:100px;
	position: absolute;
	z-index:0;
	animation: medalslide 2s infinite;	   
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}

.genericshine:after{
  content:'';
  top:0;
	transform:translateX(100%);
	width:100%;
	height:100%;
	position: absolute;
	z-index:0;
	animation: medalslide 2s infinite;	   
  /* 
  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/ 
  */
  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}

/* animation */

@keyframes medalslide {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}

.medalgold .ace-userbox {  
	background: linear-gradient(to bottom, #f5c21b, #D17000);
}

.medalsilver .ace-userbox {  
	background: linear-gradient(to bottom, #D7D7D8, #A8A9AD);
}

/* ############################################ */
/* ###             Fakelinker               ### */
/* ###             User:Wana                ### */
/* ############################################ */

.fakelinks {
	cursor: pointer;
    color: var(--theme-link-color);
}
.fakelinks:hover {
	  color: var(--theme-link-color--hover);
}
.fakelinks:focus {
	text-decoration: underline;
}
.fakelinks:visited {
    color: var(--theme-link-color--visited);
}
.fakelinks:active {
    color: var(--theme-link-color);
}

/* ############################################# */
/* ### ProfileTags for every Skin but Cosmos ### */
/* ###            User:RurinGas              ### */
/* ############################################# */

#citizenProfileTag {
  position: relative;
  color: #000;
  padding: 3px 3px 5px;
  background-color: #e1e1e1;
  border-radius: 6px;
  display: inline-block;
  margin-left: 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  line-height: 1.5;
  vertical-align: text-bottom;
}

.AprilFoolsAds img {
	width: 100%;
	height: auto;
}
/* ############################################# */
/* ###     Home is where the infobox is      ### */
/* ###              User:Wana                ### */
/* ############################################# */
.rightSideMe {
	float: right;
	clear: right;
	font-size: 12px;
	overflow-x: hidden;
	width: 270px !important;
	max-width: 270px !important;
	min-width: 270px !important;
	text-align: right;
	margin-left: auto;
}

.floatright {
	float: right;
	clear: right;
}

/* ############################################# */
/* ###     Remove language dropdown in       ### */
/* ###            upload wizard              ### */
/* ###            User:Eckserah              ### */
/* ############################################# */

.mwe-upwiz-singleLanguageInputWidget-language, .mwe-upwiz-singleLanguageInputWidget-removeItem, .mwe-upwiz-multipleLanguageInputWidget-addItem {
    display: none !important;
}

/* ############################################# */
/* ###        Affiliate Navbox Colors        ### */
/* ###            User:Eckserah              ### */
/* ############################################# */

.nav-affiliate-grouping-header {
	font-size:120%;
	color: var(--theme-nav-affiliate-header-font-color);
}

.nav-affiliate-grouping {
	font-size:112%; 
	padding-bottom: 1px; 
	border-radius: 6px; 
	background-color: var(--theme-nav-affiliate-background-color); 
	padding: 5px; width: 98%; 
	line-height: 1; 
	margin: 0px;
}

.va-tooltip {
	cursor: help;
	text-decoration: underline var(--theme-body-text-color) dotted;
}

/* ############################################# */
/* ###          Edit Message Popup           ### */
/* ###       User:RurinGas & Eckserah        ### */
/* ############################################# */
body .postedit-container {
  top: 33px;
  right: unset;
}

.postedit {
    box-shadow: rgba(127, 127, 127, 0.8) 0 0 10px 5px;
    border-radius: 20px 4px 20px 4px;
    font-weight: bold;
    border-color: black;
	background-color: var(--theme-page-background-color--aceiary) !important;
}
/* ############################################ */
/* ###         Namespace alt colors          ### */
/* ###               Kate Aces               ### */
/* ############################################ */

/*falloutwiki namespace colors*/
.theme-light.ns-4 {
  --theme-divider-background-color: #4e2d4e;
  --theme-top-nav-border-top-color: #3d2f4b;
  --theme-top-nav-background-color: #ebdbf0;
}
.theme-dark.ns-4 {
  --theme-divider-background-color: #4e2d4e;
  --theme-top-nav-border-top-color: #3d2f4b;
  --theme-top-nav-background-color: #ebdbf0;
}
/*projects namespace colors*/
.theme-light.ns-3000 {
  --theme-divider-background-color: #4e2d4e;
  --theme-top-nav-border-top-color: #3d2f4b;
  --theme-top-nav-background-color: #ebdbf0;
}

.theme-dark.ns-3000 {
  --theme-divider-background-color: #4e2d4e;
  --theme-top-nav-border-top-color: #3d2f4b;
  --theme-top-nav-background-color: #ebdbf0;
}

/*mod namespace colors*/
.theme-light.ns-4000 {
  --theme-divider-background-color: #4e452d;
  --theme-top-nav-border-top-color: #4b4b2f;
  --theme-top-nav-background-color: #e7ecd8;
}

.theme-dark.ns-4000 {
  --theme-divider-background-color: #4e452d;
  --theme-top-nav-border-top-color: #4b4b2f;
  --theme-top-nav-background-color: #e7ecd8;
}

/*community namespace colors*/
.theme-light.ns-4500 {
  --theme-divider-background-color: #215d60;
  --theme-top-nav-border-top-color: #304a42;
  --theme-top-nav-background-color: #e0e8e7;
}

.theme-dark.ns-4500 {
  --theme-divider-background-color: #bbc482;
  --theme-top-nav-border-top-color: #84791e;
  --theme-top-nav-background-color: #e1e1ce;
}

/*resources namespace colors*/
.theme-light.ns-3002 {
  --theme-divider-background-color: #4a3729;
  --theme-top-nav-border-top-color: #7d5d20;
  --theme-top-nav-background-color: #ece3dc;
}

.theme-dark.ns-3002 {
  --theme-divider-background-color: #4a3729;
  --theme-top-nav-border-top-color: #7d5d20;
  --theme-top-nav-background-color: #ece3dc;
}

/*overview namespace colors*/
.theme-light.ns-3100 {
  --theme-divider-background-color: #4e2d2d;
  --theme-top-nav-border-top-color: #4b2f2f;
  --theme-top-nav-background-color: #dbd1d1;
}

.theme-dark.ns-3100 {
  --theme-divider-background-color: #b56969;
  --theme-top-nav-border-top-color: #c97f7f;
  --theme-top-nav-background-color: #756f6f;
}

/*technical namespace colors*/
.theme-light.ns-3300 {
  --theme-divider-background-color: #20384E;
  --theme-top-nav-border-top-color: #25384B;
  --theme-top-nav-background-color: #CFD4DA;
}

.theme-dark.ns-3300 {
  --theme-divider-background-color: #4783B6;
  --theme-top-nav-border-top-color: #6298C9;
  --theme-top-nav-background-color: #6E7174;
}
/*source namespace colors*/
.theme-light.ns-3300 {
  --theme-divider-background-color: #20384E;
  --theme-top-nav-border-top-color: #25384B;
  --theme-top-nav-background-color: #CFD4DA;
}

.theme-dark.ns-3300 {
  --theme-divider-background-color: #4783B6;
  --theme-top-nav-border-top-color: #6298C9;
  --theme-top-nav-background-color: #6E7174;
}
/*marketing namespace colors*/
.theme-light.ns-3400 {
  --theme-divider-background-color: #20384E;
  --theme-top-nav-border-top-color: #25384B;
  --theme-top-nav-background-color: #CFD4DA;
}

.theme-dark.ns-3400 {
  --theme-divider-background-color: #4783B6;
  --theme-top-nav-border-top-color: #6298C9;
  --theme-top-nav-background-color: #6E7174;
}
/*user namespace colors*/
.theme-light.ns-2 {
  --theme-top-nav-border-top-color: #2f354b;
  --theme-top-nav-background-color: #cbdbec;
}

.theme-dark.ns-2 {
  --theme-top-nav-border-top-color: #2f354b;
  --theme-top-nav-background-color: #cbdbec;
}

/* ################################################ */
/* ### NEW CRAFTING TABLES                      ### */
/* ################################################ */

.ace-crafting-table-new {
  font-size: 11px;
  line-height: 16px;
  margin-bottom: 5px;
  border-radius: 12px;
}

.ace-crafting-block-new {
  border: 1px solid var(--theme-border-color);
  margin: 0;
  padding: 1px 2px;
  border-radius: 12px;
  background-color: var(--theme-craftingbox-color);
}

.ace-crafting-block-new + .ace-crafting-block-new {
  margin-top: 3px;
  border-radius: 12px;
}

.ace-crafting-requirement-new {
  background-color: var(--theme-page-background-color--quaternary);
  border-radius: 12px;
}

.ace-crafting-highlight-new {
  background-color: var(--theme-craftingbox-color);
  border-radius: 12px;
}

.ace-crafting-table-new .selflink {
  font-weight: normal;
  border-radius: 12px;
}

/* ######################################################### */
/* ###   Make stuff in parenthesis smaller and italics   ### */
/* ###                      User:Wana                    ### */
/* ######################################################### */
.title-parenthesis {
    font-style: italic; /* Make text italic */
    font-size: 0.7em; /* Slightly smaller font size */
    opacity: 0.9; /* 90% transparency */
    color: inherit; /* Keep the text color consistent with the title */
}
/* ######################################################### */
/* ###               Make the namespace tag styled too   ### */
/* ###                      User:Wana                    ### */
/* ######################################################### */
.namespace-tag {
    font-size: 0.65em;   /* Set the size to 65% of the original font size */
    opacity: 0.9;        /* Set the opacity to 90% */
    color: inherit;      /* Inherit color from the surrounding text */
    font-weight: bold;   /* Make the namespace text bold */
    display: inline-block; /* Ensure it flows with the title */
    width: 100%;         /* Ensure it spans the full width for proper alignment */
    position: relative;  /* Absolute positioning to place it above the title */
    left: 0;             /* Align it to the left */
    padding-bottom: 5px; /* Adds some space below the namespace tag */
}
/* Optional: Only apply padding when there is a namespace tag */
.has-namespace #cosmos-title-text {
    padding-top: 22px;  /* Add padding only if namespace tag exists */
}

/* ######################################################### */
/* ###        Rurin's cheap recursive collumn fix        ### */
/* ###                   User:RurinGas                   ### */
/* ######################################################### */
.va-columns > .va-columns {
  column-count: auto !important;
}

/* ################################################### */
/* ###       Fix search current tab to show        ### */
/* ###             that it's current               ### */
/* ###                User:Ecks                    ### */
/* ################################################### */
.search-types .current {
	background-color: var(--theme-search-tab-current-background-color);
}

#content .search-types li {
	border-right: 1px solid #c8ccd1;
}

#content .search-types li a {
	color: var(--theme-link-color);
}

#content .search-types .current a, #content .search-types .current a:visited {
	color: var(--theme-search-tab-current-text-color);
	font-weight: bold;
}

/* ######################################################### */
/* ###            Rurin's Qwerky Color Filters           ### */
/* ###                   User:RurinGas                   ### */
/* ######################################################### */

.color-nv {
	filter: sepia(100%) saturate(250%) hue-rotate(-10deg);
}

.color-3 {
	filter: sepia(100%) saturate(250%) hue-rotate(75deg);
}

.intactv-mapmarker:hover a img {
  transform: scale(1.3);
}



/* ######################################################### */
/* ###                  Map Backgrounds                  ### */
/* ###                   User:RurinGas                   ### */
/* ######################################################### */
/* ### BASE ### */
.basemap {
  width: 1024px;
  height: 1024px;
  margin: auto;
  border: 0 solid #20a200;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
}

/* ### FALLOUT 3 ### */
.fo3map {
	background-image: url('[[File:Fallout_3_blank_map.png]]');
}

.plmap {
	background-image: url('[[File:Point_Lookout_map_with_locations.png]]');
}

.tpmap {
	background-image: url('[[File:Dlc01pittworldmap.png]]');
}

.oamap {
	background-image: url('[[File:Fo3_Operation_Anchorage_map.jpg]]');
}


/* ### FALLOUT: NEW VEGAS ### */
.fnvmap {
	background-image: url('[[File:Wasteland_nv_1024_no_map.png]]');
}

.owbmap {
	background-image: url('[[File:Big_Empty.jpg]]');
}

.hhmap {
	background-image: url('[[File:Zion_worldmap_01.jpg]]');
}

.lrmap {
	background-image: url('[[File:Wasteland_divide_1024_no_map.jpg]]');
}

/* ### FALLOUT 4 ### */

.fo4map {
	background-image: url('[[File:Fo4-pip-map.png]]');
}

.fhmap {
	background-image: url('[[File:Map_Far_Harbor.png]]');
}

.nwmap {
	background-image: url('[[File:PipBoy-Map-NukaWorld.png]]');
}

/* ### FALLOUT 76 ### */
.f76map {
	background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
}

/* ############################################################################# */
/* ###                 Styling in resource pages User:pra                    ### */
/* ### --------------------------------------------------------------------  ### */
/* ############################################################################# */
tr.node-conflict-row td:first-child .reference a,
tr.node-conflict-row td:nth-child(2) .reference a,
tr.node-conflict-row td:nth-child(3) .reference a {
    cursor: help;
}

.node-conflict-basegame, 
body #mw-content .node-conflict-basegame .reference a {
    color:red; 
    font-weight:bold;
}

tr.node-conflict-basegame td:nth-child(2) .reference a:before {
    content: "☠";
    margin-right: 5px;
}


.node-conflict-mod, 
.node-conflict-cc,
body #mw-content .node-conflict-mod .reference a , 
body #mw-content .node-conflict-cc .reference a {
    color:red;
}

tr.node-conflict-cc td:nth-child(2) .reference a:before,
tr.node-conflict-mod td:nth-child(2) .reference a:before {
    content: "⚠";
    margin-right: 5px;
}

.node-conflict-allowed, 
body #mw-content .node-conflict-allowed .reference a {
    color:#828200;
}

tr.node-conflict-allowed td:nth-child(2) .reference a:before {
    content: "ⓘ";
    margin-right: 5px;
}


ul.node-conflicts > li {
    list-style-type: none;
}

ul.node-conflicts > li:before {
    content: " ";
    margin-left: -1.2em;
    margin-right: 0.4em;
}



ul.node-conflicts > li.conflict-line-allowed:before {
    content: "ⓘ";
}

ul.node-conflicts > li.conflict-line-cc:before,
ul.node-conflicts > li.conflict-line-mod:before {
    content: "⚠";
}

ul.node-conflicts > li.conflict-line-base:before {
    content: "☠";
}

/* ############################################################################# */
/* ###          Removelink class for links that we want to be the            ### */
/* ###                       same color as normal text                       ### */
/* ###                             User: Ecks                                ### */
/* ############################################################################# */
.removelink {
	color: var(--theme-body-text-color) !important;
}


/* ############################################################################# */
/* ###               Fix placement of sound files in tables                  ### */
/* ###                            User: Rurin                                ### */
/* ############################################################################# */
.ace-table td .np-quote-snd-trigger {
 display: contents;
}

.ace-table td .np-quote-snd-trigger .np-quote-snd-player {
 top: inherit;
 left: inherit;
}

/*.cosmos-header__wordmark a img {
	content:url("[[File:Wiki.webp]]");
}*/

/* ############################################################################# */
/* ###                 Tabber tabs are more obviously tabs                   ### */
/* ###                            User: Rurin                                ### */
/* ############################################################################# */

.tabber__tab--active {
  background: #8de6dd73 !important;
}

.tabber__tabs > a {
  background: #80808061;
  border: 1px gray solid;
  border-radius: 5px 5px 0 0;
}
/* ############################################################################# */
/* ###                 Cool wiggle, shake, pulse and zoom fx                 ### */
/* ###                                                                       ### */
/* ###                             User: Wana                                ### */
/* ############################################################################# */
/*Original CSS by Digitango https://codepen.io/Digitango/pen/YQQBXR*/
/* Add display: inline-block to ALL animation classes */
.wiggleFX-icon,
.shakeFX-icon,
.pulseFX-icon,
.wiggleAlwaysFX-icon,
.shakeAlwaysFX-icon,
.pulseAlwaysFX-icon,
.zoomAlwaysFX-icon,
.zoomFX-icon {
    display: inline-block; /* Critical for these animations */
}
.wiggleAlwaysFX-icon {
    animation: wigglesoft 1.5s ease-in-out infinite;
}
/* Wiggle effect for icons/images */
.wiggleFX-icon:hover {
    animation: wiggle 1000ms ease-in-out 1;
}
.popFX-icon {
  transition: 0.4s ease-out;
}

.popFX-icon:hover {
  transform: scale(1.04);
}
/* Shake effect */

.shakeFXAlways-icon {
    animation: shake 0.5s ease-in-out infinite;
}
.shakeFX-icon:hover {
    animation: shake 0.5s ease-in-out 1;
}

/* Pulse effect */
.pulseFX-icon:hover {
    animation: pulse 1s ease-in-out infinite;
}
.pulseAlwaysFX-icon {
    animation: pulse 1s ease-in-out infinite;
}
/* Zoom effect */
.zoomFX-icon:hover {
    animation: zoom 0.3s ease-in-out 1;
    transform-origin: center;
}
.zoomAlwaysFX-icon {
    animation: zoom 0.3s ease-in-out infinite;
    transform-origin: center;
}
/* Keyframes */
@keyframes wiggle {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-5deg); }
    50% { transform: rotate(10deg); }
    75% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
@keyframes wigglesoft {
    0%   { transform: rotate(0deg); }
    15%  { transform: rotate(-3deg); }
    30%  { transform: rotate(3deg); }
    45%  { transform: rotate(-2deg); }
    60%  { transform: rotate(2deg); }
    75%  { transform: rotate(-1deg); }
    90%  { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20% { transform: translateX(-5px); }
    40% { transform: translateX(5px); }
    60% { transform: translateX(-5px); }
    80% { transform: translateX(5px); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes zoom {
    0% { transform: scale(1); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
/* ############################################################################# */
/* ###                    Glowy backround for text fx                       ### */
/* ###                                                                       ### */
/* ###                             User: Wana                                ### */
/* ############################################################################# */
/*Original CSS by Ryan Colgin https://codepen.io/ryancolgin/pen/DMewJJ*/
/* Add the basic effects to all colors */
.glowYellowFX-icon,
.glowBlueFX-icon,
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.glowYellowFX-icon:hover,
.glowBlueFX-icon:hover,
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/* Inline block for the animated ones */
.glowRainbowFX-icon,
.glowRainbow2FX-icon {
    display: inline-block; /* Critical for all animations */
}
/*Yellow*/
.glowYellowFX-icon:hover {
  text-shadow: 0px 0px 30px var(--theme-accent-dynamic-color-3); /* For text elements */
  -webkit-filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* For images (Webkit) */
  filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* Standard for images */
}
/*Blue*/
.glowBlueFX-icon:hover {
  text-shadow: 0px 0px 30px var(--theme-page-background-color--quinary); /* For text elements */
  -webkit-filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* For images (Webkit) */
  filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* Standard for images */
}
/* Rainbow glow */
.glowRainbow2FX-icon {
  position: relative;
  display: inline-block;
}

.glowRainbow2FX-icon::after {
  content: '';
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  z-index: -1;

  background: linear-gradient(90deg,
    rgba(255, 0, 24, 0.8),     /* Red */
    rgba(255, 140, 0, 0.8),    /* Orange */
    rgba(255, 237, 0, 0.8),    /* Yellow */
    rgba(0, 128, 38, 0.8),     /* Green */
    rgba(0, 77, 255, 0.8),     /* Blue */
    rgba(117, 7, 135, 0.8),    /* Purple */
    rgba(255, 0, 24, 0.8),     /* Red again */
    rgba(255, 140, 0, 0.8),    /* Orange again */
    rgba(255, 237, 0, 0.8),    /* Yellow again */
    rgba(0, 128, 38, 0.8),     /* Green again */
    rgba(0, 77, 255, 0.8),     /* Blue again */
    rgba(117, 7, 135, 0.8),    /* Purple again */
    rgba(255, 0, 24, 0.8)      /* Final Red to loop */
  );

  background-size: 300% 100%;
  background-repeat: repeat;
  filter: blur(12px);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.3s ease;
  animation: none;
}

.glowRainbow2FX-icon:hover::after {
  opacity: 1;
  animation: rainbow-glow-loop 6s linear infinite;
}

@keyframes rainbow-glow-loop {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}


/* ############################################################################# */
/* ###                  Lazy username template fallback                      ### */
/* ###                         User: RurinGas                                ### */
/* ############################################################################# */
.insertusername:empty::after {
  content: 'User';
}
/* ############################################################################# */
/* ###                       3D Viewer stuff from TF2wiki                    ### */
/* ###                             User: Wana                                ### */
/* ############################################################################# */
/* 3D/2D viewer */
.container-2d {
  display: none;
  position: relative;
}

.viewer-2d {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

#switch-to-3d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("/6/65/2D_icon.png");
  width: 63px;
  height: 42px;
  z-index: 999;
  opacity: 0.5;
  cursor :pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

#switch-to-2d {
  position: absolute;
  top: 0;
  right: 0;
  background: url("/7/7e/3D_icon.png");
  width: 63px;
  height: 42px;
  z-index: 999;
  opacity: 0.5;
  cursor: pointer;
  cursor: hand;
  transition: opacity 0.2s;
}

#switch-to-3d:hover, #switch-to-2d:hover {
  opacity: 1.0;
}

/* 3D model viewer */
.viewer-3d span {
    display: none;
}
.viewer-3d {
    background: #ffffff;
    margin: 4px;
    display: block;
    cursor: move;
    position: relative;
}
.viewer-3d-frame {
    position: absolute;
}
.viewer-3d-overlay {
    background: url(e/ed/3D_rotation_icon.png) bottom right no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    position: relative;
}
/* End 3D model viewer */

/* New 3D viewer specific CSS */
.viewer-3d-container {
  display: block;
  padding: 2px;
  margin-left: auto;
  margin-right: auto;
  background: #ffffff;
  width: 288px;
}

.viewer-3d-container ul {
  padding: 0px;
  margin: 0px;
}
.viewer-3d-container ul li {
  display: block;
  margin: 0px;
  margin-top: 2px; /* For vertical spacing of the buttons */
  list-style: none;
  text-align: center;
}
.viewer-3d-container ul a {
  display: block;
  width: 134px;
  padding: 4px;
  color: #ffffff;
  text-decoration: none;
  font-family: "TF2 Build";
  font-size: 1.25em;
  opacity: .5;
}
.viewer-3d-container ul a:hover {
  opacity: 1;
}

.view-selector-red,
.view-selector-red-right,
.view-selector-red-left,
.view-selector-red-full,
.view-selector-red a,
.view-selector-red-right a,
.view-selector-red-left a {
  background: #B8383B;
} 
.view-selector-red,
.view-selector-red-left {
  float: left
}
.view-selector-red-right {
  float: right;
}
.view-selector-red-full {
  width: 100%;
  clear: both;
  float: left;
}
.view-selector-red-full a {
  width: 100% !important;
}
.view-selector-blu,
.view-selector-blu-right,
.view-selector-blu-left,
.view-selector-blu-full,
.view-selector-blu a,
.view-selector-blu-right a,
.view-selector-blu-left a {
  background: #5885A2;
}
.view-selector-blu,
.view-selector-blu-right {
  float: right;
}
.view-selector-blu-left {
  float: left;
}
.view-selector-blu-full {
  width: 100%;
  clear: both;
  float: left;
}
.view-selector-blu-full a {
  width: 100% !important;
}
.view-selector-default-left {
    float: left;
    background: #F3A957;
}
.view-selector-default-right {
    float: right;
    background: #F3A957;
}
.view-selector-default-full {
    width: 100%;
    float: left;
    clear: both;
    background: #F3A957;
}
.view-selector-default-full a {
    width: 100% !important;
}

div.mw-highlight, div.mw-highlight * {
    font-family: monospace !important;
}
/* ############################################################################# */
/* ###           Special Mbox styling for overlayed images                   ### */
/* ###                             User: Wana                                ### */
/* ############################################################################# */
/* Icon overlay styling */
.va-icon-container {
    position: relative;
    display: inline-block;
    line-height: 0;
}

.va-icon-overlay {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 10;
    border-radius: 50%;
    padding: 2px;
    
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    animation: overlaygentlewiggle 2s ease-in-out infinite;
    /* Ensure smooth animation */
    transform: translateZ(0);
}
@keyframes overlaygentlewiggle {
    0%, 100% {
        transform: rotate(0deg) translateY(0);
    }
    25% {
        transform: rotate(3deg) translateY(-2px);
    }
    50% {
        transform: rotate(0deg) translateY(0);
    }
    75% {
        transform: rotate(-3deg) translateY(-2px);
    }
}

.ace-new-page-templates {
	margin: 0 0 0 0; 
	padding: 2px;
}

.ace-new-page-templates .ace-table-top {
	background: transparent; 
	margin: 0; 
	width: 100%;
}

.ace-new-page-templates .game-name {
	/* width: 15%; */
	text-align: right; 
	white-space: nowrap;
	padding-left: 10px;
}

.ace-new-page-templates .template-list {
	padding-left: 0px;
}

.ace-new-page-templates .template-list-header {
	color: var(--theme-ace-new-page-templates-header-text-color);
	margin-left: 10px;
}

.ace-new-page-templates .template-list-contents {
	margin-left: 20px;
}

.CategoryTreeTag {
	margin-top: 0 !important;
}

.va-navbox-cell > div {
	display: flex;
    flex-wrap: wrap;
}

/* ############################################ */
/* ###            Image Resizing            ### */
/* ###             User:RurinGas            ### */
/* ############################################ */

  a > img {
    max-width: 100%;
    height: auto;
  }
  
@media screen {
  a.image > img {
    max-width: 100%;
  }
}

.ace-flex-table img {
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

/* Emergancy Resizing Escape */

.notpageimage {
  max-width: unset;
  height: unset;
}

.thumbimage {
  width: 100%;
  height: auto;
}

/* ############################################ */
/* ###      SocialProfile Cog PFP frame     ### */
/* ###             User:RurinGas            ### */
/* ############################################ */
/* Disabled by request of kate */
/*#profile-image img {
	clip-path: polygon(43% 11%, 45% 2%, 56% 2%, 58% 12%, 69% 16%, 77% 9%, 86% 17%, 80% 26%, 86% 36%, 97% 37%, 98% 47%, 89% 51%, 87% 62%, 95% 70%, 89% 79%, 79% 76%, 70% 83%, 71% 94%, 62% 97%, 57% 88%, 43% 88%, 38% 97%, 29% 94%, 30% 83%, 21% 76%, 11% 79%, 6% 70%, 13% 62%, 11% 50%, 2% 47%, 3% 37%, 14% 36%, 20% 25%, 15% 16%, 22% 10%, 31% 16%);
}*/

/* ############################################ */
/* ###             Bingo stuff              ### */
/* ###               User:Wana              ### */
/* ############################################ */
.bingo-dim img {
  opacity: 0.3;
  filter: grayscale(100%);
}

/* ############################################ */
/* ###  Minor Suggested Article Card Fixes  ### */
/* ###             User:RurinGas            ### */
/* ############################################ */

.ext-related-articles-card-list h3::after {
	right: 1px;
}

.ext-related-articles-card-detail h3 a {
	line-height: 1.4;
}

/* ############################################ */
/* ###    Fix for dismissable site notice   ### */
/* ###             User:Eckserah            ### */
/* ############################################ */
.client-js .mw-dismissable-notice {
	display: none;
}

/* ############################################ */
/* ###       Hiding Unneccessary Option     ### */
/* ###        on Special:UploadWizard       ### */
/* ###              User:Rurin              ### */
/* ############################################ */

a[href="/wiki/Commons:Upload_tools"] {
  display: none;
}

/* ############################################ */
/* ###   Fake login screen and real login   ### */
/* ###             screen fixes             ### */
/* ###             User:Eckserah            ### */
/* ############################################ */
.fakeTextInput {
	text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;
    appearance: textfield
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em 0em 0em 0em;
    padding-block: 1px;
    padding-inline: 2px;
    
    overflow-clip-margin: 0px !important;
    overflow: clip !important;
    
    
	background-color: var(--color-surface-1);
    color: #73777c;;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    border-color: var(--border-color-base);
    padding: 6px 8px;
    box-shadow: inset 0 0 0 1px transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.28571429em;
    vertical-align: middle;
}

.fakeCheckBox {
    text-rendering: auto;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: checkbox;
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em 0em 0em 0em;
    border-width: 2px;
    border-style: inset;
    border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    margin: 0;
    font-size: inherit;
    font-stretch: inherit;
    font-style: inherit;
    font-variant: inherit;
    font-weight: inherit;
    line-height: normal;
    padding: 0;
    box-sizing: border-box;
    margin: 0.35em 0.2em 0.25em 0.35em;
    display: table-cell;
    position: relative;
    width: 1.5625em;
    height: 1.5625em;
    max-width: none;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

#testuserloginForm .mw-ui-vform-field {
    display: block;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

#testuserloginForm .mw-ui-input {
	background-color: #ffffff;
    color: #000000;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    padding: 6px 8px;
    box-shadow: inset 0 0 0 1px transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.28571429em;
    vertical-align: middle;
}

#testuserloginForm .mw-htmlform {
	clear: both;
}

#testuserloginForm .mw-ui-vform {
	-moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 290px;
}

#testuserloginForm .fakeInput {
	padding: 0.34em;
    margin: 0.5em 0;
}

#testuserloginForm .mw-ui-vform-field {
	display: block;
    margin: 0 0 15px;
    padding: 0;
    width: 100%;
}

#testuserloginForm .mw-ui-checkbox {
	display: table;
    position: relative;
    line-height: 1.5625em;
    vertical-align: middle;
}

#testuserloginForm .mw-ui-checkbox .fakeCheckBox {
	box-sizing: border-box;
    padding: 0;
    margin: 0.35em 0.2em 0.25em 0;
    display: table-cell;
    position: relative;
    width: 1.5625em;
    height: 1.5625em;
    max-width: none;
    opacity: 1;
    z-index: 1;
    background-color: white;
}

#testuserloginForm .mw-ui-button {
	background-color: #f8f9fa;
    color: #202122;
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #a2a9b1;
    border-radius: 0;
    cursor: pointer;
    vertical-align: middle;
    font-family: inherit;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.28571429em;
    text-align: center;
    -webkit-appearance: none;
    
    display: block;
    width: 100%;
}

#testuserloginForm .mw-ui-button:not(.mw-ui-icon-element) {
    min-height: 32px;
    min-width: 4em;
    max-width: 28.75em;
    margin: 0;
    padding: 5px 12px;
}

#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: #3366cc;
    color: #fff;
    border-color: #3366cc;
}

#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: #447ff5;
    border-color: #447ff5;
}

#testuserloginForm .mw-ui-vform .mw-form-related-link-container {
    margin-bottom: 0.5em;
    text-align: center;
}

#testuserloginForm #mw-createaccount-cta {
    width: 20em;
    background: url(/resources/src/mediawiki.special.userlogin.login.styles/images/glyph-people-large.png?91ec9) no-repeat 50%;
    margin: 0 auto;
    padding-top: 7.8em;
    font-weight: bold;
}

#mw-createaccount-cta {
	max-width: 100%;
}

#testuserloginForm .mw-ui-vform, #userloginForm .mw-ui-vform {
	float:left;
}

#testuserloginForm .loginAddition, #userloginForm .loginAddition {
	float:right;
	width: calc(100% - 320px);
}

/* ############################################ */
/* ###    Family Tree Mobile Formatting     ### */
/* ###            User:RurinGas             ### */
/* ############################################ */

@media only screen and (max-width: 450px) {
	
.familytree tr > td > div:not(.imagebox) {
  width: 0.1px !important;
}

.familytree tr > td > .imagebox {
   width: fit-content;
   min-width: 60px;
}

.familytree tr > td a {
  line-height: 9pt;
  display: block;
  font-stretch: extra-condensed;
  font-size: 8pt;
}

.familytree tr > td .portalbox {
  height: 50px !important;
}


.familytree td div:not(.imagebox):not(.portalbox) {
  height: 5px !important;
}

}

/* ############################################# */
/* ### Remove Scroll Section on Media Viewer ### */
/* ###             User:RurinGas             ### */
/* ############################################# */

.mw-mmv-image-metadata {
  display: none;
}

/* ############################################# */
/* ###     Remove Bold Text on self-link     ### */
/* ###             User:RurinGas             ### */
/* ############################################# */

a.mw-selflink {
  font-weight: inherit;
}

/* ############################################# */
/* ###     Old CSS - fallout.fandom.com/de   ### */
/* ###             User:RealKortak           ### */
/* ############################################# */

.fw-dirbox {
    backdrop-filter: blur(10px);
    border: 2px #4d93c1 inset;
    border-radius: 5px;
    clear: left;
    font-size: 13px;
    line-height: 16px;
    margin: 10px 0;
    padding: 5px;
}

figure[typeof~='mw:File'].mw-halign-none, figure[typeof~='mw:File/Frameless'].mw-halign-none {
    clear: none;
    float: none;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.homepage-kopfzeile {
	background:url(../images/2/29/Hauptseite-Wallpaper.webp)center center/cover;
	border-radius:10px;
	padding:20px!important;
	color: #fff;
}

.portal-box {
    -moz-box-align: center;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -ms-box-align: center;
    -ms-box-direction: normal;
    -ms-box-orient: horizontal;
    -ms-box-pack: center;
    -ms-flex-align: center;
    -ms-flex-direction: row;
    -ms-flex-line-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-flex-direction: row;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.fw-portal-sektion {
    border: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb), .3);
    border-radius: 12px;
    width: -moz-available;
    width: -webkit-fill-available;
}

.portal-box-content, .portal-box-content p {
    margin: 10px;
}

.portal-box-content img:hover {
    -moz-transform: translate3d(0,-10px,100px);
    -ms-transform: translate3d(0,-10px,100px);
    -o-transform: translate3d(0,-10px,100px);
    -webkit-filter: drop-shadow(2px 18px 12px #000);
    -webkit-transform: translate3d(0, -10px, 100px);
    filter: drop-shadow(2px 18px 12px #000);
    transform: translate3d(0, -10px, 100px);
}

.portal-box-content img {
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-object-fit: cover;
    -o-transition: .3s;
    -webkit-filter: drop-shadow(2px 4px 6px #000);
    -webkit-transition: .3s;
    filter: drop-shadow(2px 4px 6px #000);
    height: 200px;
    max-height: 200px;
    max-width: 150px;
    object-fit: cover;
    transition: .3s;
    width: 150px;
}

.fw-portal-body {
    background: #0136584d !important;
    padding: 25px;
    border: solid 2px var(--theme-link-color
                         )
}


th.fw-portal-header {
    font-size: 28px;
    background: var(--theme-link-color);
    color: #fff;
    border-radius: 10px 10px 0px 0px 
    
}

@@ Zeile 1: / Zeile 1: @@
-/* ######################################################################## */
+/* Font drip */
-/* ### CSS placed here will be applied to all skins on the entire site. ### */
+@font-face {
-/* ### See also: [[MediaWiki:Monaco.css]] & [[MediaWiki:Monobook.css]]  ### */
+  font-family: DTM-Mono;
-/* ######################################################################## */
+  src: url("/resources/fonts/DTM-Mono.otf");
+}
+@font-face {
+  font-family: DTM-Sans;--theme-page-background-color--secondary
+  src: url("/resources/fonts/DTM-Sans.otf");
+}
+@font-face {
+  font-family: Futura;
+  src: url("/resources/fonts/Futura-CondensedLight.otf");
+}
+.font-dtm-mono, .font-dtm-mono * {
+  font-family: DTM-Mono, Arial, Helvetica, sans-serif;
+}
+.font-dtm-sans, .font-dtm-sans * {
+  font-family: DTM-Sans, Arial, Helvetica, sans-serif;
+}
+/* Root var colors */
+body {
+  --theme-body-dynamic-color-1: #fff;
+  --theme-body-dynamic-color-2: #e6e6e6;
+  --theme-page-dynamic-color-1: #000;
+  --theme-page-dynamic-color-1--inverted: #fff;
+  --theme-page-dynamic-color-2: #3a3a3a;
+  --theme-sticky-nav-dynamic-color-1: #fff;
+  --theme-sticky-nav-dynamic-color-2: #e6e6e6;
+  --theme-link-dynamic-color-1: #fff;
+  --theme-link-dynamic-color-2: #e6e6e6;
+  --theme-accent-dynamic-color-1: #fff;
+  --theme-accent-dynamic-color-2: #e6e6e6;
+  --theme-body-background-color: #090b0f;
+  --theme-body-text-color: #000;
+  --theme-body-text-color--hover: #ccc;
+  --theme-sticky-nav-background-color: #182e44;
+  --theme-sticky-nav-text-color: #fff;
+  --theme-sticky-nav-text-color--hover: #ccc;
+  --theme-page-background-color: #feffff;
+  --theme-page-background-color--secondary: #e6f4fa; /* light blue */
+  --theme-page-background-color--tertiary: #bfd2df; /* medium blue */
+  --theme-page-background-color--quaternary: #e1f2f5; /* light blue */
+  --theme-page-background-color--quinary: #95b4ca; /* dark blue */
+  --theme-page-background-color--aceiary: #D1EBF2; /* medium teal blue */
+  --theme-page-background-color--light: #f9f9f9; /* almost white */
+  --theme-page-background-color--yellow: #f9f9f9; /* almost white */
+  --theme-page-background-color--secondarymod: #d2d8e9; /* mods namespace bg, backup:d9ead3 */
+  --theme-page-background-color--secondarycom: #d9ead3; /* community namespace bg, backup:faf1d9 */
+  --theme-page-background-color--secondaryres: #e4e9d2; /* resources namespace bg, backup:fce5cd */
+  --theme-page-background-color--secondaryifw: #d8d2e9; /* falloutwiki namespace bg, backup:d9d2e9 */
+  --theme-page-background-color--secondaryovv: #d2d8e9; /* overview namespace bg */
+  --theme-page-background-color--gray: #ddd;
+  --theme-page-text-color: #3a3a3a;
+  --theme-page-text-color--hover: #6d6d6d;
+  --theme-page-text-mix-color: #9c9d9d;
+  --theme-page-text-mix-color-95: #f4f5f5;
+  --theme-page-accent-mix-color: #8f9598;
+  --theme-page-headings-font: "Work Sans";
+  --theme-link-color: #36b;
+  --theme-link-color--hover: #36b;
+  --theme-link-label-color: #fff;
+  --theme-accent-color: #202a30;
+  --theme-accent-color--hover: #485f6d;
+  --theme-accent-label-color: #fff;
+  --theme-border-color: #939393;
+  --theme-border-color-test: #4d6464;
+  --theme-alert-color: #bf0017;
+  --theme-alert-color--hover: #59000a;
+  --theme-alert-color--secondary: #bf0017;
+  --theme-alert-label: #fff;
+  --theme-warning-color: #cf721c;
+  --theme-warning-color--secondary: #ce711b;
+  --theme-warning-label: #000;
+  --theme-success-color: #0c742f;
+  --theme-success-color--secondary: #0c742f;
+  --theme-success-label: #fff;
+  --theme-message-color: #753369;
+  --theme-message-label: #fff;
+  --theme-community-header-color: #fff;
+  --theme-community-header-color--hover: #fff;
+  --theme-background-image-opacity: 76%;
+  --theme-page-text-opacity-factor: 0.85;
+  --theme-body-text-opacity-factor: 0.7;
+  --theme-link-color--visited: #36b;
+  --theme-link-color--external: #36b;
+  --theme-border-color-alt: #818181;
+  --theme-directionbox-color: #E8F3F0;
+  --ace-background-color: #e4f0f6;
+  --ace-text-color: #2a2a2a;
+  --ace-table-background-color: #e6f4fa;
+  --ace-table-text-color: #000;
+  --ace-table-heading-background-color: #e5cb69;
+  --theme-accent-dynamic-color-3: #e3df65;
+  --theme-widget-background: none;
+  --theme-horizontal-nav-background-color: #D1EEEE;
+  --theme-source-text-border-top-color: #2B4563;
+  --theme-source-text-background-color: #F8FFF5;
+  --theme-containerTem-background-color: #37535f;
+  --theme-page-toc-background-color: #f8f9fa;
+  --theme-page-containerTem-content-background-color: #FAFAFA;
+  --theme-nav-simple-border-top-color: #2B4563;
+  --theme-nav-simple-background-color: #F8FFF5;
+  --theme-nav-background-color--headermod: #d1e8ff; /* mods namespace header bg, blue */
+  --theme-nav-background-color--headercom: #a9c7ee; /* community namespace headerbg, teal */
+  --theme-nav-background-color--headerres: #96A5C2; /* resources namespace headerbg, blurple */
+  --theme-nav-background-color--headerifw: #e8d1ff; /* falloutwiki namespace header bg, purple */
+  --theme-nav-background-color--headeruser: #d1ffd1; /* user namespace header bg, mint */
+  --theme-nav-background-color--headerovv: #d1e8ff; /* portal header bg, pale blue */
+  --theme-nav-background-color--navbars: #e5cb69; /* naviganavbarstion bars */
+  --theme-page-background-color--k8quinary: #446b86;
+  --theme-page-background-color--k8secondary: #e6f4fa;
+  --theme-page-background-color--k8tertiary: #bfd2df;
+  --theme-page-background-color--k8test: #5586a8;
+  --theme-nav-affiliate-background-color: #f0f4f8;
+  --theme-nav-affiliate-header-font-color: #fafafa;
+  --theme-top-nav-background-color: #daefe8;
+  --theme-top-nav-border-top-color: #303c4c;
+  --theme-top-nav-background-color-ovv: #daefe8;
+  --theme-top-nav-border-top-color-ovv: #303c4c;
+  --theme-craftingbox-color: #e7ca6c;
+  --theme-search-tab-current-background-color: var(--theme-page-background-color--aceiary);
+  --theme-search-tab-current-text-color: var(--theme-body-text-color);
+  --theme-ace-new-page-templates-header-text-color: #b08f26;
+}
+/* ################################################################ */
+/* ###                                                          ### */
+/* ###            ADD CODE TO THE APPROPRIATE SECTION.          ### */
+/* ###               SEE TABLE OF CONTENTS BELOW.               ### */
+/* ###                                                          ### */
+/* ### CSS added to this file is applied to the entire site.    ### */
+/* ### Note that Kate Aces is the coolest.                      ### */
+/* ###                                                          ### */
+/* ################################################################ */
+/* ############################################ */
+/* ### OVERRIDE COLORS IN EDITOR NOTICE IN  ### */
+/* ###  DARK MODE. Valid as of Mar 13 2022  ### */
+/* ###     Edit a page. This is the help    ### */
+/* ###         text box at the top          ### */
+/* ###            User:Eckserah             ### */
+/* ############################################ */
+.smw-editpage-help {
+  background: var(--theme-page-background-color--secondary);
+}
+/* ############################################ */
+/* ###       OVERRIDE SOME COLORS ON        ### */
+/* ###       IMAGE PAGES IN DARK MODE.      ### */
+/* ###       Valid as of Mar 13 2022        ### */
+/* ###            User:Eckserah             ### */
+/* ############################################ */
+#filetoc {
+  background-color: var(--theme-page-background-color--secondary);
+}
+.mw_metadata th,
+.mw_metadata td {
+  background-color: var(--theme-page-background-color--secondary);
+}
+/* ############################################ */
+/* ###           Link colors                ### */
+/* ###          User:Eckserah               ### */
+/* ############################################ */
+#mw-content a:not(.new){
+	color: var(--theme-link-color);
+}
+#content a:visited {
+    color: var(--theme-link-color--visited);
+}
+/* ############################################ */
+/* ###  OVERRIDE COLORS FOR INPUT ELEMENTS  ### */
+/* ###             IN DARK MODE             ### */
+/* ###       Valid as of Mar 13 2022        ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+/* #content input,
+#content select {
+  background: var(--theme-page-background-color--secondary);
+  color: var(--theme-page-text-color);
+  border-color: var(--theme-border-color);
+}
+#content input:hover {
+  background: var(--theme-page-background-color--ternary);
+  color: var(--theme-page-text-color);
+  border-color: var(--theme-border-color);
+}
+#content textarea {
+  background: var(--theme-page-background-color--secondary);
+  color: var(--theme-page-text-color);
+  border-color: var(--theme-border-color);
+} */
+/* ############################################ */
+/* ### OVERRIDE CORRECT COLOR OF CARET IN   ### */
+/* ### VISUAL EDITOR IN DARK MODE           ### */
+/* ############################################ */
+.CodeMirror-cursor {
+  border-left-color: var(--theme-page-text-color);
+}
+/* ########################################################################## */
+/* ### BASE STYLE                                                         ### */
+/* ### Style relating to basic MediaWiki elements.                        ### */
+/* ########################################################################## */
+/* ############################################ */
+/* ### THEME COLORS                         ### */
+/* ############################################ */
+/* Smaller text for <references> tag */
+.references {
+  font-size: 11px;
+  line-height: 16px;
+}
+/* Links */
+#content a {
+  /* Color transition does not work well on :visited links, so disable. */
+  transition: none;
+}
+#content a:visited {
+  color: var(--theme-link-color--visited);
+}
+#content .external {
+  color: var(--theme-link-color--external);
+}
+#content .new {
+  color: var(--theme-alert-color);
+}
+#content .new:hover {
+  color: var(--theme-alert-color-hover);
+}
+/* <code> and <pre>, but not for source editor */
+body:not(.theme-dark) #content code:not(.CodeMirror-line),
+body:not(.theme-dark) #content pre:not(.CodeMirror-line) {
+  background-color: var(--theme-page-background-color--secondary);
+}
+#content pre:not(.CodeMirror-line) {
+  border: 1px dashed var(--theme-border-color);
+}
+/* Enforce bullet points in collapsibles */
+.mw-collapsible ul > li,
+.va-table ul > li,
+.ace-table ul > li {
+  list-style: disc;
+}
+/* ################################################# */
+/* ### TABLES - DEPRECIATED PLEASE USE ACE-TABLE ### */
+/* ################################################# */
+.va-table {
+  background: var(--theme-page-background-color--secondary);
+  border-collapse: collapse;
+  empty-cells: show;
+  font-size: 12px;
+  line-height: 16.5px;
+  margin-bottom: 5px;
+  border-radius: 12px;
+}
+.va-table td,
+.va-table th {
+  border: 1px solid var(--theme-border-color);
+  padding: 1px 2px;
+  background: transparent;
+}
+.va-table tr {
+  background: var(--theme-page-background-color--secondary);
+}
+.va-table th {
+  background: var(--theme-page-background-color--quinary);
+  color: var(--theme-page-text-color);
+  font-weight: bold;
+}
+.va-table-collapse .collapseButton {
+  margin-left: 10px !important;
+  position: absolute;
+  color: var(--theme-accent-dynamic-color-3);
+}
+.va-table > tr.va-table-highlight,
+.va-table > * > tr.va-table-highlight {
+  background: var(--theme-page-background-color--tertiary);
+}
+/* Tables with specific vertical alignment for cells */
+.va-table-top td {
+  vertical-align: top;
+}
+.va-table-middle td {
+  vertical-align: middle;
+}
+.va-table-bottom td {
+  vertical-align: bottom;
+}
+/* Tables with specific horizontal alignment for cells */
+.va-table-center td {
+  text-align: center;
+}
+.va-table-left td {
+  text-align: left;
+}
+.va-table-right td {
+  text-align: right;
+}
+/* Tables which are full width in Oasis */
+.va-table-full {
+  width: 100%;
+}
+/* Tables in which the first column starts with an icon */
+.va-table-icon tr td:first-child {
+  padding-left: 18px;
+  text-indent: -18px;
+}
+.va-table-full-ib,
+.va-table-full-infobox {
+  width: 380px;
+}
+.va-table-shaded tr:nth-child(even) {
+  background-color: var(--theme-page-background-color--aceiary);
+}
+/* Adapting lists & paragraphs to altered line-height */
+.va-table ul,
+.va-table ol {
+  margin: 0 0 0 20px;
+}
+.va-table ul > li {
+  line-height: inherit;
+}
+.va-table p {
+  line-height: inherit;
+  margin: 0;
+}
+.va-table ul + p,
+.va-table ul + ol,
+.va-table ul + ul,
+.va-table ol + p,
+.va-table ol + ol,
+.va-table ol + ul,
+.va-table p + p,
+.va-table p + ol,
+.va-table p + ul {
+  margin-top: 5px;
+}
+/* ############################################ */
+/* ###       Table row highlight style      ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+tr.row-highlight, .ace-table tr.row-highlight, .ace-table tr.row-highlight td {
+  background: var(--theme-page-background-color--aceiary) !important;
+}
+tr.row-highlight td {
+  border: 1px double var(--theme-border-color-alt) !important;
+}
+/* ############################################ */
+/* ###           ♠  ACE TABLE  ♠            ### */
+/* ############################################ */
+.ace-table {
+  /*background: var(--ace-table-heading-background-color);
+  border-collapse: collapse;*/
+  empty-cells: show;
+  font-size: 14px;
+  line-height: 18px;
+  margin-bottom: 10px;
+  /*border-radius: 14px;*/
+  border-spacing: 0;
+  border-color: var(--theme-border-color);
+  border-width: 1px 0 0 1px;
+  border-style: solid;
+}
+.ace-table td,
+.ace-table th {
+  border-color: var(--theme-border-color);
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  padding: 5px;
+  background: transparent;
+}
+.ace-table tr {
+  background: var(--ace-table-background-color);
+}
+.ace-table th {
+  background: var(--theme-page-background-color--quinary);
+  color: var(--theme-page-text-color);
+  font-weight: bold;
+}
+.ace-table-collapse .collapseButton {
+  margin-left: 10px !important;
+  position: absolute;
+  color: var(--theme-accent-dynamic-color-3) !important;
+}
+.ace-table > tr.ace-table-highlight,
+.ace-table > * > tr.ace-table-highlight {
+  background: var(--theme-page-background-color--aceiary) !important;
+}
+/*
+.ace-table > * > tr > td {
+  background-color: var(--ace-table-background-color);
+  color: var(--ace-table-text-color);
+}
+*/
+.ace-table > * > tr > th {
+  background-color: var(--ace-table-heading-background-color);
+  color: var(--ace-table-text-color);
+  padding: 2px;
+}
+.ace-table ul + p,
+.ace-table ul + ol,
+.ace-table ul + ul,
+.ace-table ol + p,
+.ace-table ol + ol,
+.ace-table ol + ul,
+.ace-table p + p,
+.ace-table p + ol,
+.ace-table p + ul {
+  margin-top: 5px;
+}
+/* Tables with specific vertical alignment for cells */
+.ace-table-top td {
+  vertical-align: top;
+}
+.ace-table-middle td {
+  vertical-align: middle;
+}
+.ace-table-bottom td {
+  vertical-align: bottom;
+}
+/* Tables with specific horizontal alignment for cells */
+.ace-table-center td {
+  text-align: center;
+}
+.ace-table-left td {
+  text-align: left;
+}
+.ace-table-right td {
+  text-align: right;
+}
+/* Tables which are full width in Oasis */
+.ace-table-full,
+.ace-table.full {
+  width: 100%;
+}
+/* Tables in which the first column starts with an icon */
+.ace-table-icon tr td:first-child {
+  padding-left: 18px;
+  text-indent: -18px;
+}
+.ace-table-full-ib,
+.ace-table-full-infobox {
+  width: 380px;
+}
+.ace-table-shaded tr:nth-child(even) {
+  background-color: var(--theme-page-background-color--aceiary);
+}
+/* Adapting lists & paragraphs to altered line-height */
+.ace-table ul,
+.ace-table ol {
+  margin: 0 0 0 20px;
+}
+.ace-table li {
+  line-height: inherit;
+}
+.ace-table p {
+  line-height: inherit;
+  margin: 0;
+}
+/* ########################################################################## */
+/* ### EXTENSIONS                                                         ### */
+/* ### Overrides for extensions.                                          ### */
+/* ########################################################################## */
+/* ############################################ */
+/* ### CATEGORYTREE                         ### */
+/* ### Applies to: Extension:Categorytree   ### */
+/* ############################################ */
+.va-pagelist a.CategoryTreeLabelPage,
+.va-pagelist-hidefirst a.CategoryTreeLabelPage {
+  font-style: normal;
+}
+.va-pagelist div.CategoryTreeItem,
+.va-pagelist-hidefirst div.CategoryTreeItem {
+  display: list-item;
+  list-style-type: disc;
+  list-style-position: outside;
+  margin-left: 1.5em;
+}
+.va-pagelist-hidefirst div.CategoryTreeSection:first-child {
+  display: none;
+}
+.CategoryTreeItem .CategoryTreePageBullet {
+  border-left: 0 !important;
+}
+/* ############################################ */
+/* ### NAVBOXES                             ### */
+/* ### Used in: Template:Navbox             ### */
+/* ############################################ */
+/* Outer table - widths, floats */
+.va-navbox {
+  width: 100%;
+  font-size: 11px;
+  line-height: 16px;
+  border-radius: 9px;
+}
+.va-navbox-bottom {
+  width: 100%;
+  clear: both;
+  margin: 5px auto 0;
+}
+.va-navbox-left {
+  width: 200px;
+  clear: left;
+  float: left;
+  margin: 10px;
+}
+.va-navbox-right {
+  width: 200px;
+  clear: right;
+  float: right;
+  margin: 10px;
+}
+/* Inner tables */
+.va-navbox-brick {
+  width: 100%;
+  margin: 0;
+  border-radius: 15px;
+}
+/* Cellspacing */
+.va-navbox,
+.va-navbox-border,
+.va-navbox-brickcont,
+.va-navbox-padding,
+.va-navbox-space-h,
+.va-navbox-space-v {
+  background: transparent;
+}
+.va-navbox-padding {
+  padding: 1px;
+}
+.va-navbox-space-h {
+  width: 1px;
+}
+.va-navbox-columncont .va-navbox-space-h {
+  width: 0;
+  border-right: 3px solid var(--theme-border-color);
+}
+.va-navbox-space-v {
+  height: 1px;
+  font-size: 1pt;
+  line-height: 0;
+}
+/* Cell styles and widths */
+/* Remember to update the column width calculations when changing widths */
+.va-navbox-title {
+  background: var(--theme-accent-color) var(--theme-widget-background);
+  border: 0 solid var(--theme-border-color);
+  font-weight: normal;
+  color: var(--theme-accent-dynamic-color-1);
+  padding: 2px 8px;
+  border-radius: 15px;
+}
+.va-navbox-headertext,
+.va-navbox-titletext {
+  font-weight: bold;
+  padding-left: 40px;
+  padding-right: 40px;
+}
+.va-navbox-maintitle .va-navbox-titletext {
+  font-size: 120%;
+}
+.va-navbox-editlink {
+  float: left;
+  width: 40px;
+  text-align: left;
+  margin-left: 10px;
+}
+.va-navbox-cell,
+.va-navbox-colgroup,
+.va-navbox-column,
+.va-navbox-footer,
+.va-navbox-group,
+.va-navbox-header,
+.va-navbox-image,
+.va-navbox-subgroup {
+  padding: 2px 8px;
+  border-radius: 15px;
+}
+.va-navbox-colgroup,
+.va-navbox-group,
+.va-navbox-subgroup {
+  font-weight: bold;
+  border-radius: 15px;
+}
+.va-navbox-group,
+.va-navbox-subgroup {
+  width: 15%;
+  text-align: center;
+  border-radius: 15px;
+}
+.va-navbox-footer,
+.va-navbox-group,
+.va-navbox-header {
+  background: var(--theme-page-background-color--quinary);
+  border: 1px solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.va-navbox-colgroup,
+.va-navbox-subgroup {
+  background: var(--theme-page-background-color--quaternary);
+  border: 1 solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.va-navbox-cell,
+.va-navbox-column,
+.va-navbox-image {
+  background: var(--theme-page-background-color--secondary);
+  border: 1px solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.va-navbox-cell-nogroups,
+.va-navbox-column,
+.va-navbox-colgroup,
+.va-navbox-footer,
+.va-navbox-image {
+  text-align: center;
+}
+.va-navbox-cell-withgroups {
+  text-align: left;
+}
+.va-navbox-column {
+  vertical-align: top;
+}
+.va-navbox-image {
+  width: 8%;
+}
+/* Lists in column rows */
+.va-navbox-formatlist ul,
+.va-navbox-formatlist li {
+  list-style: none;
+  line-height: 16px;
+  margin: 0.6em 0;
+  padding: 2px 8px;
+}
+.va-navbox-formatlist li li {
+  font-size: 90%;
+}
+.va-navbox-formatlist li ul {
+  margin-top: -0.1em;
+  margin-bottom: 0.5em;
+}
+.va-navbox-formatlist li ul li {
+  margin: 0;
+}
+/* Nested */
+.va-navbox .va-navbox-nested {
+  font-size: 100%;
+}
+.va-navbox-nested .va-navbox-title {
+  background: var(--theme-page-background-color--quinary);
+  color: var(--theme-page-text-color);
+  border: 1px solid var(--theme-border-color);
+}
+.va-navbox-nested .va-navbox-footer,
+.va-navbox-nested .va-navbox-group,
+.va-navbox-nested .va-navbox-header {
+  background: var(--theme-page-background-color--quaternary);
+}
+.va-navbox-nested .va-navbox-colgroup,
+.va-navbox-nested .va-navbox-subgroup {
+  background: var(--theme-page-background-color--tertiary);
+}
+/* Links  (using #content to give higher priority) */
+#content .va-navbox-editlink .va-navbar-item a,
+#content .va-navbox-editlink .va-navbar-item a:link,
+#content .va-navbox-editlink .va-navbar-item a:visited,
+#content .va-navbox-editlink .va-navbar-item a:hover,
+#content .va-navbox-editlink .va-navbar-item a:active {
+  color: var(--theme-accent-dynamic-color-1);
+}
+#content .va-navbox-nowraplinks .va-navbox-cell a,
+#content .va-navbox-nowraplinks .va-navbox-column a {
+  white-space: nowrap;
+}
+#content .va-navbox-maintitle a,
+#content .va-navbox-maintitle a:link,
+#content .va-navbox-maintitle a:visited {
+  color: var(--theme-accent-dynamic-color-3);
+}
+#content .va-navbox-maintitle a:hover,
+#content .va-navbox-maintitle a:active {
+  color: var(--theme-accent-dynamic-color-1);
+}
+/* ############################################ */
+/* ### DIRECTION & SOURCE BOXES             ### */
+/* ### Used in: Template:Directionbox       ### */
+/* ###          Template:Sourcebox          ### */
+/* ############################################ */
+/* Template:Directionbox */
+.ace-dirbox {
+  color: var(--theme-page-text-color);
+  background-color: var(--theme-directionbox-color);
+  clear: both;
+  padding: 2px 5px;
+  border-top: 4px solid #0959c1;
+  font-size: 12px;
+  line-height: 20px;
+  width: 100%;
+  border-radius: 9px;
+}
+.ace-dirbox th {
+  width: 40px;
+  text-align: center;
+  vertical-align: middle;
+  padding: 2px 5px;
+}
+.ace-dirbox td {
+  padding: 1px 5px;
+  width: 100%;
+}
+.ace-dirbox + .ace-dirbox {
+  margin-top: 2px;
+}
+/* Template:Sourcebox */
+.va-sourcebox {
+  margin: 0;
+  border-collapse: collapse;
+  font-size: 12px;
+  line-height: 16px;
+}
+.va-sourcebox th {
+  vertical-align: middle;
+  text-align: center;
+  padding: 0 5px;
+}
+.va-sourcebox td {
+  padding: 0;
+}
+.va-sourcebox td span {
+  border-top: 1px solid var(--theme-border-color);
+  border-bottom: 1px solid var(--theme-border-color);
+  display: block;
+  padding: 2px 5px;
+  float: left;
+}
+/* Printing */
+@media print {
+  .va-copybox,
+  .va-sourcebox {
+    background: transparent none;
+  }
+  .va-navbox,
+  .va-navbox-border {
+    display: none;
+  }
+  .va-dirbox,
+  .va-mbox {
+    display: none;
+  }
+}
+/* ############################################ */
+/* ###      Template:Mbox                   ### */
+/* ############################################ */
+/* Template:Mbox */
+.va-mbox {
+  color: var(--theme-page-text-color);
+  backdrop-filter: blur(10px);
+  clear: both;
+  padding: 2px 5px;
+  font-size: 12px;
+  line-height: 20px;
+  width: 100%;
+  border-radius: 9px;
+}
+.va-mbox + .va-mbox {
+  margin-top: -8px;
+}
+.va-mbox th {
+  width: 40px;
+  text-align: center;
+  vertical-align: middle;
+  padding: 1px 0 1px 5px;
+}
+.va-mbox td {
+  padding-left: 5px;
+  overflow: auto;
+}
+/* ############################################ */
+/* ### AUDIO SNIPPETS, QUOTES & TRANSCRIPTS ### */
+/* ### Used in: Template:Quotation          ### */
+/* ###          Template:Transcript         ### */
+/* ############################################ */
+/* Container */
+.va-listen, .va-transcript {
+    display: -webkit-box;
+    line-height: 18px;
+    padding: 10px 45px;
+    backdrop-filter: blur(10px);
+    border: inset 2px;
+    border-radius: 10px;
+}
+.va-quotation {
+  overflow: hidden;
+}
+table td .va-quotation {
+  overflow: visible;
+}
+.va-quotation-body {
+  display: block;
+}
+.va-quotation-quote {
+  display: block;
+  position: relative;
+  z-index: 1;
+}
+.va-listen-left,
+.va-listen-right,
+.va-quotation-left,
+.va-quotation-right {
+  border-bottom: 1px solid var(--theme-border-color);
+  border-top: 1px solid var(--theme-border-color);
+  width: 200px;
+}
+.va-listen-left,
+.va-quotation-left {
+  clear: left;
+  float: left;
+  margin: 10px;
+}
+.va-listen-right,
+.va-quotation-right {
+  clear: right;
+  float: right;
+  margin: 10px;
+}
+.va-quotation-center {
+  text-align: center;
+}
+.va-quotation-center .va-quotation-body {
+  display: inline-block;
+}
+/* Quotation marks/icons */
+.va-listen-icon,
+.va-newsquote-quot-l,
+.va-newsquote-quot-r,
+.va-quotation-quot-l,
+.va-quotation-quot-r {
+  width: 40px;
+  z-index: -1;
+}
+.va-listen-icon,
+.va-newsquote-quot-l,
+.va-newsquote-quot-r,
+.va-transcript-icon {
+  position: relative;
+}
+.va-quotation-quot-l,
+.va-quotation-quot-r {
+  position: absolute;
+}
+.va-listen-icon,
+.va-transcript-icon {
+  float: left;
+  left: -30px;
+  margin-right: -40px;
+  top: -5px;
+}
+.va-newsquote-quot-l,
+.va-newsquote-quot-r,
+.va-quotation-quot-l,
+.va-quotation-quot-r {
+  color: var(--theme-page-background-color--quinary);
+  font: bold 55px/40px serif;
+  height: 18px;
+}
+.va-newsquote-quot-l,
+.va-quotation-quot-l {
+  left: -27px;
+  text-align: left;
+}
+.va-newsquote-quot-r,
+.va-quotation-quot-r {
+  right: -27px;
+  text-align: right;
+}
+.va-newsquote-quot-l {
+  float: left;
+  margin-right: -40px;
+}
+.va-newsquote-quot-r {
+  float: right;
+  margin-left: -40px;
+}
+.va-quotation-quot-l {
+  top: -2px;
+}
+.va-quotation-quot-r {
+  bottom: 2px;
+}
+/* Quoted text/audio file desc */
+.va-listen-item,
+.va-listen-item .ogg-player-options,
+.va-newsquote-text,
+.va-quotation-text {
+  font-size: 12px;
+}
+.va-inlinequote-text,
+.va-listen-text,
+.va-newsquote-text,
+.va-quotation-text {
+  font-style: italic;
+}
+.va-transcript-text {
+  font-family: monospace !important;
+}
+.va-quotation-text {
+  display: block;
+  margin-top: -0.4em;
+  text-align: left;
+}
+.va-quotation-text ol,
+.va-quotation-text p,
+.va-quotation-text ul {
+  margin-bottom: 0;
+}
+/* Source */
+.va-newsquote-source,
+.va-quotation-source {
+  padding: 5px 15px 0;
+  text-align: right;
+}
+.va-quotation-source {
+  display: block;
+  font-size: 10px;
+  line-height: 15px;
+}
+/* "Incomplete quote" dots */
+.va-newsquote-dots {
+  font-style: normal;
+  padding: 3px 0;
+}
+/* Audio file list */
+.va-listen-item {
+  margin: 0 auto;
+  width: 180px;
+}
+.va-listen-item audio {
+  margin-bottom: 5px;
+  width: 100%;
+}
+.va-listen-item div {
+  margin-bottom: 2px;
+}
+.va-listen-item + .va-listen-item {
+  border-top: 1px solid var(--theme-border-color);
+  margin-top: 5px;
+}
+.np-quote-snd-trigger {
+  display: inline-block;
+  position: absolute;
+  top: auto;
+  left: auto;
+  padding: 0 2px;
+}
+.np-quote-snd-trigger:hover .np-quote-snd-player {
+  visibility: visible;
+}
+.np-quote-snd-player {
+  visibility: hidden;
+  position: absolute;
+  top: -55px;
+  left: 100%;
+  z-index: 100 !important;
+  width: 300px;
+  overflow-x: hidden;
+  margin: 0;
+  padding: 5px 10px 10px;
+  border: 1px solid var(--theme-border-color);
+  border-radius: 5px;
+  box-shadow: var(--theme-border-color) 2px 2px 5px 0;
+  background-color: white;
+  color: black;
+  text-align: left;
+  font: normal normal normal 13px / normal Helvetica, Arial, sans-serif;
+}
+.np-quote-snd-player-img {
+  float: left;
+  width: 50px;
+}
+.np-quote-snd-player-title {
+  width: 250px;
+  height: 50px;
+  display: table-cell;
+  vertical-align: middle;
+}
+.np-quote-snd-player-title span {
+  font-size: 18px;
+}
+/* ############################################ */
+/* ### STAT TABLES                          ### */
+/* ### Used in: Template:Stats              ### */
+/* ############################################ */
+.va-stats-creature-name {
+  text-align: center;
+}
+.va-stats-creature-icontable {
+  margin: 0 auto;
+}
+.va-stats-creature-icontable td {
+  border: none;
+}
+.va-stats-creature-icon {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 20px;
+  text-align: center;
+  font-weight: bold;
+}
+.va-stats-creature-item {
+  position: relative;
+  padding: 0 2px 0 22px;
+  min-width: 10px;
+}
+.va-stats-creature-item + .va-stats-creature-item {
+  margin-top: 2px;
+}
+.va-stats-creature-icontable-full,
+.va-stats-creature-layout-1 td {
+  width: 100%;
+}
+.va-stats-creature-layout-2 td {
+  width: 50%;
+}
+.va-stats-creature-layout-3 td {
+  width: 33%;
+}
+.va-stats-creature-layout-3 td:first-child {
+  width: 34%;
+}
+.va-stats-creature-layout-4 td {
+  width: 25%;
+}
+/* ################################################ */
+/* ### CRAFTING TABLES                          ### */
+/* ### Used in: Template:Crafting table         ### */
+/* ### Used in: Template:Crafting table FO76    ### */
+/* ################################################ */
+.ace-crafting-table {
+  font-size: 11px;
+  line-height: 16px;
+  margin-bottom: 5px;
+}
+.ace-crafting-block {
+  border: 1px solid var(--theme-border-color);
+  margin: 0;
+  padding: 1px 2px;
+  background-color: var(--theme-page-background-color--secondary);
+}
+.ace-crafting-block + .ace-crafting-block {
+  margin-top: 3px;
+}
+.ace-crafting-requirement {
+  background-color: var(--theme-page-background-color--quaternary) !important;
+}
+.ace-crafting-highlight {
+  background-color: var(--theme-page-background-color--quinary) !important;
+}
+.ace-crafting-table .selflink {
+  font-weight: normal;
+}
+/* ############################################ */
+/* ### ENGINE IDS                           ### */
+/* ### Used in: Template:ID                 ### */
+/* ###          Template:DLC ID             ### */
+/* ###          Template:Proto              ### */
+/* ############################################ */
+.va-formid,
+.va-protoid {
+  font-family: monospace;
+}
+/* ############################################ */
+/* ### SPECIAL <pre> TAGS                   ### */
+/* ### Used in: Template:Pre fake           ### */
+/* ############################################ */
+.va-pre-fake {
+  background-color: var(--theme-page-background-color--light);
+  overflow: auto;
+  font-family: monospace;
+  white-space: pre;
+  border: 1px dashed var(--theme-border-color);
+  line-height: 14px;
+  padding: 12px;
+}
+/* ############################################ */
+/* ### TEMPLATE DOCUMENTATION               ### */
+/* ### Used in: Template:Docparam           ### */
+/* ###          Template:Documentation      ### */
+/* ############################################ */
+/* Template:Docparam */
+.va-docparam {
+  padding: 0 2px 0 20px;
+  text-indent: -20px;
+  margin-bottom: 3px;
+  background: var(--theme-page-background-color--light);
+  border: 1px dotted var(--theme-border-color);
+  overflow: auto;
+}
+.va-docparam-icon {
+  margin: 0;
+  padding: 0;
+  width: 20px;
+  float: left;
+}
+.va-docparam-default {
+  float: right;
+  font-size: 10px;
+}
+.va-docparam-params {
+  font-family: monospace;
+}
+.va-docparam-desc {
+  margin: 0;
+  padding: 0 0 5px 20px;
+}
+/* Template:Documentation */
+.va-documentation,
+.va-documentation-bar-top,
+.va-documentation-bar-bottom {
+  border-color: var(--theme-border-color);
+  border-style: solid;
+  clear: both;
+}
+.va-documentation {
+  border-width: 1px;
+  margin: 10px 0;
+}
+.va-documentation-bar-top,
+.va-documentation-bar-bottom {
+  background: var(--theme-page-background-color--quaternary);
+  padding: 5px;
+  margin: 0;
+}
+.va-documentation-bar-top {
+  border-width: 0 0 1px;
+}
+.va-documentation-bar-bottom {
+  border-width: 1px 0 0;
+  text-align: right;
+}
+.va-documentation-links {
+  float: right;
+  text-align: right;
+}
+.va-documentation-content {
+  padding: 10px;
+  margin: 0;
+}
+.va-documentation-small {
+  font-size: 10px;
+}
+/* ############################################ */
+/* ### CHARTS                               ### */
+/* ### Used in: Template:Chart              ### */
+/* ############################################ */
+.va-chart-quest {
+  background: var(--ace-table-heading-background-color);
+  border: 1px solid var(--theme-border-color) !important;
+  font-size: 11px;
+  font-weight: bold;
+  border-radius: 10px;
+  line-height: 16px;
+}
+.va-chart-body {
+  background: var(--theme-page-background-color--secondary);
+  border: 1px solid var(--theme-border-color) !important;
+  border-radius: 10px;
+  font-size: 11px;
+  line-height: 16px;
+}
+.va-chart-reward {
+  background: var(--theme-page-background-color--tertiary);
+  border: 1px solid var(--theme-border-color) !important;
+  font-size: 11px;
+  font-weight: bold;
+  border-radius: 10px;
+  line-height: 16px;
+}
+/* ############################################ */
+/* ### CHARTS v2                            ### */
+/* ### Used in: Template:Chart              ### */
+/* ############################################ */
+.ace-chart { /* move chart into middle of it's allowed area */
+	margin: auto;
+}
+.ace-chart-quest {
+  background: var(--ace-table-heading-background-color);
+  border: 1px solid var(--theme-border-color) !important;
+  font-size: 11px;
+  font-weight: bold;
+  border-radius: 10px;
+  line-height: 16px;
+  padding: 10px;
+}
+.ace-chart-body {
+  background: var(--theme-page-background-color--secondary);
+  border: 1px solid var(--theme-border-color) !important;
+  border-radius: 10px;
+  font-size: 11px;
+  line-height: 16px;
+  padding: 10px;
+}
+.ace-chart-reward {
+  background: var(--theme-page-background-color--tertiary);
+  border: 1px solid var(--theme-border-color) !important;
+  font-size: 11px;
+  font-weight: bold;
+  border-radius: 10px;
+  line-height: 16px;
+  padding: 10px;
+}
+/* ############################################ */
+/* ### TICKER                               ### */
+/* ### Used in: Template:Ticker             ### */
+/* ############################################ */
+#ticker .CategoryTreeSection,
+#ticker .CategoryTreeItem {
+  display: inline;
+}
+/* ############################################ */
+/* ### COLUMNS                              ### */
+/* ### Used in: Template:Columns            ### */
+/* ############################################ */
+.va-columns ul,
+.va-columns ul li {
+  margin-top: 0;
+}
+.va-columns ul li {
+  margin-bottom: 6px;
+}
+/* ############################################ */
+/* ### FALLOUT 76 MAP                       ### */
+/* ### Used in: Fallout 76 map              ### */
+/* ############################################ */
+.f76map {
+  width: 55em;
+  height: 55em;
+  margin: auto;
+  border: 0 solid #20a200;
+  background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
+  background-size: 100%;
+  background-repeat: no-repeat;
+  position: relative;
+}
+.f76map-box {
+  width: 240px;
+  height: 240px;
+  margin: auto;
+  border: 0 solid #20a200;
+  background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
+  background-size: 100%;
+  background-repeat: no-repeat;
+  position: relative;
+}
+/* ############################################ */
+/* ###      Semantic mediawiki fact box     ### */
+/* ###    hide display unless enabled     ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.smw-factbox {
+  display: none !important;
+}
+.smw-factbox.smw-factbox-enabled {
+  display: block !important;
+}
+/* ############################################ */
+/* ###             Userbox css              ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.ace-userbox {
+  margin: 2px;
+  padding: 0;
+  border-style: solid;
+  border-radius: 14px;
+  clear: none;
+  overflow: clip;
+  float: left;
+  height: 52px;
+  width: 200px;
+  border-width: 2px;
+  border-color: #000;
+}
+.ace-userbox .left-cell {
+  text-align: center;
+  vertical-align: middle;
+  padding: 0;
+  height: 50px;
+  width: 50px;
+  font-size: 14pt;
+  border-radius: 14px;
+}
+.ace-userbox .middle-cell {
+  padding: 0 4px;
+  vertical-align: middle;
+  line-height: 125%;
+  height: 50px;
+  font-size: 8pt;
+}
+/* ############################################ */
+/* ###  Slightly hacky fix for spacing in   ### */
+/* ###     lists after paragraph tags       ### */
+/* ###   Adds fix for columns after image   ### */
+/* ###   Fix issue with list top margin     ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.page-content p + p + ul,
+.page-content p + p + ol,
+.page-content p + p + dl,
+.page-content p + .va-columns {
+  margin-top: -18px;
+}
+.page-content p.mw-empty-elt + ul, .page-content p.mw-empty-elt + ol {
+  margin-top: 6px;
+}
+.page-content figure + p.mw-empty-elt + .va-columns {
+  margin-top: 0;
+}
+/* ############################################ */
+/* ###       Remove game icons header       ### */
+/* ###     ToDo: Remove from Common.js      ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+div#va-titleicons-wrapper {
+  display: none !important;
+}
+/* ############################################ */
+/* ###  Fix category type selector colors   ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.category-layout-selector__item, .category-layout-selector {
+  color: var(--theme-link-color) !important;
+}
+.category-layout-selector__item.is-active {
+  color: var(--theme-page-text-color--hover) !important;
+}
+/* ############################################ */
+/* ###       Fix missing image for          ### */
+/* ###     audio files in categories        ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.category-page__members a[href$=".ogg"] img,
+.category-page__members a[href$=".odm"] img,
+.category-page__members a[href$=".mp3"] img,
+.category-page__members a[href$=".oga"] img,
+.category-page__members a[href$=".flac"] img,
+.category-page__members a[href$=".wav"] img,
+.category-page__members a[href$=".opus"] img {
+  content: url('[[File:Icon_sound.png]]');
+}
+.wikia-gallery-item a[href$=".ogg"],
+.wikia-gallery-item a[href$=".odm"],
+.wikia-gallery-item a[href$=".mp3"],
+.wikia-gallery-item a[href$=".oga"],
+.wikia-gallery-item a[href$=".flac"],
+.wikia-gallery-item a[href$=".wav"],
+.wikia-gallery-item a[href$=".opus"] {
+  align-items: start;
+}
+.wikia-gallery-item a[href$=".ogg"]::after,
+.wikia-gallery-item a[href$=".odm"]::after,
+.wikia-gallery-item a[href$=".mp3"]::after,
+.wikia-gallery-item a[href$=".oga"]::after,
+.wikia-gallery-item a[href$=".flac"]::after,
+.wikia-gallery-item a[href$=".wav"]::after,
+.wikia-gallery-item a[href$=".opus"]::after {
+  content: attr(title);
+  vertical-align: text-bottom;
+  width: 94%;
+  position: absolute;
+  bottom: 0;
+  line-height: 15px;
+  padding: 0 5px;
+  word-break: break-word;
+  font-size: 15px;
+}
+.wikia-gallery-item a[href$=".ogg"] img,
+.wikia-gallery-item a[href$=".odm"] img,
+.wikia-gallery-item a[href$=".mp3"] img,
+.wikia-gallery-item a[href$=".oga"] img,
+.wikia-gallery-item a[href$=".flac"] img,
+.wikia-gallery-item a[href$=".wav"] img,
+.wikia-gallery-item a[href$=".opus"] img {
+  content: url("/resources/assets/file-type-icons/fileicon-ogg.png");
+  height: 100px;
+  vertical-align: top;
+  object-fit: contain;
+  margin-top: 5px;
+}
+/* ############################################ */
+/* ###        Fix extra spacing after       ### */
+/* ###          sourcebox contents          ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.div-sourceBox-start + ul, .div-sourceBox-start + p {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+/* ############################################ */
+/* ###      Interactions table styles       ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.interactions-table {
+  width: 530px;
+}
+.interaction-table td {
+  height: 65px;
+  min-height: 65px;
+}
+.interaction-table td:first-child {
+  width: 65px;
+  min-width: 65px;
+}
+/* ############################################ */
+/* ###          Avatar highlights           ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.profile-info img, #profile-image img, .mwchat-item-avatar img {
+  filter: drop-shadow(0 0 4px black);
+}
+.skin-citizen-dark .profile-info img,
+.skin-citizen-dark #profile-image img,
+.skin-citizen-dark .mwchat-item-avatar img {
+  filter: drop-shadow(0 0 4px white);
+}
+#profile-image img {
+  background: transparent !important;
+  border: 0 !important;
+}
+/* ############################################ */
+/* ###       Chat fixes for citizen         ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.skin-citizen .mwchat-useritem {
+  background: var(--color-surface-3) !important;
+}
+.skin-citizen .mwchat-useritem-header {
+  background: var(--color-surface-1) !important;
+}
+.skin-citizen .mwchat-useritem-user {
+  color: inherit !important;
+}
+.skin-citizen .mwchat-useritem-content {
+  border-color: var(--color-surface-4) !important;
+}
+#mwchat-options {
+  margin-top: 2em !important;
+}
+#mwchat-options input {
+  margin-left: 5px;
+}
+#mwchat-content {
+  min-height: 450px;
+}
+.visualClear {
+  clear: both;
+}
+/* ############################################ */
+/* ###     Fix edit count table styles      ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.editCountTable, .editCountTable th, .editCountTable td {
+  border: 1px #aaa solid;
+  border-collapse: collapse;
+}
+.editCountTable th, .editCountTable td {
+  padding: 4px;
+}
+/* ############################################ */
+/* ###              LEAD BIO                ### */
+/* ###          User:Kate Aces              ### */
+/* ############################################ */
+.lead-bio-container {
+  flex: 1;
+  border: 4px solid #1167b1;
+  background-color: #e6f3f8;
+  padding: 5px;
+  padding-bottom: 35px;
+  border-radius: 11px;
+  width: 85%;
+  flex-basis: 40%;
+  position: relative;
+}
-/* ################################################## */
+.lead-bio-footer {
-/* ### GENERAL FIXES                              ### */
+  position: absolute;
-/* ################################################## */
+  bottom: 5px;
+  vertical-align: bottom;
+  width: calc(100% - 10px);
+}
-/* Mark redirects in Special:Allpages and Special:Watchlist */
+/* ############################################ */
-.allpagesredirect,
+/* ###                  HOVER               ### */
-.watchlistredir {
+/* ############################################ */
-   font-style: italic;
+.show-when-hovering {
+  display: none;
 }
-/* Recent changes byte indicators */
+.hover-container:hover .show-when-hovering {
-.mw-plusminus-pos {
+  display: inline;
-   color: #006500;
 }
-.mw-plusminus-neg {
-   color: #8B0000;
+.hover-container:hover .hide-when-hovering {
+  display: none;
 }
-/* Checkered background for images in File namespace */
+.fadeout img:hover, .fadeout img:active, .fadein img:hover {
-body.ns-6 #file img {
+  opacity: 0;
-   background: transparent url(http://images.wikia.com/fallout/images/5/5d/Checker-16x16.png?1) repeat;
+  transition: none !important;
 }
+body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadein {
+  visibility: hidden;
+}
-/* ################################################## */
+body:not(.editor) .fadeout-container.fadeout-hide-bottom > .fadeout:hover + .fadein {
-/* ### FORUMS                                     ### */
+  visibility: visible;
-/* ################################################## */
+}
-.forumheader {
+.hide {
-   border: 1px solid #AAA;
+  visibility: hidden;
-   background-color: #F9F9F9;
-   margin-top: 1em;
-   margin-bottom: 1em;
-   padding: 10px 5px;
 }
-.forumlist {
-   border: 1px solid #aaa;
+.visible {
+  visibility: visible;
 }
-.forumlist td.forum_edited a {
-   color: black;
+.fadeout-container.img.lzyTrans {
-   text-decoration: none;
+  transition: none !important;
 }
-.forumlist td.forum_title a {
-   padding-left: 20px;
+/* ############################################ */
+/* ###               JOJO BOXES             ### */
+/* ############################################ */
+.imgtile {
+  transition: 0.4s ease-out;
 }
-.forumlist td.forum_title a.forum_new {
-   font-weight: bold;
+.imgtile:hover {
-   background: url(http://images.wikia.com/fallout/images/4/4e/Forum_new.gif?1) center left no-repeat;
+  transform: scale(1.04);
-   padding-left: 20px;
 }
-.forumlist td.forum_title a.forum_new:visited {
-   font-weight: normal;
+.frontbuttons img {
-   background: none;
+  border-radius: 5px;
-   padding-left: 20px;
 }
-.forumlist th.forum_title {
-   padding-left: 20px;
+.hoverButton img:hover {
+  filter: grayscale(100%);
 }
-.forumlist th.forum_title, .forumlist th.forum_edited, .forumlist th.forum_editor {
-   border: none;
+/* ############################################ */
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
+/* ### Home page portal container css       ### */
-   color: #FFF;
+/* ###                                      ### */
+/* ############################################ */
+.home-page-portal-container {
+  padding: 14px;
+  margin: 24px 0 12px;
+  font-size: 16px;
+  line-height: 150%;
+  display: flex;
+  align-items: center;
+  border: 2px solid #698296;
+  border-radius: 12px;
 }
-.forumlist th.forum_subheader, .forumlist td.forum_footer {
-   border: none;
+.home-page-portal-container.flex-column {
-   background: #565B45 url(http://images.wikia.com/fallout/images/d/d3/ConcreteBackground.jpg?1);
+  flex-direction: column;
-   color: #FFF;
 }
-.forumlist td.forum_title, .forumlist td.forum_edited, .forumlist td.forum_editor {
-   border: none;
+.home-page-portal-container.flex-center {
-   background-color: #DDD;
+  justify-content: center;
 }
-.forumlist td.forum_footer a {
-   color: #FFF;
+/* ############################################ */
+/* ###        Welcome Template Styles       ### */
+/* ###          User:Eckserah             ### */
+/* ############################################ */
+.welcome-container {
+  background-color: rgba(37 150 190 15%);
+  padding: 8px;
+  margin: 4px 0 12px;
+  font-size: 16px;
+}
+.welcome-header {
+  border-bottom: 1px solid #AAA;
+  font-size: 126%;
+  margin-bottom: 0.5em;
+  font-weight: bold;
+}
+.welcome-column {
+  margin: 10px 0;
+  border: 0;
+  float: left;
+  width: 25%;
+  white-space: nowrap;
+}
+.welcome-column:first-of-type {
+  width: 30%;
+}
+.welcome-column p {
+  font-size: 18px;
+  margin: 0 5px 10px;
+  border-bottom: 1px solid #555;
+}
+.welcome-column ul {
+  margin-top: 0 !important;
+}
+.main-page-header {
+  padding: 24px;
+  margin: 24px 0 12px;
+  font-size: 16px;
+  line-height: 150%;
+  display: flex;
+  flex-direction: column;
+  border: 0 solid #698296;
+  border-radius: 12px;
 }
-.forumsearch {
-   border: 1px solid #AAA;
+.main-page-header .sub-welcome {
-   background-color: #F9F9F9;
+  font-size: 135%;
-   float: right;
+  margin: 0;
-   width: auto;
+  align-items: center;
-   padding: 0 0.5em 0.5em 0.5em;
-   margin: 0 0 0.8em 0.5em;
-   text-align:center;
-   font-size: 90%;
 }
-/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) */
+.main-page-header .sub-description {
-body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li+li {
+  font-size: 85%;
-   display: none;
+  margin: 0;
+  align-items: center;
 }
+.main-page-header .sub-info {
+  margin: 0.3em 0 0.5em;
+  align-items: center;
+}
+.main-page-header .sub-links {
+  font-size: 85%;
+  border-top: 1px solid #AAA;
+  margin-bottom: 0;
+  align-items: center;
+}
+.anon-allowed-page .cosmos-header__local-navigation {
+  visibility: hidden !important;
+}
+.box img {
+  width: 100%;
+  height: 100%;
+}
+.box1 img {
+  object-fit: cover;
+}
+/* ############################################ */
+/* ###               CONTAINER              ### */
+/* ###            From Halopedia           ### */
+/* ############################################ */
+.containerTem {
+  margin: 0 auto 16px;
+  padding: 0 2px 2px;
+  border-radius: 9px;
+  background: var(--theme-containerTem-background-color);
+  box-shadow: 0 0 6px #666;
+  width: 90%;
+}
+.containerTem .containerTitle {
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+  font-size: 98%;
+}
+.containerTem .containerContent {
+  text-align: left;
+  color: var(--theme-body-text-color);
+  border-radius: 0 0 9px 9px;
+  padding: 12px;
+  background: var(--theme-page-containerTem-content-background-color);
+  font-size: 92%;
+}
+.clearBoth {
+  clear: both;
+}
+.containerTemD {
+  margin: 0 auto 16px;
+  padding: 0 2px 2px;
+  border-radius: 9px;
+  background: #070e17;
+  box-shadow: 0 0 6px #666;
+  width: 90%;
+}
+.containerTemD .containerTitleD {
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+  font-size: 98%;
+}
+.containerTemD .containerContentD {
+  text-align: left;
+  color: #fff;
+  border-radius: 0 0 9px 9px;
+  padding: 12px;
+  background: #272727;
+  font-size: 92%;
+}
+/* ############################################ */
+/* ###             OVERVIEW BOX             ### */
+/* ###          KATE ACES/ECKSERAH          ### */
+/* ############################################ */
+.overviewBox {
+  float: right;
+  clear: right;
+  margin: 5px 10px;
+  background-color: #f1f1f1;
+  text-align: center;
+  font-size: 82%;
+  outline-style: dashed;
+  outline-color: #002147;
+}
+.overviewBoxTable {
+  background-color: #f1f1f1;
+  font-weight: bold;
+  text-align: center;
+  width: 13em;
+}
+.overviewBox .overviewBoxLink {
+  vertical-align: top;
+  background-color: #b2c6c7;
+  width: 95%;
+  margin: 5px;
+  padding: 0;
+  border-radius: 10px;
+}
+.overviewTable td {
+  width: 20%;
+}
-/* ################################################## */
+/* ############################################ */
-/* ### PORTALS                                    ### */
+/* ###      Floating announcement styles    ### */
-/* ################################################## */
+/* ###             User:Eckserah            ### */
+/* ############################################ */
-.portal_tabs {
+.floating-announcement {
-   text-align: center;
+  position: fixed;
-   font-size: 90%;
+  overflow: visible;
-   white-space: nowrap;
+  color: #FFF;
-   padding: 4px 10px;
+  font-weight: bold;
-   text-decoration: none;
+  font-size: 14px;
-   background: #DDD;
+  text-align: center;
-   color: #000;
+  border-radius: 18px;
-   border: 3px solid #FFF;
+  box-shadow: 0 0 20px #ccc;
+  background: #2C3E4C;
+  padding: 20px;
+  margin-bottom: 10px;
+  z-index: 1;
 }
-table.portal_section {
+/* ############################################ */
-   width: 100%;
+/* ###      Vault boy image outline stuff   ### */
-   background: transparent;
+/* ###             User:Eckserah            ### */
-   margin-top: 0px;
+/* ############################################ */
-   margin-bottom: 5px;
-   border: 1px solid #AAA;
+.vb-image {
+	filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
 }
-th.portal_header {
+.pi-item .vb-image {
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
+	filter: drop-shadow(0 0 0 white) drop-shadow(0 -1px 0 black) drop-shadow(1px 0 0 black) drop-shadow(-1px 0 0 black) drop-shadow(0 1px 0 black);
-   border: 3px solid #FFF;
-   padding: 5px;
-   color: #FFF;
-   font-size: 110%;
-   font-weight: bold;
-   text-align: left;
 }
-td.portal_body {
+.mwe-popups-thumbnail {
-   border-width: 0 3px 3px 3px;
+	outline: 0 !important;
-   border-style: solid;
-   border-color: #FFF;
-   background-color: #DDD;
-   padding: 5px;
 }
-/* TOC */
+/* ############################################ */
-.portal_toc {
+/* ###                   TOC                ### */
-   width: 100%;
+/* ###               Template:TOC           ### */
-   font-size: 95%;
+/* ###             User:Kate Aces           ### */
+/* ############################################ */
+	.toc {
+    	border: 1px solid #9a85b7;
+    	background: transparent;
+    	min-width: 250px;
+    	border-radius: 10px;
+    	text-align: left;
+    	padding: 5px;
+	}
+	.toctitle {
+    	text-transform: uppercase;
+    	font-family: 'Rubik',sans-serif;
+	}
+	.toctogglelabel {
+    	color: var(--theme-page-background-color--aceiary);
+    	text-transform: capitalize;
+	}
+	.tocnumber, .toctext {
+		font-size: 15px;
+	}
+    .toc ul {
+        list-style: none;
+        margin-left: 0;
+    }
+    .ace-toclimit-2 .toclevel-1 ul,
+    .ace-toclimit-3 .toclevel-2 ul,
+    .ace-toclimit-4 .toclevel-3 ul,
+    .ace-toclimit-5 .toclevel-4 ul,
+    .ace-toclimit-6 .toclevel-5 ul,
+    .ace-toclimit-7 .toclevel-6 ul {
+        display: none;
 }
-.portal_toc td {
+/* ############################################ */
-   vertical-align: top;
+/* ###            GENERIC BOX               ### */
-   padding: 0 5px;
+/* ###           User: Kate Aces            ### */
+/* ### Used on: MediaWiki:Copyrightwarning  ### */
+/* ###          MediaWiki:Recentchangestext ### */
+/* ############################################ */
+.ace-genericbox {
+  background: var(--theme-page-background-color);
+  border: 1px solid var(--theme-border-color);
+  border-radius: 15px;
 }
-.portal_toc p {
+/* ############################################ */
-   font-weight: bold;
+/* ### CONSOLE COMMANDS                     ### */
-   border-bottom: 1px solid #FFF;
+/* ### Used in: Template:Console            ### */
+/* ############################################ */
+.ace-console {
+  font-family: monospace;
 }
-/* Intro - image buttons */
+.ace-console-cmd {
-table.portal_buttons {
+  color: var(--theme-page-text-color);
-   text-align: center;
-   font-size: 95%;
-   margin: 0 auto;
 }
-table.portal_buttons th,
+/* ############################################ */
-table.portal_buttons td {
+/* ### HATNOTES                             ### */
-   width: 25%;
+/* ### Used in: Template:Hatnote            ### */
+/* ############################################ */
+.va-hatnote {
+    font-family: inherit;
+    padding-left: 10px;
+    font-style: italic;
+    margin-bottom: 0px;
+    margin-top: 0px;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    align-content: center;
+    flex-wrap: wrap;
 }
-table.portal_buttons th {
+.va-hatnote a {
-   vertical-align: middle;
+    margin-left: 5px;
-   font-weight: normal;
-   padding-top: 3px;
 }
-table.portal_buttons td {
+/* ############################################ */
-   vertical-align: top;
+/* ###            Scrollable TOC            ### */
-   padding-bottom: 3px;
+/* ###            User: Eckserah            ### */
+/* ### Will allow the TOC to scroll instead ### */
+/* ###       of the entire container        ### */
+/* ############################################ */
+.scrollableToc .toc > ul {
+    height: 300px;
+    overflow: auto;
 }
-/* Footer */
+/* ############################################ */
-table.portal_footer {
+/* ###                Banner                ### */
-   background: transparent;
+/* ###            User: Kate Aces           ### */
-   margin: 10px auto;
+/* ###     Template:Banner, PhotoSlider     ### */
-   text-align: center;
+/* ############################################ */
-   width: 670px;
-   padding: 0;
+.mainpage-shadowbox {
-   border-collapse: collapse;
+	color: white;
+	background: rgb(16,16,16);
+	background: rgba(0,0,0,0.3);
+	border-radius: 4px;
+}
+.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
+	color: white;
+	border:none;
+	font-family: sans-serif;
+	line-height: 1.2em;
+	margin:0;
+	padding: 0; /* was previously set only for h3, and skin styles would do the same for h2. however, cannot rely on skin to do this on mobile */
+}
+.mainpage-shadowbox a {
+	color: white;
+	font-weight: bold;
 }
-table.portal_footer table {
+.banner-image {
-   margin: 0 auto;
+    position: relative;
+    max-width: 1125px;
+    height: auto;
+    margin-bottom: .6em;
+}
+.banner-image img {
+    max-width: 100%;
+    height: auto;
+    /* width: auto\9; */ /* ie8 */
+}
+.banner-box-wide {
+    width: 80%
+}
+.banner-box-left,
+.banner-box-right {
+	padding: 8px 7px;
+	background: rgb(16,16,16);
+	background: rgba(0,0,0,0.3);
+	border-radius: 4px;
+	width: 40%;
+}
+.banner-box-left  { text-align: left; }
+.banner-box-right { text-align: right; }
+.banner-box-2 {
+    position: absolute;
+    z-index: 2;
+    min-width: 20em;
 }
-table.portal_footer table th {
+@media screen and ( min-width: 720px ) { /* greater than or equal to */
-   font-variant: small-caps;
+	.banner-image img.nolink { display: none; } /* can be removed when backward compat is no longer needed */
-   font-weight: normal;
+	.banner-image span[typeof~='mw:File/Frameless'].nolink { display: none; }
-   padding: 0 0.5em;
+	.mainpage-shadowbox h2 {
-   line-height: normal;
+		font-size: 190%;
+	}
+	.mainpage-shadowbox h3 {
+		font-size: 150%;
+	}
+	.banner-image {
+		overflow: hidden;
+	}
+	.banner-box-left {
+		left: 3%;
+	}
+	.banner-box-right {
+		right: 3%;
+	}
+	.banner-box-2 {
+		margin-top: 2em;
+	}
+	.banner-box-2 .quote {
+	    font-size: 80%;
+	    line-height: 1.2em;
+	}
 }
+@media screen and ( max-width: 720px ) {
+	.banner-image img:not(.nolink) { display: none; } /* can be removed when backward compat is no longer needed */
+	.banner-image span[typeof~='mw:File/Frameless'] img { display: inline-block; } /* can be removed when b/c is no longer needed */
+	.banner-image span[typeof~='mw:File/Frameless']:not(.nolink) { display: none; }
+	.banner-image > .mainpage-shadowbox {
+		width: inherit !important;
+		min-height: 100%;
+		margin-left: -150%;
+		margin-right: 150%;
+		opacity: 0;
+		background: black;
+	}
+	.mainpage-shadowbox .quote > a:after {
+		content: '\ATap to learn more.';
+		white-space: pre;
+	}
+	.jcarousel-item:hover .mainpage-shadowbox {
+		margin: unset;
+		opacity: 1;
+		transition: margin 0.5s;
+		bottom: 50%;
+	}
+	.jcarousel-control-prev, .jcarousel-control-next {
+		display: none;
-table.portal_footer table td {
+	}
-   font-size:smaller;
-   border-top: 1px solid #AAA;
-   padding: 0 0.5em;
 }
-/* Did you know */
-.portal_dyk_cont p {
+.mw-customtoggle, .mw-collapsible-toggle {
-   margin: 0 0 0 1.5em;
+	margin: 0px 10px;
-   text-indent: -1.5em;
 }
-/* Header - links */
+.fw-scrollbox > h3:first-child {
-th.portal_header a:link {
+	margin-top: 4px;
-   color: #AFA000;
+	padding-top: 3px;
 }
-th.portal_header a:visited {
-   color: #B6A700;
+/* ############################################ */
+/* ###           Youtube loading            ### */
+/* ### Will allow youtube videos to preview ### */
+/* ###       as images until clicked        ### */
+/* ###            User: Eckserah            ### */
+/* ############################################ */
+.youtube {
+	background-color: #000;
+	position: relative;
+	overflow: hidden;
+	cursor: pointer;
+	border:1px solid #000;
 }
-th.portal_header a:hover {
-   color: #FFF;
+.youtube img {
+	width: 100%;
+	left: 0;
+	opacity: 0.5;
 }
-th.portal_header a:active {
-   color: #FFF;
+.youtube .play-button {
+  background: #a90000;
+  border-radius: 50% / 10%;
+  color: #FFFFFF;
+  font-size: 15px; /* change this to change size */
+  height: 3em;
+  padding: 0;
+  text-align: center;
+  text-indent: 0.1em;
+  transition: all 150ms ease-out;
+  width: 4em;
+  opacity: 0.9;
+  top: calc(50% - 1.5em);
+  left: calc(50% - 2em);
 }
-th.portal_header a.new {
-   color: #F11 !important;
+.youtube .play-button:hover {
+  background: red;
+  opacity: 0.95;
 }
-/* Remove firstHeading on main page */
+.youtube .play-button::before {
-body.page-Fallout_Wiki h1.firstHeading {
+  background: inherit;
-   display: none;
+  border-radius: 5% / 50%;
+  bottom: 9%;
+  content: "";
+  left: -5%;
+  position: absolute;
+  right: -5%;
+  top: 9%;
 }
+.youtube .play-button::after {
+  border-style: solid;
+  border-width: 1em 0 1em 1.732em;
+  border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);
+  content: ' ';
+  font-size: 0.75em;
+  height: 0;
+  margin: -1em 0 0 -0.75em;
+  top: 50%;
+  position: absolute;
+  width: 0;
+}
-/* ################################################## */
+.youtube img {
-/* ### ARTICLE CREATION PAGES                    #### */
+	cursor: pointer;
-/* ################################################## */
+}
-.actabrow td a {
+.youtube img,
-   color: #000;
+.youtube iframe,
+.youtube .play-button {
+	position: absolute;
 }
-.actabrow td.actabspace {
-   font-size: 50%;
+.youtube iframe {
-   width: 2px;
+	height: 100%;
+	width: 100%;
+	top: 0;
 }
-.actabrow td.actab {
+.youtube .video-title {
-   border-width: 1px;
+	position: relative;
-   border-color: #AAA;
+    padding: 10px 5px 10px 20px;
-   -moz-border-radius-topleft: 5px;
+    color: #fff;
-   -moz-border-radius-topright: 5px;
+    font-weight: bold;
-   padding: 3px 5px;
+    width: auto;
-   white-space: nowrap;
+    margin: 3px;
+    font-size: 18px;
+    text-shadow: -1px 1px 0 #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000;
+    filter: drop-shadow(0 0 5px #000);
 }
-.actabrow td.actabactive {
-   background: #F9F9F9;
+/* ############################################ */
-   border-style: solid solid none;
+/* ###      HOME PAGE GIVE IT A SPIN!       ### */
+/* ###         v13kobold/kate aces          ### */
+/* ############################################ */
+.takekateforaspin img {
+	transition: transform .8s ease-in-out;
 }
-.actabrow td.actabinactive {
+.takekateforaspin img:hover {
-   background: #CCC;
+    transform: rotateY(180deg);
-   border-style: solid;
 }
+/* ############################################ */
+/* ###            Template:Nav              ### */
+/* ###          Kate Aces/Eckserah          ### */
+/* ############################################ */
-/* ################################################## */
+.top-nav-main {
-/* ### TABLES                                    #### */
+	width: 100%;
-/* ################################################## */
+}
-.fallout-table {
+.top-nav-inner {
-   color: #000;
+	border-top: 4px solid var(--theme-top-nav-border-top-color);
-   line-height: 1.3em;
+	background-color: var(--theme-top-nav-background-color);
-   font-size: 0.9em;
+	padding: 5px;
-   font-weight: normal;
+}
-   border: 2px solid #505050;
+.top-nav-inner-ovv {
-   border-collapse: collapse;
+	border-top: 4px solid var(--theme-top-nav-border-top-color);
-   empty-cells: show;
+	background-color: var(--theme-top-nav-background-color);
-   margin-bottom: 5px;
+	padding: 5px;
 }
-.fallout-table tr {
+.top-nav-header {
-   background: #ECECD4;
+	font-size: 16px;
+	text-align: center;
 }
-.fallout-table tr td {
+.top-nav-awards .top-nav-header {
-   border: 1px solid #000;
+	text-align: left;
-   padding: 3px 3px 3px 3px;
 }
-.fallout-table th {
+.top-nav-links {
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
+	text-align: center;
-   color: #FFF;
+	font-size: 14px;
-   font-size: 0.9em;
-   line-height: 1.3em;
-   font-weight: normal;
-   border: 1px solid white;
-   padding: 3px;
 }
-/* Adapting lists to altered line-height */
+/* ############################################ */
-.fallout-table ul,
+/* ###          Template:Nav horiz          ### */
-.fallout-table ol {
+/* ############################################ */
-   line-height: 1.3em;
+.horiz-nav-main {
+	background-color: var(--theme-horizontal-nav-background-color);
+	padding: 6px;
+	vertical-align: top;
+	border-radius: 10px;
 }
-/* For tables in which all cells are automatically vertically top-aligned or centered */
+.horiz-nav-inner {
-.fallout-table-align-top tr td {
+	font-size: 13.6px;
-   vertical-align: top;
+	text-align: center;
+	padding: 0 5px;
 }
-.fallout-table-align-top tr td ul {
+/* ############################################ */lead
-   margin-top: 0;
+/* ###  Image gallery center caption align  ### */
+/* ############################################ */
+.caption-align-center .gallerytext p {
+    text-align: center;
 }
-.fallout-table-align-middle tr td {
+/* ############################################ */
-   vertical-align: middle;
+/* ###      Fix an issue with the file      ### */
+/* ###     history thumbs being borked      ### */
+/* ############################################ */
+.filehistory .filehistory-thumb a img, #file img:hover {
+	background: none;
 }
-/* Links */
+.filehistory .filehistory-thumb, #file .filepage-thumbcontainer:hover {
-.fallout-table a:link {
+	background: url('/resources/src/mediawiki.action/images/checker.svg?ff513') repeat !important;
-   color: #11B;
 }
-.fallout-table a:visited {
-   color: #448;
+.skin-cosmos .toc {
+	background-color: var(--theme-page-toc-background-color);
 }
-.fallout-table a:hover {
-   color: #004;
+/* ############################################ */
+/* ###   Fix an issue with center captions  ### */
+/* ############################################ */
+.pickmans_gallery_image .thumbcaption {
+	text-align: center;
 }
-.fallout-table a:active {
-   color: #000;
+/* ############################################ */
+/* ### Template:Pagelist                    ### */
+/* ### User:Kate-Aces                       ### */
+/* ############################################ */
+.ace-pagelist a.CategoryTreeLabelPage,
+.ace-pagelist-hidefirst a.CategoryTreeLabelPage {
+  font-style: normal;
 }
-.fallout-table th a:link {
+.ace-pagelist div.CategoryTreeItem,
-   color: #FF4;
+.ace-pagelist-hidefirst div.CategoryTreeItem {
+  display: list-item;
+  list-style-type: disc;
+  list-style-position: outside;
+  margin-left: 1.5em;
 }
-.fallout-table th a:visited {
-   color: #EE0;
+.ace-pagelist-hidefirst div.CategoryTreeSection:first-child {
+  display: none;
 }
-.fallout-table th a:hover {
-   color: #FFF;
+.CategoryTreeItem .CategoryTreePageBullet {
+  border-left: 0 !important;
 }
-.fallout-table th a:active {
-   color: #FFF;
+/* ############################################ */
+/* ###        Template:Document start       ### */
+/* ###               Kate Aces              ### */
+/* ############################################ */
+.doc-start-main {
+	width: 100%;
 }
-.fallout-table-special {
+.doc-start-inner {
-   color: #080;
+	--theme-doc-start-background-color: #ffffe0;
+	--theme-doc-start-border-top-color: #405a55;
+	border-top: 4px solid var(--theme-doc-start-border-top-color);
+	background-color: var(--theme-doc-start-background-color);
+	padding: 5px;
 }
-.fallout-table-special a:link {
-   color: #080;
+.doc-start-text {
+	font-size: 13px;
+	text-align: center;
 }
-.fallout-table-special a:visited {
-   color: #464;
+/* ############################################ */
+/* ###           Template:Divider           ### */
+/* ###               Kate Aces               ### */
+/* ############################################ */
+.divider-main {
+	width: 100%;
 }
-.fallout-table-special a:hover {
-   color: #004;
+.divider-inner {
+	--theme-divider-background-color: #2C3E4C;
+	background-color: var(--theme-divider-background-color);
+	padding: 5px;
+    border-radius: 15px;
+    margin-bottom: 10px;
 }
-.fallout-table-special a:active {
-   color: #FFF;
+.divider-text {
+	font-size: 14px;
+	text-align: center;
+    color: #ffffff;
+    font-weight: bold;
 }
-/* missing pages are very red */
+/* ############################################ */
-.fallout-table a.new {
+/* ###           Scrollable tables          ### */
-   color: #F11 !important;
+/* ###               Eckserah               ### */
+/* ############################################ */
+.ace-table-content-scroll tbody {
+	display: block;
+	overflow: auto;
+	max-height: 300px;
 }
+.ace-table-content-scroll tbody tr:first-child {
+	position: sticky;
+	top: -1px;
+	left: 0;
+}
-/* ################################################## */
+/* ############################################ */
-/* ### FALLOUT 3 GUIDE                            ### */
+/* ###       Remove social profile tabs     ### */
-/* ################################################## */
+/* ###               Eckserah               ### */
+/* ############################################ */
+.profile-tab-bar {
+	display:none !important;
+}
-.guide_smallbox {
+/* ############################################ */
-   width: 190px;
+/* ###       Auto-resize class for images   ### */
-   color: black;
+/* ###        Credit:  AhmadF.Cheema        ### */
-   background-color: #dfdfdf;
+/* ############################################ */
-   font-size: 10pt;
+.res-img img {
-   clear: both;
+	max-width:100%;
-   margin-top: 4px;
+	height:auto;
-   margin-bottom: 5px;
-   padding: 5px;
 }
-table.guide_smallbox th,
+/* ############################################ */
-div.guide_smallbox h2 {
+/* ###           LGBT Userbox CSS           ### */
-   background-color: #001C0C;
+/* ###            User:RurinGas             ### */
-    color: #FFF !important;
+/* ###    (by butchering Eckserah's work)   ### */
-   text-align:left;
+/* ############################################ */
-   font-size: 12pt;
-   font-weight:bold;
+.lgbt-userbox {
-   border-style:none;
+  padding-left: 6px;
-   margin-bottom: 0px !important;
+  margin: 2px;
-   padding-left: 5px;
+  clear: none;
-   padding-top: 2px !important;
+  float: left;
-   padding-bottom: 0px !important;
+  height: 54px;
-   clear: both;
+  width: 200px;
+  background:url('data:image/svg+xml;utf8,<svg   xmlns="http://www.w3.org/2000/svg" ><defs><linearGradient id="Gradient" x1="0.15" y1="0.15" x2="0.85" y2="0.85"><stop offset="0%" stop-color="%23b827fc"/><stop offset="25%" stop-color="%232c90fc"/><stop offset="50%" stop-color="%23b8fd33"/><stop offset="75%" stop-color="%23fec837"/><stop offset="100%" stop-color="%23fd1892"/></linearGradient></defs><rect x="1" y="1" width="100%" height="100%" style="height:calc(114% - 10px);width:calc(104% - 10px)" rx="12" ry="12" stroke-width="2" fill="transparent" stroke="url(%23Gradient)"/></svg>');
 }
-table.guide_smallbox th a,
+.lgbt-userbox .left-cell {
-div.guide_smallbox h2 a,
+  vertical-align: middle;
-table.guide_smallbox th a:visited,
+  padding: 0 0 3px 3px;
-div.guide_smallbox h2 a:visited {
+  height: 50px;
-   color: #FFF !important;
+  width: 50px;
+  font-size: 14pt;
+  border-radius: 14px;
 }
-.guide_smallbox h3 {
+.lgbt-userbox .middle-cell {
-   font-size: 9pt !important;
+  vertical-align: middle;
-   font-weight: bold !important;
+  line-height: 125%;
-   margin-bottom: -6px !important;
+  height: 50px;
-   padding-top: 0px !important;
+  font-size: 8pt;
-   padding-bottom: 0px !important;
 }
-.guide_smallbox_text {
+/* ############################################ */
+/* ###              SCHMAULT TEC            ### */
+/* ###          User:Kate Aces              ### */
+/* ############################################ */
+.schmault-bio-container {
+  flex: 1;
+  border: 4px solid #1167b1;
+  background-color: #e6f3f8;
    padding: 5px;
+  padding-bottom: 5px;
+  border-radius: 11px;
+  width: 85%;
+  flex-basis: 40%;
+  position: relative;
+  clear: both;
+}
+.schmault-bio-footer {
+  position: absolute;
+  bottom: 5px;
+  vertical-align: bottom;
+  width: calc(100% - 10px);
+}
+/* ############################################ */
+/* ###           LORE BOX DREEP             ### */
+/* ###             User:Bow                 ### */
+/* ############################################ */
+.lorebox-highlight {
+  flex: 1;
+  border: 3px solid #386261;
+  background-color: #ebf4f6;
+  margin-bottom: 5px;
+  border-radius: 11px;
+  width: 90%;
+  flex-basis: 40%;
+  position: relative;
+  clear: both;
+}
+/* ############################################ */
+/* ###        NAV WILD WASTELAND            ### */
+/* ###          User:Kate Aces              ### */
+/* ############################################ */
+.wild-wasteland {
+	background-color: #f0f0bd;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+/* ############################################ */
+/* ###      Template:Mbox Nouveau           ### */
+/* ###           User:Kate Aces             ### */
+/* ############################################ */
+.ace-mbox {
+  color: var(--theme-page-text-color);
+  background-color: #e6f4fa;
+  clear: both;
+  padding: 2px 5px;
+  border-top: 4px solid #0959c1;
+  font-size: 12px;
+  line-height: 17px;
+  width: 100%;
+  border-radius: 9px;
+}
+.ace-mbox + .ace-mbox {
+  margin-top: -8px;
+}
+.ace-mbox th {
+  width: 40px;
+  text-align: center;
+  vertical-align: middle;
+  padding: 1px 0 1px 5px;
+}
+.ace-mbox td {
+  padding-left: 5px;
+  width: 100%;
+}
+/* ############################################ */
+/* ###        NAVBARS I THINK               ### */
+/* ###          User:Kate Aces              ### */
+/* ############################################ */
+.navbars {
+	background-color:  var(--theme-nav-background-color--navbars) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+/* ############################################ */
+/* ###    OTHER NAV NAMESPACE COLORS        ### */
+/* ###             User:Wana                ### */
+/* ############################################ */
+.mod-nav {
+	background-color:  var(--theme-nav-background-color--headermod) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+.resource-nav {
+	background-color:  var(--theme-nav-background-color--headerres) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+.ifw-nav {
+	background-color:  var(--theme-nav-background-color--headerifw) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+.ovv-nav {
+	background-color:  var(--theme-nav-background-color--headerovv) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+.user-nav {
+	background-color:  var(--theme-nav-background-color--headeruser) !important;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+.user-nav img {
+	filter: invert(1);
+}
+/* ############################################ */
+/* ###             MERCH NAV                ### */
+/* ###          User:Kate Aces              ### */
+/* ############################################ */
+.merch-nav {
+	background-color: #fbceb1;
+	padding: 4px;
+	vertical-align: top;
+	border-radius: 10px;
+}
+/* ############################################ */
+/* ###              NAV SIMPLE              ### */
+/* ###            User:Kate Aces            ### */
+/* ############################################ */
+.nav-simple-main {
+	width: 100%;
+}
+.nav-simple-inner {
+	border-top: 4px solid var(--theme-nav-simple-border-top-color);
+	background-color: var(--theme-nav-simple-background-color);
+	padding: 5px 3px 3px 5px;
+	text-align: center;
+}
+.nav-simple-inner p {
+	margin: 0;
+}
+.nav-simple-links {
+	font-size: 13px;
+}
+.nav-simple-main {
+	--theme-nav-simple-border-top-color: #2B4563;
+	--theme-nav-simple-background-color: #eeecee;
+}
+.nav-simple-tech {
+	--theme-nav-simple-border-top-color: #2B4563;
+	--theme-nav-simple-background-color: #e7f1dc;
+}
+/* ############################################ */
+/* ###     Class to make things go away     ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+.goaway {
+	display:none;
+}
+/* ############################################ */
+/* ### NOUVEAUBOXES                     	### */
+/* ### Used in: Template:Nouveaubox     	### */
+/* ############################################ */
+/* Outer table - widths, floats */
+.ace-navbox {
+  width: 100%;
+  font-size: 11px;
+  line-height: 16px;
+  border-radius: 9px;
+}
+.ace-navbox-bottom {
+  width: 100%;
+  clear: both;
+  margin: 5px auto 0;
+}
+.ace-navbox-left {
+  width: 200px;
+  clear: left;
+  float: left;
+  margin: 10px;
+}
+.ace-navbox-right {
+  width: 200px;
+  clear: right;
+  float: right;
+  margin: 10px;
+}
+/* Inner tables */
+.ace-navbox-brick {
+  width: 100%;
+  margin: 0;
+  border-radius: 15px;
+}
+/* Cellspacing */
+.ace-navbox,
+.ace-navbox-border,
+.ace-navbox-brickcont,
+.ace-navbox-padding,
+.ace-navbox-space-h,
+.ace-navbox-space-v {
+  background: transparent;
+}
+.ace-navbox-padding {
+  padding: 1px;
+}
+.ace-navbox-space-h {
+  width: 1px;
+}
+.ace-navbox-columncont .ace-navbox-space-h {
+  width: 0;
+  border-right: 0 solid var(--theme-border-color);
+}
+.ace-navbox-space-v {
+  height: 1px;
+  font-size: 1pt;
+  line-height: 0;
+}
+/* Cell styles and widths */
+/* Remember to update the column width calculations when changing widths */
+.ace-navbox-title {
+  background: var(--theme-accent-color) var(--theme-widget-background);
+  border: 0 solid var(--theme-border-color);
+  font-weight: normal;
+  color: var(--theme-accent-dynamic-color-1);
+  padding: 4px 2px;
+  border-radius: 15px;
+}
+.ace-navbox-headertext,
+.ace-navbox-titletext {
+  font-weight: bold;
+  padding-left: 40px;
+  padding-right: 40px;
+}
+.ace-navbox-maintitle .ace-navbox-titletext {
+  font-size: 120%;
+}
+.ace-navbox-editlink {
+  float: left;
+  width: 40px;
+  text-align: left;
+  margin-left: 10px;
+}
+.ace-navbox-cell,
+.ace-navbox-colgroup,
+.ace-navbox-column,
+.ace-navbox-footer,
+.ace-navbox-group,
+.ace-navbox-header,
+.ace-navbox-image,
+.ace-navbox-subgroup {
+  padding: 1px 2px;
+  border-radius: 15px;
+}
+.ace-navbox-colgroup,
+.ace-navbox-group,
+.ace-navbox-subgroup {
+  font-weight: bold;
+  border-radius: 15px;
+}
+.ace-navbox-group,
+.ace-navbox-subgroup {
+  width: 15%;
+  text-align: center;
+  border-radius: 15px;
+}
+.ace-navbox-footer,
+.ace-navbox-group,
+.ace-navbox-header {
+  background: var(--theme-page-background-color--quinary);
+  border: 0 solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.ace-navbox-colgroup,
+.ace-navbox-subgroup {
+  background: var(--theme-page-background-color--quaternary);
+  border: 0 solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.ace-navbox-cell,
+.ace-navbox-column,
+.ace-navbox-image {
+  background: var(--theme-page-background-color--secondary);
+  border: 0 solid var(--theme-border-color);
+  border-radius: 15px;
+}
+.ace-navbox-cell-nogroups,
+.ace-navbox-column,
+.ace-navbox-colgroup,
+.ace-navbox-footer,
+.ace-navbox-image {
+  text-align: center;
+}
+.ace-navbox-cell-withgroups {
+  text-align: left;
+}
+.ace-navbox-column {
+  vertical-align: top;
+}
+.ace-navbox-image {
+  width: 8%;
+}
+/* Lists in column rows */
+.ace-navbox-formatlist ul,
+.ace-navbox-formatlist li {
+  list-style: none;
+  line-height: 16px;
+  margin: 0.6em 0;
+  padding: 0;
+}
+.ace-navbox-formatlist li li {
+  font-size: 90%;
+}
+.ace-navbox-formatlist li ul {
+  margin-top: -0.1em;
+  margin-bottom: 0.5em;
+}
+.ace-navbox-formatlist li ul li {
+  margin: 0;
+}
+/* Nested */
+.ace-navbox .ace-navbox-nested {
+  font-size: 100%;
+}
+.ace-navbox-nested .ace-navbox-title {
+  background: var(--theme-page-background-color--quinary);
+  color: var(--theme-page-text-color);
+  border: 0 solid var(--theme-border-color);
+}
+.ace-navbox-nested .ace-navbox-footer,
+.ace-navbox-nested .ace-navbox-group,
+.ace-navbox-nested .ace-navbox-header {
+  background: var(--theme-page-background-color--quaternary);
+}
+.ace-navbox-nested .ace-navbox-colgroup,
+.ace-navbox-nested .ace-navbox-subgroup {
+  background: var(--theme-page-background-color--tertiary);
+}
+/* Links  (using #content to give higher priority) */
+#content .ace-navbox-editlink .ace-navbar-item a,
+#content .ace-navbox-editlink .ace-navbar-item a:link,
+#content .ace-navbox-editlink .ace-navbar-item a:visited,
+#content .ace-navbox-editlink .ace-navbar-item a:hover,
+#content .ace-navbox-editlink .ace-navbar-item a:active {
+  color: var(--theme-accent-dynamic-color-1);
+}
+#content .ace-navbox-nowraplinks .ace-navbox-cell a,
+#content .ace-navbox-nowraplinks .ace-navbox-column a {
+  white-space: nowrap;
+}
+#content .ace-navbox-maintitle a,
+#content .ace-navbox-maintitle a:link,
+#content .ace-navbox-maintitle a:visited {
+  color: var(--theme-accent-dynamic-color-3);
+}
+#content .ace-navbox-maintitle a:hover,
+#content .ace-navbox-maintitle a:active {
+  color: var(--theme-accent-dynamic-color-1);
+}
+/* ############################################ */
+/* ###             Jojobox Class            ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+.jojobox {
+  background-color: white;
+  border-style: solid;
+  border-width: 3px;
+  border-color: black;
+  border-radius: 8px;
+  width: 150px;
+  display: inline-block;
+}
+/* ############################################ */
+/* ###          Minor Ace-table fix         ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+.achievements td > p {
+  max-width: 960px;
+  display: block;
+}
+.table-no-bg td {
+  border: transparent;
+}
+.table-no-bg tr {
+  background: transparent;
+}
+/* ############################################ */
+/* ###            RURINFOBOXES CSS          ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+.infobox {
+	display: table;
+	background: #fff;
+	float: right;
+	clear: right;
+	font-size: 12px;
+	margin: 0 0 15px 15px;
+	border-radius: 10px;
+	overflow-x: clip;
+	border: solid 2px;
+	border-color: #50656f;
+	width: 270px !important;
+	max-width: 270px !important;
+	min-width: 270px !important;
+	table-layout: fixed;
+}
+.infoboxnexted{
+	display: table;
+	min-width: 266px;
+    overflow-x: clip;
+    table-layout: fixed;
+	width: 266px;
+}
+.infoboxlabel {
+	font-size: 12px;
+	width: 95px;
+	padding: 0 0 0 5px;
+	text-align: left;
+}
+.infoboxlabel:not(.infoboxspan2) {
+  min-width: 85px;
 }
-.guide_smallbox .editsection {
+.infoboxcell {
-   display: none;
+	font-size: 12px;
+	text-align: left;
+	padding-right: 7px;
+	width: 161px;
 }
-div.p-shadow {
+.infoboxspan {
-   float: left;
+	text-align: center;
-   width: 98%;
+	border-top: solid 0;
-   background: url(http://images.wikia.com/helpertest/images/a/a5/ShadowAlpha.png?1) no-repeat bottom right !important;
+	border-right: 1px solid #dce2e8;;
-   background: url(http://images.wikia.com/helpertest/images/a/a2/Shadow.gif?1) no-repeat bottom right;
+	border-left: 1px solid #dce2e8;;
-   margin: 10px 0 0 10px !important;
+	padding: 0 2px 0;
-   margin: 10px 0 0 5px;
 }
-.p-right {
+.infoboxmedia, .infoboximagecont{
-   float: right;
+	font-size: 14px;
-   width: 50%;
+	padding: 0;
+	flex-grow: 1;
 }
-.p-left {
+.infoboxsubheading{
-   float: left;
+	font-size: 14px;
-   width: 50%
+	padding: 7px;
+	background-color: #202a30;
+    background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
+    background-blend-mode: soft-light;
 }
-.p-center {
+.infoboxheading {
-   clear: left;
+	font-size: 18px;
-   width: 100%;
+	padding: 9px;
+	background-color: #202a30;
+    background-image: url(https://fallout-wiki-files.nyc3.cdn.digitaloceanspaces.com/6/68/Hex.jpg);
+    background-blend-mode: soft-light;
 }
-div.p-center > div.p-shadow {
+.infoboxsuperheader {
-   width: 99%;
+	padding: 5px 10px;
+	border-bottom:1px solid #dce2e8;
+    border-radius: 10px 10px 0 0;
+}
+.infoboxfooter {
+	font-size: 0;
 }
-div.p-shadow > div {
+.infoboxborder {
-   background: none !important;
+	border-top:1px solid #dce2e8;
-   background: url(http://images.wikia.com/helpertest/images/8/82/Shadow2.gif?1) no-repeat left top;
-   padding: 0 !important;
-   padding: 0 6px 6px 0;
 }
-div.p-shadow > div > div {
+.infoboxtabber .tabber__tabs {
-   color: #000;
+  display: flex;
-   background-color: #fff;
+  box-shadow: none;
-   font: 12.5px Trebuchet MS, Helvetica, sans-serif;
+  flex-grow: 1;
-   border: 1px solid #001C0C;
+  flex-flow:wrap;
-   padding: 4px !important;
-   margin: -6px 6px 6px -6px !important;
-   margin: 0;
-   min-height: 385px;
-   position: relative;
 }
-div.p-center > div.p-shadow > div > div {
+.infoboxtabber .tabber__tab:hover,
-   min-height: 150px;
+.infoboxtabber .tabber__tab {
+	display: grid;
+	flex-grow: 1;
+	border: 1px solid #c7e2da;
+	font-weight: Normal;
+	height: 29.5px;
+	box-shadow: none;
+	font-size:13px;
+	color: black !important;
+	flex-flow:wrap;
 }
-.p-shadow .editsection {
+.infoboxtabber .tabber__tab--active:hover,
-   display: none;
+.infoboxtabber .tabber__tab--active {
+	background: #c7e2da;
+	font-weight: bold;
 }
-.p-shadow h2 {
+.infoboxmedia .infoboxtabber .tabber__section {
-   color: #FFF;
+      border-radius: 0 0 8px 8px
-   font-weight: bold;
+}
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
-   padding: 5px !important;
+.infoboxtabber .tabber__tab:only-of-type, .tabber__tab:empty {
-   margin: 0 !important;
+	display: none;
+  }
+@media only screen and (max-width: 800px) {
+	.infoboxnexted{
+		max-height: 500px !important;
+	}
+}
+.infoboximage {
+  max-width: 270px !important;
+  height: auto;
+  font-size: 0;
+}
+.infoboxcell p, .infoboxlabel p {
+  padding: 4px;
+  margin: 0;
+}
+.infoboxtabber .tabber__panel {
+  overflow-x: clip;
+}
+@media screen {
+.infoboxnexted table {
+    overflow: inherit;
+  }
+}
+.infoboximage img, .infoboximagecont img {
+  max-width: 270px !important;
+  height: auto;
+}
+.infoboxcell p {
+  word-wrap: initial;
+}
+.infoboxtabber-no-br .tabber__section {
+  border-radius: 0 !important;
+}
+.infoboxmedia .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximagecont .infoboxtabber .tabber__panel:not(.tabber__panel--active), .infoboximage .tabber__panel:not(.tabber__panel--active) {
+  display: none;
+}
+.infoboximage .tabber__section, .infoboximagecont .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__section {
+  height: auto !important;
+}
+@media (prefers-reduced-motion: no-preference) and (min-width: 720px) {
+  .infoboximage .tabber__section, .infoboxmedia .infoboxtabber .tabber__header, .infoboxmedia .infoboxtabber .tabber__section, .infoboxmedia .infoboxtabber .tabber__tabs,
+  .infoboximagecont .infoboxtabber .tabber__header, .infoboximagecont .infoboxtabber .tabber__section, .infoboximagecont .infoboxtabber .tabber__tabs{
+    scroll-behavior: unset;
+  }
+}
+.infoboxcollapse .mw-collapsible-toggle {
+  rotate: 90deg;
+  overflow-y: auto;
+  margin: -121px 0px 0px 110px;
+  position: absolute;
+  left: 5px;
+  font-family: 'Segoe UI';
+  width: 36px;
+  height: 264px;
+  text-align: center;
+  color: white;
+}
+.infoboxcollapse .mw-collapsible-toggle-default::before {
+  display: none;
+}
+.infoboxcollapse .mw-collapsible-text {
+  color: white;
+  position: absolute;
+  right: 15px;
+  visibility: hidden;
+}
+.infoboxcollapse .mw-collapsible-toggle-default::after {
+  content: "<";
+  visibility: initial;
+  font-size: 25px;
+}
+.infoboxcollapse .mw-collapsed .mw-collapsible-toggle-default::after {
+  content: ">";
+  visibility: initial;
+  font-size: 25px;
+}
+.infoboxcollapse .mw-collapsible-toggle-collapsed::after {
+  content: ">";
+  visibility: initial;
+  font-size: 25px;
+}
+.infoboxcollapse .mw-collapsible-toggle-expanded::after {
+  content: "<";
+  visibility: initial;
+  font-size: 25px;
+}
+.infoboxtabber .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
+  display: none;
+}
+.infoboxtabber .tabber__panel--active .mw-collapsible .infoboxsubheading .mw-collapsible-toggle {
+  display: block;
+}
+.infoboximage .tabber .tabber__tab {
+  height: 17.5px;
+  font-size: 12px;
+}
+.infobox tr {
+  display: flex;
+}
+.infoboxspan2 > p {
+  display: none;
+}
+.infoboxtext {
+  padding: 8px;
+}
+.infoboxspan2 {
+  text-align: center;
+  padding: 0;
+  border-left: 1px solid #dce2e8;
+  border-radius: 0 !important;
+  min-width: 37px;
+}
+.infoboxspan2 .infoboxtext {
+  padding: 4px;
+}
+.infoboxspan2, .infoboxsubheading, .infoboxsuperheader, .infoboxheading, .infoboxcell {
+  flex-grow: 1;
+}
+.infobox tr:last-child td {
+  border-radius: 0 0 10px 10px;
+}
+.infoboxtext .floatnone {
+  max-height: 28px;
+  top: -17px;
+  position: relative;
+  left: 2px;
+}
+.infoboxcell p {
+  word-wrap: initial;
+  padding: 4px 4px 4px 0;
+  margin-bottom: 0;
+}
+/* Chrome Fixes */
+.infoboxsuperheader:first-child {
+    border-radius: 10px 10px 0 0;
 }
-.p-shadow h2 a, p-shadow h2 a:visited {
+.infoboxmedia:last-child {
-   color: #FFF;
+  border-radius: 0 0 10px 10px;
 }
-.p-shadow img {
+/* ############################################ */
-   padding: 5px;
+/* ###  Lorebox & Lead Bio Head Text Color  ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+.lead-bio-container td small a,
+.lorebox-highlight td big a {
+  color: black;
 }
-.guide_tagline {
+/* ############################################ */
-   font-size: 105%;
+/* ###       Hide Recent Changes Legend     ### */
-   font-weight: bold;
+/* ###            User:Kate Aces            ### */
-   font-style: italic;
+/* ############################################ */
-   color: #475F51;
-   padding: 5px;
+.mw-changeslist-legend {
-   margin-bottom: 5px;
+	display:none;
 }
-.guide_bgimage {
+/* ############################################ */
-   position: absolute;
+/* ###       Hide Incessant MW Help Links   ### */
-   z-index: -1;
+/* ###            User:Kate Aces            ### */
-   right: 0;
+/* ############################################ */
-   bottom: 0;
+#mw-indicator-mw-helplink a {
+	display:none;
 }
-.guide_bgimage img {
+/* ############################################ */
-   border-style: none;
+/* ###     Site Footer Image Size lock      ### */
-   opacity: .2;
+/* ###            User:RurinGas             ### */
-   filter: alpha(opacity = 20);
+/* ############################################ */
+#footer-poweredbyico img, #f-poweredbyico img {
+  width: 88px;
+  height: auto;
 }
-body.page-Fallout_3_Guide .monaco_shrinkwrap {
+/* ############################################ */
-   left: 50%;
+/* ###         Blinking color text          ### */
-    margin-left: -486px;
+/* ###            User:Wana                 ### */
-   width: 972px;
+/* ############################################ */
+.blink-bg{
+		color: #fff;
+		padding: 10px;
+		display: inline-block;
+		border-radius: 5px;
+		animation: blinkingBackground 2s infinite;
+	}
+	@keyframes blinkingBackground{
+%		{ background-color: #10c018;}
+%		{ background-color: #1056c0;}
+%		{ background-color: #ef0a1a;}
+%		{ background-color: #254878;}
+%	        { background-color: #04a1d5;}
+	}
+.blink-text{
+		color: #000;
+		font-weight: bold;
+		font-size: 2rem;
+		animation: blinkingText 2s infinite;
+	}
+	@keyframes blinkingText{
+%		{ color: #10c018;}
+%		{ color: #1056c0;}
+%		{ color: #ef0a1a;}
+%		{ color: #254878;}
+%	{ color: #04a1d5;}
+	}
+/* ############################################ */
+/* ###    Template:Collapsible Centering    ### */
+/* ###            User:RurinGas             ### */
+/* ############################################ */
+.ace-table .mw-collapsible-toggle:not(th .mw-collapsible-toggle), .portable-infobox .mw-collapsible-toggle {
+  display: contents;
 }
+/* ############################################ */
+/* ###       Hide Front Page Title          ### */
+/* ###            User:Wana                 ### */
+/* ############################################ */
+.page-Fallout_Wiki h1 { display: none; }
-/* ################################################## */
+/* ############################################ */
-/* ### GAME ICONS (Template:Games)                ### */
+/* ###          Snap to Top button          ### */
-/* ################################################## */
+/* ###            User:RurinGas             ### */
+/* ############################################ */
-#title-games {
+	#scrollUpButton {
-   float: right;
+		position: fixed;
-   display: none;
+		bottom: 10px;
-   visibility: hidden;
+		height: 110px;
-   position: relative;
+		right: 18px;
-   margin: -17px 0 0;
+		opacity: 0.7;
-   min-width: 325px;
+		cursor: pointer;
-   text-align: right;
+		display: inline;
+	}
+@media only screen and (max-width: 450px) {
+	#scrollUpButton {
+		display: none;
+		visibility: hidden;
+	}
+	#projectYeltsa {
+		display: none;
+		visibility: hidden;
+	}
 }
-#title-games,
+/* ############################################ */
-#title-games a {
+/* ###          Tardis Shenanigans          ### */
-   font-size: 0.9em;
+/* ###           User:Kate Aces             ### */
+/* ###  Based on Template:Frog at JoJo Wiki ### */
+/* ############################################ */
+.tardis {
+  opacity: 0.1;
+  transition: opacity 0.5s linear;
 }
+.tardis:hover {
+ opacity: 1;
+ transition: visibility 0s 0.5s, opacity 0.5s linear;
+}
-/* ################################################## */
+.tardis img:hover {
-/* ### INFOBOXES (Template:Infobox)               ### */
+ animation: shake 0.5s;
-/* ################################################## */
+ animation-iteration-count: 1;
+}
-/* black frame around the info box, with an 1.5 em margin to the text to the left */
+@keyframes shake {
-.FO3-infobox-box-box {
+% { transform: rotate(0deg); }
-   clear: right;
+% { transform: rotate(-3deg); }
-   float: right;
+% { transform: rotate(0deg); }
-   position: relative;
+% { transform: rotate(3deg); }
-   margin-left: 1.5em;
-   margin-bottom: 0.5em;
-   border: 2px solid #222;
-   border-collapse: collapse;
 }
-/* the table */
+@media screen and (max-width: 1600px){
-.FO3-infobox-box {
+.tardis  {display:none;}
-   border: 1px solid #FFF;
-   border-collapse: collapse;
-   background: #010;
-   color: #FFF;
-   line-height: 1.3em;
 }
-/* no editing in the box */
+/* ############################################ */
-.FO3-infobox-box .editsection {
+/* ###         Content Warning Box          ### */
-   display:none;
+/* ###            User:RurinGas             ### */
+/* ############################################ */
+#contentWarning table {
+    background-color: #e5cb69;
+}
+/* ############################################ */
+/* ###Content Warning/ Spoiler Blackout text### */
+/* ###            User:Wana             ### */
+/* ############################################ */
+.spoiler-text {
+  background: var(--theme-body-text-color);
+  display: inline;
+  cursor: help;
+  transition: background 0.3s ease 0.2s, color 0.2s ease 0.25s;
+}
+.spoiler-text:hover,
+.spoiler-text:focus {
+  background: none;
 }
-/* missing pages are very red */
+/* ############################################ */
-.FO3-infobox-box a.new {
+/* ###       Misc. Small Fixes/Tweaks       ### */
-   color: #F11 !important;
+/* ###            User:RurinGas             ### */
-   background: #400;
+/* ############################################ */
+.MediaTransformError {
+  display: none !important;
 }
-/* table-in-table */
+#TechnicalDifficulties {
-.FO3-infobox-inner-table {
+  visibility: hidden;
-   border-collapse: collapse;
-   border: 0;
-   background: none;
-   color: #FFF;
-   margin-left: 1px;
-   margin-right: 1px;
 }
-.FO3-infobox-inner-table td {
+.dplinlinefix .top-nav-main .top-nav-header center span p {
-   vertical-align: middle;
+  display: inline;
-   text-align: center;
 }
-/* line above main title */
+/* ############################################ */
-.FO3-infobox-nameheader {
+/* ###       Special:ContributionScores     ### */
-   font-size: 0.8em;
+/* ###         User:MeatServo/Kate Aces     ### */
-   line-height: 1.2em;
+/* ############################################ */
+.contributionscores-wrapper {
+}
+.contributionscores-title {
+    background-color: #e8c96e;
+    margin-bottom: 0px;
+    border-radius: 20px;
+    font-size: 15px;
+    font-weight: bold;
+    vertical-align: middle;
+    text-align: center;
 }
+.contributionscores .header {
+    background-color: #eee;
+    font-weight: bold;
+}
+.contributionscores .odd {
+    background-color: #eee;
+}
+.contributionscores .header td {
+    padding-left: .2em;
+    padding-right: .2em;
+}
+.contributionscores .content {
+    padding-left: .2em;
+    padding-right: .2em;
+}
+/* ############################################ */
+/* ###     Medal Madness (With shine!)      ### */
+/* ###             User:Wana                ### */
+/* ############################################ */
-/* main title */
+/* generic shine */
-.FO3-infobox-name {
+.genericshine, .medalsilver, .medalgold {
-   font-size: 1.2em;
+  z-index: 0;
-   font-weight: bold;
+  position: relative;
-   line-height: 1.35em;
 }
-/* border color for all "content" cells */
+/* Shine */
-.FO3-infobox-header,
+.medalgold:after{
-.FO3-infobox-title,
+  content:'';
-.FO3-infobox-data,
+  top:0;
-.FO3-infobox-image,
+	transform:translateX(100%);
-.FO3-infobox-data-console {
+	width:100%;
-    border: 1px solid #FFF;
+	height:100px;
+	position: absolute;
+	z-index:0;
+	animation: medalslide 2s infinite;
+  /*
+  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
+  */
+  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
+	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#fef4b9',GradientType=1 ); /* IE6-9 */}
+.medalsilver:after{
+  content:'';
+  top:0;
+	transform:translateX(100%);
+	width:100%;
+	height:100px;
+	position: absolute;
+	z-index:0;
+	animation: medalslide 2s infinite;
+  /*
+  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
+  */
+  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
+	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}
+.genericshine:after{
+  content:'';
+  top:0;
+	transform:translateX(100%);
+	width:100%;
+	height:100%;
+	position: absolute;
+	z-index:0;
+	animation: medalslide 2s infinite;
+  /*
+  CSS Gradient - complete browser support from http://www.colorzilla.com/gradient-editor/
+  */
+  background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(128,186,232,0) 99%, rgba(125,185,232,0) 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(99%,rgba(128,186,232,0)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* IE10+ */
+	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 50%,rgba(128,186,232,0) 99%,rgba(125,185,232,0) 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffd700',GradientType=1 ); /* IE6-9 */}
+/* animation */
+@keyframes medalslide {
+% {transform:translateX(-100%);}
+% {transform:translateX(100%);}
 }
-/* vertical alignment for text "content" cells */
+.medalgold .ace-userbox {
-.FO3-infobox-data,
+	background: linear-gradient(to bottom, #f5c21b, #D17000);
-.FO3-infobox-data-console,
-.FO3-infobox-title {
-   vertical-align: top;
 }
-/* table header (and footer) */
+.medalsilver .ace-userbox {
-.FO3-infobox-header {
+	background: linear-gradient(to bottom, #D7D7D8, #A8A9AD);
-   margin:0;
-   padding:2px;
-   font-size: 0.9em;
-   line-height: 1.1em;
-   background: #565B45 url(http://images.wikia.com/fallout/images/d/d3/ConcreteBackground.jpg?1);
-   color: #FFF;
 }
-/* titles like "Quest:" "Clip size:" etc */
+/* ############################################ */
-.FO3-infobox-title {
+/* ###             Fakelinker               ### */
-   font-size: 0.9em;
+/* ###             User:Wana                ### */
-   line-height: 1.2em;
+/* ############################################ */
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
-   color: #FFF;
+.fakelinks {
+	cursor: pointer;
+    color: var(--theme-link-color);
+}
+.fakelinks:hover {
+	  color: var(--theme-link-color--hover);
+}
+.fakelinks:focus {
+	text-decoration: underline;
+}
+.fakelinks:visited {
+    color: var(--theme-link-color--visited);
+}
+.fakelinks:active {
+    color: var(--theme-link-color);
 }
-/* data like "23", "[[Megaton]]", etc */
+/* ############################################# */
-.FO3-infobox-data,
+/* ### ProfileTags for every Skin but Cosmos ### */
-.FO3-infobox-image,
+/* ###            User:RurinGas              ### */
-.FO3-infobox-data-console {
+/* ############################################# */
-   font-size: 0.9em;
-   line-height: 1.2em;
+#citizenProfileTag {
-   margin-left: 2em;
+  position: relative;
-   border-collapse: collapse;
+  color: #000;
-   border-color: #FFF;
+  padding: 3px 3px 5px;
-   background: #111;
+  background-color: #e1e1e1;
+  border-radius: 6px;
+  display: inline-block;
+  margin-left: 12px;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: bold;
+  line-height: 1.5;
+  vertical-align: text-bottom;
 }
-.FO3-infobox-data,
+.AprilFoolsAds img {
-.FO3-infobox-image {
+	width: 100%;
-   color: #FFF;
+	height: auto;
+}
+/* ############################################# */
+/* ###     Home is where the infobox is      ### */
+/* ###              User:Wana                ### */
+/* ############################################# */
+.rightSideMe {
+	float: right;
+	clear: right;
+	font-size: 12px;
+	overflow-x: hidden;
+	width: 270px !important;
+	max-width: 270px !important;
+	min-width: 270px !important;
+	text-align: right;
+	margin-left: auto;
 }
-/* console id data */
+.floatright {
-.FO3-infobox-data-console {
+	float: right;
-   color: #DDF;
+	clear: right;
-   font-family: monospace;
-   font-weight: bold;
-   text-transform: lowercase;
 }
-/* lists in infobox cells */
+/* ############################################# */
-.FO3-infobox-box ol,
+/* ###     Remove language dropdown in       ### */
-.FO3-infobox-box ul {
+/* ###            upload wizard              ### */
-   line-height: inherit;
+/* ###            User:Eckserah              ### */
-   margin-top: 0;
+/* ############################################# */
+.mwe-upwiz-singleLanguageInputWidget-language, .mwe-upwiz-singleLanguageInputWidget-removeItem, .mwe-upwiz-multipleLanguageInputWidget-addItem {
+    display: none !important;
 }
-.FO3-infobox-box ul {
+/* ############################################# */
-   list-style-image: none;
+/* ###        Affiliate Navbox Colors        ### */
-   list-style-type: disc;
+/* ###            User:Eckserah              ### */
+/* ############################################# */
+.nav-affiliate-grouping-header {
+	font-size:120%;
+	color: var(--theme-nav-affiliate-header-font-color);
 }
-/* background strip for images */
+.nav-affiliate-grouping {
-.FO3-infobox-image {
+	font-size:112%;
-   background: #111 url(http://images.wikia.com/fallout/images/1/1f/Infobox_image_grad.png) top center repeat-y;
+	padding-bottom: 1px;
+	border-radius: 6px;
+	background-color: var(--theme-nav-affiliate-background-color);
+	padding: 5px; width: 98%;
+	line-height: 1;
+	margin: 0px;
 }
-.FO3-infobox-image-legend {
+.va-tooltip {
-   background: #111;
+	cursor: help;
-   color: #FFF;
+	text-decoration: underline var(--theme-body-text-color) dotted;
-   padding-left: 5px;
-   padding-right: 5px;
 }
-/* links are on dark background */
+/* ############################################# */
-.FO3-infobox-box a:link {
+/* ###          Edit Message Popup           ### */
-   color: #AFA000;
+/* ###       User:RurinGas & Eckserah        ### */
+/* ############################################# */
+body .postedit-container {
+  top: 33px;
+  right: unset;
 }
-.FO3-infobox-box a:visited {
-   color: #AFA000;
+.postedit {
+    box-shadow: rgba(127, 127, 127, 0.8) 0 0 10px 5px;
+    border-radius: 20px 4px 20px 4px;
+    font-weight: bold;
+    border-color: black;
+	background-color: var(--theme-page-background-color--aceiary) !important;
+}
+/* ############################################ */
+/* ###         Namespace alt colors          ### */
+/* ###               Kate Aces               ### */
+/* ############################################ */
+/*falloutwiki namespace colors*/
+.theme-light.ns-4 {
+  --theme-divider-background-color: #4e2d4e;
+  --theme-top-nav-border-top-color: #3d2f4b;
+  --theme-top-nav-background-color: #ebdbf0;
 }
-.FO3-infobox-box a:hover {
+.theme-dark.ns-4 {
-   color: #FFF;
+  --theme-divider-background-color: #4e2d4e;
+  --theme-top-nav-border-top-color: #3d2f4b;
+  --theme-top-nav-background-color: #ebdbf0;
 }
-.FO3-infobox-box a:active {
+/*projects namespace colors*/
-   color: #FFF;
+.theme-light.ns-3000 {
+  --theme-divider-background-color: #4e2d4e;
+  --theme-top-nav-border-top-color: #3d2f4b;
+  --theme-top-nav-background-color: #ebdbf0;
 }
-/* links are on gray background */
+.theme-dark.ns-3000 {
-.FO3-infobox-header a:link {
+  --theme-divider-background-color: #4e2d4e;
-   color: #CFC000;
+  --theme-top-nav-border-top-color: #3d2f4b;
+  --theme-top-nav-background-color: #ebdbf0;
 }
-.FO3-infobox-header a:visited {
-   color: #CFC000;
+/*mod namespace colors*/
+.theme-light.ns-4000 {
+  --theme-divider-background-color: #4e452d;
+  --theme-top-nav-border-top-color: #4b4b2f;
+  --theme-top-nav-background-color: #e7ecd8;
 }
-.FO3-infobox-header a:hover {
-   color: #FFF;
+.theme-dark.ns-4000 {
+  --theme-divider-background-color: #4e452d;
+  --theme-top-nav-border-top-color: #4b4b2f;
+  --theme-top-nav-background-color: #e7ecd8;
 }
-.FO3-infobox-header a:active {
-   color: #FFF;
+/*community namespace colors*/
+.theme-light.ns-4500 {
+  --theme-divider-background-color: #215d60;
+  --theme-top-nav-border-top-color: #304a42;
+  --theme-top-nav-background-color: #e0e8e7;
 }
-/* wikipedia links */
+.theme-dark.ns-4500 {
-.FO3-infobox-box a.extiw {
+  --theme-divider-background-color: #bbc482;
-   background: transparent url(http://images.wikia.com/common/skins/monobook/external.png?10.2) no-repeat scroll right center !important;
+  --theme-top-nav-border-top-color: #84791e;
-   padding-right: 13px !important;
+  --theme-top-nav-background-color: #e1e1ce;
-   color: #AFA000 !important;
 }
-.FO3-infobox-box a.extiw:link,
-.FO3-infobox-box a.extiw:visited {
+/*resources namespace colors*/
-   color: #AFA000 !important;
+.theme-light.ns-3002 {
+  --theme-divider-background-color: #4a3729;
+  --theme-top-nav-border-top-color: #7d5d20;
+  --theme-top-nav-background-color: #ece3dc;
 }
-.FO3-infobox-header a.extiw:link,
-.FO3-infobox-header a.extiw:visited {
+.theme-dark.ns-3002 {
-   color: #CFC000 !important;
+  --theme-divider-background-color: #4a3729;
+  --theme-top-nav-border-top-color: #7d5d20;
+  --theme-top-nav-background-color: #ece3dc;
 }
-.FO3-infobox-header a.extiw:hover,
-.FO3-infobox-box a.extiw:hover {
+/*overview namespace colors*/
-   color: #FFF !important;
+.theme-light.ns-3100 {
+  --theme-divider-background-color: #4e2d2d;
+  --theme-top-nav-border-top-color: #4b2f2f;
+  --theme-top-nav-background-color: #dbd1d1;
 }
-.FO3-infobox-header a.extiw:active,
-.FO3-infobox-box a.extiw:active {
+.theme-dark.ns-3100 {
-   color: #FFF !important;
+  --theme-divider-background-color: #b56969;
+  --theme-top-nav-border-top-color: #c97f7f;
+  --theme-top-nav-background-color: #756f6f;
 }
+/*technical namespace colors*/
+.theme-light.ns-3300 {
+  --theme-divider-background-color: #20384E;
+  --theme-top-nav-border-top-color: #25384B;
+  --theme-top-nav-background-color: #CFD4DA;
+}
-/* ################################################## */
+.theme-dark.ns-3300 {
-/* ### NAVBOXES (Template:Nb main)                ### */
+  --theme-divider-background-color: #4783B6;
-/* ################################################## */
+  --theme-top-nav-border-top-color: #6298C9;
+  --theme-top-nav-background-color: #6E7174;
+}
+/*source namespace colors*/
+.theme-light.ns-3300 {
+  --theme-divider-background-color: #20384E;
+  --theme-top-nav-border-top-color: #25384B;
+  --theme-top-nav-background-color: #CFD4DA;
+}
-table.fallout_navbox_box_bottom,
+.theme-dark.ns-3300 {
-table.fallout_navbox_box_left,
+  --theme-divider-background-color: #4783B6;
-table.fallout_navbox_box_right {
+  --theme-top-nav-border-top-color: #6298C9;
-   padding: 0px;
+  --theme-top-nav-background-color: #6E7174;
-   border: 1px solid #AAA;
+}
-   text-align: center;
+/*marketing namespace colors*/
-   border-collapse: separate;
+.theme-light.ns-3400 {
-   font-size: 100%;
+  --theme-divider-background-color: #20384E;
+  --theme-top-nav-border-top-color: #25384B;
+  --theme-top-nav-background-color: #CFD4DA;
 }
-table.fallout_navbox_box_bottom {
+.theme-dark.ns-3400 {
-   clear: both;
+  --theme-divider-background-color: #4783B6;
-   margin: 5px auto 0;
+  --theme-top-nav-border-top-color: #6298C9;
+  --theme-top-nav-background-color: #6E7174;
+}
+/*user namespace colors*/
+.theme-light.ns-2 {
+  --theme-top-nav-border-top-color: #2f354b;
+  --theme-top-nav-background-color: #cbdbec;
 }
-/* Doesn't work in IE6 but that's bearable, only visual */
+.theme-dark.ns-2 {
-table.fallout_navbox_box_bottom + table.fallout_navbox_box_bottom {
+  --theme-top-nav-border-top-color: #2f354b;
-   border-top-style: none;
+  --theme-top-nav-background-color: #cbdbec;
-   border-top-style: hidden;
-   margin-top: 0;
 }
-table.fallout_navbox_box_left {
+/* ################################################ */
-   clear: left;
+/* ### NEW CRAFTING TABLES                      ### */
-   float: left;
+/* ################################################ */
-   margin: 0 1.5em 0.5em 0;
+.ace-crafting-table-new {
+  font-size: 11px;
+  line-height: 16px;
+  margin-bottom: 5px;
+  border-radius: 12px;
 }
-table.fallout_navbox_box_right {
+.ace-crafting-block-new {
-   clear: right;
+  border: 1px solid var(--theme-border-color);
-   float: right;
+  margin: 0;
-   margin: 0 0 0.5em 1.5em;
+  padding: 1px 2px;
+  border-radius: 12px;
+  background-color: var(--theme-craftingbox-color);
 }
-th.fallout_navbox_innertable_title,
+.ace-crafting-block-new + .ace-crafting-block-new {
-th.fallout_navbox_box_title {
+  margin-top: 3px;
-   padding: 2px;
+  border-radius: 12px;
-   font-weight: normal;
-   color: #FFF;
-   font-size: 80%;
 }
-th.fallout_navbox_box_title {
+.ace-crafting-requirement-new {
-   background: #044D22 url(http://images.wikia.com/fallout/images/d/d1/WidgetBackground.jpg?1);
+  background-color: var(--theme-page-background-color--quaternary);
-   border: 3px solid #FFF;
+  border-radius: 12px;
 }
-th.fallout_navbox_innertable_title {
+.ace-crafting-highlight-new {
-   background: #565B45 url(http://images.wikia.com/fallout/images/d/d3/ConcreteBackground.jpg?1);
+  background-color: var(--theme-craftingbox-color);
-   border-top: 0;
+  border-radius: 12px;
-   border-bottom: 2px solid #FFF;
-   border-left: 3px solid #FFF;
-   border-right: 3px solid #FFF;
 }
-th.fallout_navbox_box_title span.fallout_navbox_maintitle {
+.ace-crafting-table-new .selflink {
-   font-weight: bold;
+  font-weight: normal;
-   font-size: 115%;
+  border-radius: 12px;
 }
-th.fallout_navbox_innertable_title span.fallout_navbox_maintitle {
+/* ######################################################### */
-   font-weight: bold;
+/* ###   Make stuff in parenthesis smaller and italics   ### */
-   font-size: 125%;
+/* ###                      User:Wana                    ### */
+/* ######################################################### */
+.title-parenthesis {
+    font-style: italic; /* Make text italic */
+    font-size: 0.7em; /* Slightly smaller font size */
+    opacity: 0.9; /* 90% transparency */
+    color: inherit; /* Keep the text color consistent with the title */
+}
+/* ######################################################### */
+/* ###               Make the namespace tag styled too   ### */
+/* ###                      User:Wana                    ### */
+/* ######################################################### */
+.namespace-tag {
+    font-size: 0.65em;   /* Set the size to 65% of the original font size */
+    opacity: 0.9;        /* Set the opacity to 90% */
+    color: inherit;      /* Inherit color from the surrounding text */
+    font-weight: bold;   /* Make the namespace text bold */
+    display: inline-block; /* Ensure it flows with the title */
+    width: 100%;         /* Ensure it spans the full width for proper alignment */
+    position: relative;  /* Absolute positioning to place it above the title */
+    left: 0;             /* Align it to the left */
+    padding-bottom: 5px; /* Adds some space below the namespace tag */
+}
+/* Optional: Only apply padding when there is a namespace tag */
+.has-namespace #cosmos-title-text {
+    padding-top: 22px;  /* Add padding only if namespace tag exists */
 }
-td.fallout_navbox_cont {
+/* ######################################################### */
-   padding: 0px;
+/* ###        Rurin's cheap recursive collumn fix        ### */
-   border: none;
+/* ###                   User:RurinGas                   ### */
+/* ######################################################### */
+.va-columns > .va-columns {
+  column-count: auto !important;
 }
-table.fallout_navbox_innertable,
+/* ################################################### */
-table.fallout_navbox {
+/* ###       Fix search current tab to show        ### */
-   margin: 0px;
+/* ###             that it's current               ### */
-   padding: 0px;
+/* ###                User:Ecks                    ### */
-   border-collapse: separate;
+/* ################################################### */
-   empty-cells: show;
+.search-types .current {
+	background-color: var(--theme-search-tab-current-background-color);
 }
-table.fallout_navbox {
+#content .search-types li {
-   font-size: 85%;
+	border-right: 1px solid #c8ccd1;
-   border-bottom: 1px solid white;
 }
-table.fallout_navbox_innertable {
+#content .search-types li a {
-   font-size: 100%;
+	color: var(--theme-link-color);
 }
-table.fallout_navbox_columncont {
+#content .search-types .current a, #content .search-types .current a:visited {
-   width: 100%;
+	color: var(--theme-search-tab-current-text-color);
-   padding: 0px;
+	font-weight: bold;
-   border: none;
 }
-td.fallout_navbox_header, td.fallout_navbox_footer,
+/* ######################################################### */
-td.fallout_navbox_cell, td.fallout_navbox_groupcell,
+/* ###            Rurin's Qwerky Color Filters           ### */
-td.fallout_navbox_group, td.fallout_navbox_subgroup,
+/* ###                   User:RurinGas                   ### */
-td.fallout_navbox_column_left, td.fallout_navbox_column_middle,
+/* ######################################################### */
-td.fallout_navbox_column_right {
-   border-top: 0;
+.color-nv {
-   border-bottom: 2px solid #FFF;
+	filter: sepia(100%) saturate(250%) hue-rotate(-10deg);
 }
-td.fallout_navbox_header, td.fallout_navbox_footer,
+.color-3 {
-td.fallout_navbox_cell, td.fallout_navbox_group,
+	filter: sepia(100%) saturate(250%) hue-rotate(75deg);
-td.fallout_navbox_column_left {
-   border-left: 3px solid #FFF;
 }
-td.fallout_navbox_groupcell, td.fallout_navbox_subgroup {
+.intactv-mapmarker:hover a img {
-   border-left: 2px solid #FFF;
+  transform: scale(1.3);
 }
-td.fallout_navbox_header, td.fallout_navbox_footer,
-td.fallout_navbox_cell, td.fallout_navbox_groupcell,
-td.fallout_navbox_column_right {
+/* ######################################################### */
-   border-right: 3px solid #FFF;
+/* ###                  Map Backgrounds                  ### */
+/* ###                   User:RurinGas                   ### */
+/* ######################################################### */
+/* ### BASE ### */
+.basemap {
+  width: 1024px;
+  height: 1024px;
+  margin: auto;
+  border: 0 solid #20a200;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  position: relative;
 }
-td.fallout_navbox_column_left, td.fallout_navbox_column_middle {
+/* ### FALLOUT 3 ### */
-   border-right: 1px solid #FFFFFF;
+.fo3map {
+	background-image: url('[[File:Fallout_3_blank_map.png]]');
 }
-td.fallout_navbox_column_middle, td.fallout_navbox_column_right {
+.plmap {
-   border-left: 1px solid #FFFFFF;
+	background-image: url('[[File:Point_Lookout_map_with_locations.png]]');
 }
-td.fallout_navbox_header, td.fallout_navbox_footer {
+.tpmap {
-   padding: 2px;
+	background-image: url('[[File:Dlc01pittworldmap.png]]');
-   background: #565B45 url(http://images.wikia.com/fallout/images/d/d3/ConcreteBackground.jpg?1);
-   color: #FFF;
-   text-align: center;
 }
-td.fallout_navbox_header {
+.oamap {
-   font-weight: bold;
+	background-image: url('[[File:Fo3_Operation_Anchorage_map.jpg]]');
 }
-td.fallout_navbox_footer {
-   font-size: 90%;
+/* ### FALLOUT: NEW VEGAS ### */
+.fnvmap {
+	background-image: url('[[File:Wasteland_nv_1024_no_map.png]]');
 }
-td.fallout_navbox_subgroup, td.fallout_navbox_group {
+.owbmap {
-   padding: 2px;
+	background-image: url('[[File:Big_Empty.jpg]]');
-   text-align: center;
-   white-space: nowrap;
-   border-right: 0;
-   font-weight: bold;
 }
-td.fallout_navbox_group {
+.hhmap {
-   background: #BAC29B url(http://images.wikia.com/fallout/images/9/95/ConcreteBackgroundLight.jpg?1);
+	background-image: url('[[File:Zion_worldmap_01.jpg]]');
 }
-td.fallout_navbox_subgroup {
+.lrmap {
-   background-color: #CDD2BA;
+	background-image: url('[[File:Wasteland_divide_1024_no_map.jpg]]');
 }
-td.fallout_navbox_groupcell, td.fallout_navbox_cell,
+/* ### FALLOUT 4 ### */
-td.fallout_navbox_column_left, td.fallout_navbox_column_middle,
-td.fallout_navbox_column_right {
+.fo4map {
-   padding: 2px;
+	background-image: url('[[File:Fo4-pip-map.png]]');
-   background-color: #DDD;
 }
-td.fallout_navbox_groupcell {
+.fhmap {
-   text-align: left;
+	background-image: url('[[File:Map_Far_Harbor.png]]');
 }
-td.fallout_navbox_cell, td.fallout_navbox_column_left,
+.nwmap {
-td.fallout_navbox_column_middle, td.fallout_navbox_column_right {
+	background-image: url('[[File:PipBoy-Map-NukaWorld.png]]');
-   text-align: center;
 }
-/* do not wrap links in content fields if nowraplinks is set */
+/* ### FALLOUT 76 ### */
-table.fallout_navbox_nowraplinks td.fallout_navbox_cell a,
+.f76map {
-table.fallout_navbox_nowraplinks td.fallout_navbox_groupcell a {
+	background-image: url('[[File:FO76 Map Burning Springs Update.webp]]');
-   white-space: nowrap;
 }
-/* header bar needs brighter links */
+/* ############################################################################# */
-th.fallout_navbox_box_title a:link,
+/* ###                 Styling in resource pages User:pra                    ### */
-th.fallout_navbox_innertable_title a:link {
+/* ### --------------------------------------------------------------------  ### */
-   color: #AFA000;
+/* ############################################################################# */
+tr.node-conflict-row td:first-child .reference a,
+tr.node-conflict-row td:nth-child(2) .reference a,
+tr.node-conflict-row td:nth-child(3) .reference a {
+    cursor: help;
 }
-th.fallout_navbox_box_title a:visited,
-th.fallout_navbox_innertable_title a:visited {
+.node-conflict-basegame,
-   color: #B6A700;
+body #mw-content .node-conflict-basegame .reference a {
+    color:red;
+    font-weight:bold;
 }
-th.fallout_navbox_box_title a:hover,
-th.fallout_navbox_innertable_title a:hover {
+tr.node-conflict-basegame td:nth-child(2) .reference a:before {
-   color: #FFF;
+    content: "☠";
+    margin-right: 5px;
 }
-th.fallout_navbox_box_title a:active,
-th.fallout_navbox_innertable_title a:active {
-   color: #FFF;
+.node-conflict-mod,
+.node-conflict-cc,
+body #mw-content .node-conflict-mod .reference a ,
+body #mw-content .node-conflict-cc .reference a {
+    color:red;
 }
-th.fallout_navbox_box_title a.new,
-th.fallout_navbox_innertable_title a.new {
+tr.node-conflict-cc td:nth-child(2) .reference a:before,
-   color: #F11 !important;
+tr.node-conflict-mod td:nth-child(2) .reference a:before {
+    content: "⚠";
+    margin-right: 5px;
 }
-/* headers and footer need brighter links */
+.node-conflict-allowed,
-td.fallout_navbox_header a:link,
+body #mw-content .node-conflict-allowed .reference a {
-td.fallout_navbox_footer a:link {
+    color:#828200;
-   color: #CFC000;
 }
-td.fallout_navbox_header a:visited ,
-td.fallout_navbox_footer a:visited {
+tr.node-conflict-allowed td:nth-child(2) .reference a:before {
-   color: #B6A700;
+    content: "ⓘ";
+    margin-right: 5px;
 }
-td.fallout_navbox_header a:hover ,
-td.fallout_navbox_footer a:hover {
-   color: #FFF;
+ul.node-conflicts > li {
+    list-style-type: none;
 }
-td.fallout_navbox_header a:active ,
-td.fallout_navbox_footer a:active {
+ul.node-conflicts > li:before {
-   color: #FFF;
+    content: " ";
+    margin-left: -1.2em;
+    margin-right: 0.4em;
 }
-@media print {
-    table.fallout_navbox_box {
-      display: none;
+ul.node-conflicts > li.conflict-line-allowed:before {
-   }
+    content: "ⓘ";
+}
+ul.node-conflicts > li.conflict-line-cc:before,
+ul.node-conflicts > li.conflict-line-mod:before {
+    content: "⚠";
+}
+ul.node-conflicts > li.conflict-line-base:before {
+    content: "☠";
+}
+/* ############################################################################# */
+/* ###          Removelink class for links that we want to be the            ### */
+/* ###                       same color as normal text                       ### */
+/* ###                             User: Ecks                                ### */
+/* ############################################################################# */
+.removelink {
+	color: var(--theme-body-text-color) !important;
+}
+/* ############################################################################# */
+/* ###               Fix placement of sound files in tables                  ### */
+/* ###                            User: Rurin                                ### */
+/* ############################################################################# */
+.ace-table td .np-quote-snd-trigger {
+ display: contents;
+}
+.ace-table td .np-quote-snd-trigger .np-quote-snd-player {
+ top: inherit;
+ left: inherit;
+}
+/*.cosmos-header__wordmark a img {
+	content:url("[[File:Wiki.webp]]");
+}*/
+/* ############################################################################# */
+/* ###                 Tabber tabs are more obviously tabs                   ### */
+/* ###                            User: Rurin                                ### */
+/* ############################################################################# */
+.tabber__tab--active {
+  background: #8de6dd73 !important;
+}
+.tabber__tabs > a {
+  background: #80808061;
+  border: 1px gray solid;
+  border-radius: 5px 5px 0 0;
+}
+/* ############################################################################# */
+/* ###                 Cool wiggle, shake, pulse and zoom fx                 ### */
+/* ###                                                                       ### */
+/* ###                             User: Wana                                ### */
+/* ############################################################################# */
+/*Original CSS by Digitango https://codepen.io/Digitango/pen/YQQBXR*/
+/* Add display: inline-block to ALL animation classes */
+.wiggleFX-icon,
+.shakeFX-icon,
+.pulseFX-icon,
+.wiggleAlwaysFX-icon,
+.shakeAlwaysFX-icon,
+.pulseAlwaysFX-icon,
+.zoomAlwaysFX-icon,
+.zoomFX-icon {
+    display: inline-block; /* Critical for these animations */
+}
+.wiggleAlwaysFX-icon {
+    animation: wigglesoft 1.5s ease-in-out infinite;
+}
+/* Wiggle effect for icons/images */
+.wiggleFX-icon:hover {
+    animation: wiggle 1000ms ease-in-out 1;
+}
+.popFX-icon {
+  transition: 0.4s ease-out;
+}
+.popFX-icon:hover {
+  transform: scale(1.04);
+}
+/* Shake effect */
+.shakeFXAlways-icon {
+    animation: shake 0.5s ease-in-out infinite;
+}
+.shakeFX-icon:hover {
+    animation: shake 0.5s ease-in-out 1;
+}
+/* Pulse effect */
+.pulseFX-icon:hover {
+    animation: pulse 1s ease-in-out infinite;
+}
+.pulseAlwaysFX-icon {
+    animation: pulse 1s ease-in-out infinite;
+}
+/* Zoom effect */
+.zoomFX-icon:hover {
+    animation: zoom 0.3s ease-in-out 1;
+    transform-origin: center;
+}
+.zoomAlwaysFX-icon {
+    animation: zoom 0.3s ease-in-out infinite;
+    transform-origin: center;
+}
+/* Keyframes */
+@keyframes wiggle {
+% { transform: rotate(0deg); }
+% { transform: rotate(-5deg); }
+% { transform: rotate(10deg); }
+% { transform: rotate(-5deg); }
+% { transform: rotate(0deg); }
+}
+@keyframes wigglesoft {
+%   { transform: rotate(0deg); }
+%  { transform: rotate(-3deg); }
+%  { transform: rotate(3deg); }
+%  { transform: rotate(-2deg); }
+%  { transform: rotate(2deg); }
+%  { transform: rotate(-1deg); }
+%  { transform: rotate(1deg); }
+% { transform: rotate(0deg); }
+}
+@keyframes shake {
+%, 100% { transform: translateX(0); }
+% { transform: translateX(-5px); }
+% { transform: translateX(5px); }
+% { transform: translateX(-5px); }
+% { transform: translateX(5px); }
+}
+@keyframes pulse {
+% { transform: scale(1); }
+% { transform: scale(1.1); }
+% { transform: scale(1); }
+}
+@keyframes zoom {
+% { transform: scale(1); }
+% { transform: scale(1.2); }
+% { transform: scale(1); }
+}
+/* ############################################################################# */
+/* ###                    Glowy backround for text fx                       ### */
+/* ###                                                                       ### */
+/* ###                             User: Wana                                ### */
+/* ############################################################################# */
+/*Original CSS by Ryan Colgin https://codepen.io/ryancolgin/pen/DMewJJ*/
+/* Add the basic effects to all colors */
+.glowYellowFX-icon,
+.glowBlueFX-icon,
+.glowRainbowFX-icon,
+.glowRainbow2FX-icon {
+  -moz-transition: all 0.2s ease-in;
+  -o-transition: all 0.2s ease-in;
+  -webkit-transition: all 0.2s ease-in;
+  transition: all 0.2s ease-in;
+}
+.glowYellowFX-icon:hover,
+.glowBlueFX-icon:hover,
+.glowRainbowFX-icon,
+.glowRainbow2FX-icon {
+  -moz-transition: all 0.2s ease-in;
+  -o-transition: all 0.2s ease-in;
+  -webkit-transition: all 0.2s ease-in;
+  transition: all 0.2s ease-in;
+}
+/* Inline block for the animated ones */
+.glowRainbowFX-icon,
+.glowRainbow2FX-icon {
+    display: inline-block; /* Critical for all animations */
+}
+/*Yellow*/
+.glowYellowFX-icon:hover {
+  text-shadow: 0px 0px 30px var(--theme-accent-dynamic-color-3); /* For text elements */
+  -webkit-filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* For images (Webkit) */
+  filter: drop-shadow(0 0 30px var(--theme-accent-dynamic-color-3)); /* Standard for images */
+}
+/*Blue*/
+.glowBlueFX-icon:hover {
+  text-shadow: 0px 0px 30px var(--theme-page-background-color--quinary); /* For text elements */
+  -webkit-filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* For images (Webkit) */
+  filter: drop-shadow(0 0 30px var(--theme-page-background-color--quinary)); /* Standard for images */
+}
+/* Rainbow glow */
+.glowRainbow2FX-icon {
+  position: relative;
+  display: inline-block;
+}
+.glowRainbow2FX-icon::after {
+  content: '';
+  position: absolute;
+  top: -12px;
+  left: -12px;
+  right: -12px;
+  bottom: -12px;
+  z-index: -1;
+  background: linear-gradient(90deg,
+    rgba(255, 0, 24, 0.8),     /* Red */
+    rgba(255, 140, 0, 0.8),    /* Orange */
+    rgba(255, 237, 0, 0.8),    /* Yellow */
+    rgba(0, 128, 38, 0.8),     /* Green */
+    rgba(0, 77, 255, 0.8),     /* Blue */
+    rgba(117, 7, 135, 0.8),    /* Purple */
+    rgba(255, 0, 24, 0.8),     /* Red again */
+    rgba(255, 140, 0, 0.8),    /* Orange again */
+    rgba(255, 237, 0, 0.8),    /* Yellow again */
+    rgba(0, 128, 38, 0.8),     /* Green again */
+    rgba(0, 77, 255, 0.8),     /* Blue again */
+    rgba(117, 7, 135, 0.8),    /* Purple again */
+    rgba(255, 0, 24, 0.8)      /* Final Red to loop */
+  );
+  background-size: 300% 100%;
+  background-repeat: repeat;
+  filter: blur(12px);
+  border-radius: 50%;
+  opacity: 0;
+  transition: opacity 0.3s ease;
+  animation: none;
+}
+.glowRainbow2FX-icon:hover::after {
+  opacity: 1;
+  animation: rainbow-glow-loop 6s linear infinite;
+}
+@keyframes rainbow-glow-loop {
+% {
+    background-position: 0% 0%;
+  }
+% {
+    background-position: 100% 0%;
+  }
+}
+/* ############################################################################# */
+/* ###                  Lazy username template fallback                      ### */
+/* ###                         User: RurinGas                                ### */
+/* ############################################################################# */
+.insertusername:empty::after {
+  content: 'User';
+}
+/* ############################################################################# */
+/* ###                       3D Viewer stuff from TF2wiki                    ### */
+/* ###                             User: Wana                                ### */
+/* ############################################################################# */
+/* 3D/2D viewer */
+.container-2d {
+  display: none;
+  position: relative;
+}
+.viewer-2d {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+#switch-to-3d {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: url("/6/65/2D_icon.png");
+  width: 63px;
+  height: 42px;
+  z-index: 999;
+  opacity: 0.5;
+  cursor :pointer;
+  cursor: hand;
+  transition: opacity 0.2s;
+}
+#switch-to-2d {
+  position: absolute;
+  top: 0;
+  right: 0;
+  background: url("/7/7e/3D_icon.png");
+  width: 63px;
+  height: 42px;
+  z-index: 999;
+  opacity: 0.5;
+  cursor: pointer;
+  cursor: hand;
+  transition: opacity 0.2s;
+}
+#switch-to-3d:hover, #switch-to-2d:hover {
+  opacity: 1.0;
+}
+/* 3D model viewer */
+.viewer-3d span {
+    display: none;
+}
+.viewer-3d {
+    background: #ffffff;
+    margin: 4px;
+    display: block;
+    cursor: move;
+    position: relative;
+}
+.viewer-3d-frame {
+    position: absolute;
+}
+.viewer-3d-overlay {
+    background: url(e/ed/3D_rotation_icon.png) bottom right no-repeat;
+    width: 100%;
+    height: 100%;
+    opacity: 0.5;
+    position: relative;
+}
+/* End 3D model viewer */
+/* New 3D viewer specific CSS */
+.viewer-3d-container {
+  display: block;
+  padding: 2px;
+  margin-left: auto;
+  margin-right: auto;
+  background: #ffffff;
+  width: 288px;
+}
+.viewer-3d-container ul {
+  padding: 0px;
+  margin: 0px;
+}
+.viewer-3d-container ul li {
+  display: block;
+  margin: 0px;
+  margin-top: 2px; /* For vertical spacing of the buttons */
+  list-style: none;
+  text-align: center;
+}
+.viewer-3d-container ul a {
+  display: block;
+  width: 134px;
+  padding: 4px;
+  color: #ffffff;
+  text-decoration: none;
+  font-family: "TF2 Build";
+  font-size: 1.25em;
+  opacity: .5;
+}
+.viewer-3d-container ul a:hover {
+  opacity: 1;
+}
+.view-selector-red,
+.view-selector-red-right,
+.view-selector-red-left,
+.view-selector-red-full,
+.view-selector-red a,
+.view-selector-red-right a,
+.view-selector-red-left a {
+  background: #B8383B;
+}
+.view-selector-red,
+.view-selector-red-left {
+  float: left
+}
+.view-selector-red-right {
+  float: right;
+}
+.view-selector-red-full {
+  width: 100%;
+  clear: both;
+  float: left;
+}
+.view-selector-red-full a {
+  width: 100% !important;
+}
+.view-selector-blu,
+.view-selector-blu-right,
+.view-selector-blu-left,
+.view-selector-blu-full,
+.view-selector-blu a,
+.view-selector-blu-right a,
+.view-selector-blu-left a {
+  background: #5885A2;
+}
+.view-selector-blu,
+.view-selector-blu-right {
+  float: right;
+}
+.view-selector-blu-left {
+  float: left;
+}
+.view-selector-blu-full {
+  width: 100%;
+  clear: both;
+  float: left;
+}
+.view-selector-blu-full a {
+  width: 100% !important;
+}
+.view-selector-default-left {
+    float: left;
+    background: #F3A957;
+}
+.view-selector-default-right {
+    float: right;
+    background: #F3A957;
+}
+.view-selector-default-full {
+    width: 100%;
+    float: left;
+    clear: both;
+    background: #F3A957;
+}
+.view-selector-default-full a {
+    width: 100% !important;
+}
+div.mw-highlight, div.mw-highlight * {
+    font-family: monospace !important;
+}
+/* ############################################################################# */
+/* ###           Special Mbox styling for overlayed images                   ### */
+/* ###                             User: Wana                                ### */
+/* ############################################################################# */
+/* Icon overlay styling */
+.va-icon-container {
+    position: relative;
+    display: inline-block;
+    line-height: 0;
+}
+.va-icon-overlay {
+    position: absolute;
+    top: -5px;
+    right: -5px;
+    z-index: 10;
+    border-radius: 50%;
+    padding: 2px;
+    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
+    animation: overlaygentlewiggle 2s ease-in-out infinite;
+    /* Ensure smooth animation */
+    transform: translateZ(0);
+}
+@keyframes overlaygentlewiggle {
+%, 100% {
+        transform: rotate(0deg) translateY(0);
+    }
+% {
+        transform: rotate(3deg) translateY(-2px);
+    }
+% {
+        transform: rotate(0deg) translateY(0);
+    }
+% {
+        transform: rotate(-3deg) translateY(-2px);
+    }
+}
+.ace-new-page-templates {
+	margin: 0 0 0 0;
+	padding: 2px;
 }
+.ace-new-page-templates .ace-table-top {
+	background: transparent;
+	margin: 0;
+	width: 100%;
+}
-/* ################################################## */
+.ace-new-page-templates .game-name {
-/* ### COPYRIGHT / SOURCE BOXES                   ### */
+	/* width: 15%; */
-/* ### (Template:Copyrightbox/Template:Sourcebox) ### */
+	text-align: right;
-/* ################################################## */
+	white-space: nowrap;
+	padding-left: 10px;
+}
-/* Template:Copyrightbox */
+.ace-new-page-templates .template-list {
-table.copybox {
+	padding-left: 0px;
-   color: #000;
-   background-color: #F5F5DC;
-   clear: both;
-   padding: 0.3em 0.5em;
-   margin: 0.5em 0;
-   border: 1px solid #A8ACA8;
-   font-size: 90%;
-   line-height: normal;
-   border-collapse: collapse;
 }
-table.copybox th {
+.ace-new-page-templates .template-list-header {
-   width: 40px;
+	color: var(--theme-ace-new-page-templates-header-text-color);
-   text-align: center;
+	margin-left: 10px;
-   vertical-align: middle;
-   padding: 0.2em 0 0.2em 0.5em;
 }
-table.copybox td {
+.ace-new-page-templates .template-list-contents {
-   padding-left: 0.5em;
+	margin-left: 20px;
-   width: 100%;
 }
-/* Template:Sourcebox */
+.CategoryTreeTag {
-table.sourcebox {
+	margin-top: 0 !important;
-   margin: 0.25em auto 0.25em 0;
-   border-collapse: collapse;
-   line-height: normal;
 }
-table.sourcebox th {
+.va-navbox-cell > div {
-   vertical-align: middle;
+	display: flex;
-   text-align: center;
+    flex-wrap: wrap;
-   padding: 0 0.5em;
 }
-table.sourcebox td {
+/* ############################################ */
-   font-size: 85%;
+/* ###            Image Resizing            ### */
-   padding: 0;
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+  a > img {
+    max-width: 100%;
+    height: auto;
+  }
+@media screen {
+  a.image > img {
+    max-width: 100%;
+  }
 }
-table.sourcebox td span {
+.ace-flex-table img {
-   border-top: 1px solid #000;
+  max-width: 100%;
-   border-bottom: 1px solid #000;
+  height: auto;
-   display: block;
+  margin-left: auto;
-   padding: 0.25em 0.5em;
+  margin-right: auto;
 }
-table.sourcebox a.new {
+/* Emergancy Resizing Escape */
-   color: #F11 !important;
+.notpageimage {
+  max-width: unset;
+  height: unset;
 }
-/* Printing */
+.thumbimage {
-@media print {
+  width: 100%;
-   table.sourcebox, div.copybox {
+  height: auto;
-       background:none;
-       background-color: #FFF;
-   }
 }
+/* ############################################ */
+/* ###      SocialProfile Cog PFP frame     ### */
+/* ###             User:RurinGas            ### */
+/* ############################################ */
+/* Disabled by request of kate */
+/*#profile-image img {
+	clip-path: polygon(43% 11%, 45% 2%, 56% 2%, 58% 12%, 69% 16%, 77% 9%, 86% 17%, 80% 26%, 86% 36%, 97% 37%, 98% 47%, 89% 51%, 87% 62%, 95% 70%, 89% 79%, 79% 76%, 70% 83%, 71% 94%, 62% 97%, 57% 88%, 43% 88%, 38% 97%, 29% 94%, 30% 83%, 21% 76%, 11% 79%, 6% 70%, 13% 62%, 11% 50%, 2% 47%, 3% 37%, 14% 36%, 20% 25%, 15% 16%, 22% 10%, 31% 16%);
+}*/
+/* ############################################ */
+/* ###             Bingo stuff              ### */
+/* ###               User:Wana              ### */
+/* ############################################ */
+.bingo-dim img {
+  opacity: 0.3;
+  filter: grayscale(100%);
+}
-/* ################################################## */
+/* ############################################ */
-/* ### DIRECTION / MESSAGE BOXES                  ### */
+/* ###  Minor Suggested Article Card Fixes  ### */
-/* ### (Template:Directionbox/Template:Mbox)      ### */
+/* ###             User:RurinGas            ### */
-/* ################################################## */
+/* ############################################ */
-/* Template:Directionbox */
+.ext-related-articles-card-list h3::after {
-table.dirbox {
+	right: 1px;
-   color: #000;
-   background-color: #F9F9F9;
-   clear: both;
-   padding: 0.3em 0.5em;
-   margin: 0.5em 0;
-   border: 1px solid #AAA;
-   font-size: 90%;
-   line-height: normal;
-   border-collapse: collapse;
 }
-table.dirbox th {
+.ext-related-articles-card-detail h3 a {
-   width: 40px;
+	line-height: 1.4;
-   text-align: center;
-   vertical-align: middle;
-   padding: 0.2em 0 0.2em 0.5em;
 }
-table.dirbox td {
+/* ############################################ */
-    padding-left: 0.5em;
+/* ###    Fix for dismissable site notice   ### */
-   width: 100%;
+/* ###             User:Eckserah            ### */
+/* ############################################ */
+.client-js .mw-dismissable-notice {
+	display: none;
 }
-/* Template:Mbox */
+/* ############################################ */
-table.mbox {
+/* ###       Hiding Unneccessary Option     ### */
-   color: #000;
+/* ###        on Special:UploadWizard       ### */
-   background-color: #DDD;
+/* ###              User:Rurin              ### */
-   border: 1px solid #AAA;
+/* ############################################ */
-   padding: 0;
-   margin: 0 10% 1em;
+a[href="/wiki/Commons:Upload_tools"] {
-   font-size: 90%;
+  display: none;
-   line-height: normal;
-   border-collapse: collapse;
 }
-table.mbox + table.mbox {
+/* ############################################ */
-   margin-top: -0.75em;
+/* ###   Fake login screen and real login   ### */
+/* ###             screen fixes             ### */
+/* ###             User:Eckserah            ### */
+/* ############################################ */
+.fakeTextInput {
+	text-rendering: auto;
+    letter-spacing: normal;
+    word-spacing: normal;
+    text-transform: none;
+    text-indent: 0px;
+    text-shadow: none;
+    text-align: start;
+    appearance: textfield
+    -webkit-rtl-ordering: logical;
+    cursor: text;
+    margin: 0em 0em 0em 0em;
+    padding-block: 1px;
+    padding-inline: 2px;
+    overflow-clip-margin: 0px !important;
+    overflow: clip !important;
+	background-color: var(--color-surface-1);
+    color: #73777c;;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    border: 1px solid #a2a9b1;
+    border-radius: 0;
+    border-color: var(--border-color-base);
+    padding: 6px 8px;
+    box-shadow: inset 0 0 0 1px transparent;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: 1.28571429em;
+    vertical-align: middle;
 }
-table.mbox th {
+.fakeCheckBox {
-   width: 40px;
+    text-rendering: auto;
-   text-align: center;
+    letter-spacing: normal;
-   vertical-align: middle;
+    word-spacing: normal;
-   padding: 0.2em 0 0.2em 0.5em;
+    line-height: normal;
+    text-transform: none;
+    text-indent: 0px;
+    text-shadow: none;
+    display: inline-block;
+    text-align: start;
+    appearance: checkbox;
+    -webkit-rtl-ordering: logical;
+    cursor: text;
+    margin: 0em 0em 0em 0em;
+    border-width: 2px;
+    border-style: inset;
+    border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
+    border-image: initial;
+    box-sizing: border-box;
+    margin: 3px 3px 3px 4px;
+    margin: 0;
+    font-size: inherit;
+    font-stretch: inherit;
+    font-style: inherit;
+    font-variant: inherit;
+    font-weight: inherit;
+    line-height: normal;
+    padding: 0;
+    box-sizing: border-box;
+    margin: 0.35em 0.2em 0.25em 0.35em;
+    display: table-cell;
+    position: relative;
+    width: 1.5625em;
+    height: 1.5625em;
+    max-width: none;
+    opacity: 0;
+    z-index: 1;
+    cursor: pointer;
 }
-table.mbox td {
+#testuserloginForm .mw-ui-vform-field {
-   padding-left: 0.5em;
+    display: block;
-   width: 100%;
+    margin: 0 0 15px;
+    padding: 0;
+    width: 100%;
 }
-/* Printing */
+#testuserloginForm .mw-ui-input {
-@media print {
+	background-color: #ffffff;
-   table.dirbox, table.mbox {
+    color: #000000;
-       display:none;
+    -moz-box-sizing: border-box;
-   }
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+    border: 1px solid #a2a9b1;
+    border-radius: 0;
+    padding: 6px 8px;
+    box-shadow: inset 0 0 0 1px transparent;
+    font-family: inherit;
+    font-size: inherit;
+    line-height: 1.28571429em;
+    vertical-align: middle;
 }
+#testuserloginForm .mw-htmlform {
+	clear: both;
+}
-/* ################################################## */
+#testuserloginForm .mw-ui-vform {
-/* ### ITEM OVERVIEW TABLES                       ### */
+	-moz-box-sizing: border-box;
-/* ### (Template:Locationtable (overview))        ### */
+    box-sizing: border-box;
-/* ################################################## */
+    width: 290px;
+}
-table.loctable .loctable_link {
+#testuserloginForm .fakeInput {
-   width: 5em;
+	padding: 0.34em;
+    margin: 0.5em 0;
 }
-table.loctable .loctable_marker {
+#testuserloginForm .mw-ui-vform-field {
-   width: 15em;
+	display: block;
+    margin: 0 0 15px;
+    padding: 0;
+    width: 100%;
 }
-table.loctable .loctable_desc {
+#testuserloginForm .mw-ui-checkbox {
-   min-width: 15em;
+	display: table;
+    position: relative;
+    line-height: 1.5625em;
+    vertical-align: middle;
 }
+#testuserloginForm .mw-ui-checkbox .fakeCheckBox {
+	box-sizing: border-box;
+    padding: 0;
+    margin: 0.35em 0.2em 0.25em 0;
+    display: table-cell;
+    position: relative;
+    width: 1.5625em;
+    height: 1.5625em;
+    max-width: none;
+    opacity: 1;
+    z-index: 1;
+    background-color: white;
+}
-/* ################################################## */
+#testuserloginForm .mw-ui-button {
-/* ### FORM IDS                                   ### */
+	background-color: #f8f9fa;
-/* ### (Template:DLC ID, Template:ID)             ### */
+    color: #202122;
-/* ################################################## */
+    display: inline-block;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    border: 1px solid #a2a9b1;
+    border-radius: 0;
+    cursor: pointer;
+    vertical-align: middle;
+    font-family: inherit;
+    font-size: 1em;
+    font-weight: bold;
+    line-height: 1.28571429em;
+    text-align: center;
+    -webkit-appearance: none;
+    display: block;
+    width: 100%;
+}
-.formid {
+#testuserloginForm .mw-ui-button:not(.mw-ui-icon-element) {
-   font-family: monospace;
+    min-height: 32px;
+    min-width: 4em;
+    max-width: 28.75em;
+    margin: 0;
+    padding: 5px 12px;
 }
+#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled) {
+    background-color: #3366cc;
+    color: #fff;
+    border-color: #3366cc;
+}
-/* ################################################## */
+#testuserloginForm .mw-ui-button.mw-ui-progressive:not(:disabled):hover {
-/* ### EXTENSIONS                                 ### */
+    background-color: #447ff5;
-/* ################################################## */
+    border-color: #447ff5;
+}
-/* Cite extension */
+#testuserloginForm .mw-ui-vform .mw-form-related-link-container {
-ol.references {
+    margin-bottom: 0.5em;
-   font-size: 85%;
+    text-align: center;
 }
-/* Blog extension - portal and My Home fixes */
+#testuserloginForm #mw-createaccount-cta {
-.portal_body div.wk_blogs_panel,
+    width: 20em;
-#myhome-sidebar div.wk_blogs_panel {
+    background: url(/resources/src/mediawiki.special.userlogin.login.styles/images/glyph-people-large.png?91ec9) no-repeat 50%;
-   font-size: 100%;
+    margin: 0 auto;
-   width: auto;
+    padding-top: 7.8em;
-   float: none;
+    font-weight: bold;
-   clear: none;
-   margin: -5px 0 0;
-   border: none;
-   padding: 0;
-   background: transparent;
 }
-.portal_body div.wk_blogs_panel .wk_blogs_title,
+#mw-createaccount-cta {
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_title {
+	max-width: 100%;
-   display: none;
 }
-.portal_body div.wk_blogs_panel .wk_blogs_summary,
+#testuserloginForm .mw-ui-vform, #userloginForm .mw-ui-vform {
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_summary {
+	float:left;
-   font-size: 95%;
-   line-height: 1.5em;
 }
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_summary {
+#testuserloginForm .loginAddition, #userloginForm .loginAddition {
-   padding-left: 5px;
+	float:right;
+	width: calc(100% - 320px);
 }
-.portal_body div.wk_blogs_panel .wk_blogs_link,
+/* ############################################ */
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_link {
+/* ###    Family Tree Mobile Formatting     ### */
-   margin-top: 5px;
+/* ###            User:RurinGas             ### */
+/* ############################################ */
+@media only screen and (max-width: 450px) {
+.familytree tr > td > div:not(.imagebox) {
+  width: 0.1px !important;
 }
-.portal_body div.wk_blogs_panel .wk_blogs_details,
+.familytree tr > td > .imagebox {
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_details {
+    width: fit-content;
-    font-size: 85%;
+    min-width: 60px;
-    padding-left: 5px;
 }
-.portal_body div.wk_blogs_panel .wk_blogs_comments,
+.familytree tr > td a {
-#myhome-sidebar div.wk_blogs_panel .wk_blogs_comments {
+  line-height: 9pt;
-   font-size: 85%;
+  display: block;
+  font-stretch: extra-condensed;
+  font-size: 8pt;
 }
-.portal_body div.wk_blogs_panel ul.list,
+.familytree tr > td .portalbox {
-#myhome-sidebar div.wk_blogs_panel ul.list {
+  height: 50px !important;
-   margin-top: 0;
 }
-.portal_body div.wk_blogs_panel ul.list li,
-#myhome-sidebar div.wk_blogs_panel ul.list li {
+.familytree td div:not(.imagebox):not(.portalbox) {
-   padding: 0;
+  height: 5px !important;
-   line-height: 1.5em;
 }
-.portal_body div.wk_blogs_panel ul.list li {
-   border-bottom: 1px solid #FFF;
 }
-.myhome-feed {
+/* ############################################# */
-   margin-right: 320px;
+/* ### Remove Scroll Section on Media Viewer ### */
+/* ###             User:RurinGas             ### */
+/* ############################################# */
+.mw-mmv-image-metadata {
+  display: none;
 }
-#myhome-sidebar {
+/* ############################################# */
-   width: 300px;
+/* ###     Remove Bold Text on self-link     ### */
+/* ###             User:RurinGas             ### */
+/* ############################################# */
+a.mw-selflink {
+  font-weight: inherit;
 }
-#myhome-feed-switch {
+/* ############################################# */
-   right: 320px;
+/* ###     Old CSS - fallout.fandom.com/de   ### */
+/* ###             User:RealKortak           ### */
+/* ############################################# */
+.fw-dirbox {
+    backdrop-filter: blur(10px);
+    border: 2px #4d93c1 inset;
+    border-radius: 5px;
+    clear: left;
+    font-size: 13px;
+    line-height: 16px;
+    margin: 10px 0;
+    padding: 5px;
 }
-#myhome-community-corner-edit {
+figure[typeof~='mw:File'].mw-halign-none, figure[typeof~='mw:File/Frameless'].mw-halign-none {
-   text-align: right;
+    clear: none;
+    float: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
+    flex-direction: row;
 }
-/* Blog extension - list fixes */
+.homepage-kopfzeile {
-div.wk_blogs_panel ul.list ul li,
+	background:url(../images/2/29/Hauptseite-Wallpaper.webp)center center/cover;
-#blog-comments-ul div.comment ul li {
+	border-radius:10px;
-   padding: 0;
+	padding:20px!important;
-   border: 0;
+	color: #fff;
-   list-style-image: url(http://images.wikia.com/common/skins/monobook/bullet.gif);
-   list-style-type: square;
-   list-style-position: outside;
-   margin-left: 1.5em;
 }
-div.wk_blogs_panel ul.list ol li,
+.portal-box {
-#blog-comments-ul div.comment ol li {
+    -moz-box-align: center;
-   padding: 0;
+    -moz-box-direction: normal;
-   border: 0;
+    -moz-box-orient: horizontal;
-   list-style-image: none;
+    -moz-box-pack: center;
-   list-style-type: decimal;
+    -ms-box-align: center;
-   list-style-position: outside;
+    -ms-box-direction: normal;
-   margin-left: 1.5em;
+    -ms-box-orient: horizontal;
+    -ms-box-pack: center;
+    -ms-flex-align: center;
+    -ms-flex-direction: row;
+    -ms-flex-line-pack: center;
+    -ms-flex-pack: center;
+    -ms-flex-wrap: wrap;
+    -webkit-box-align: center;
+    -webkit-box-direction: normal;
+    -webkit-box-orient: horizontal;
+    -webkit-box-pack: center;
+    -webkit-flex-direction: row;
+    align-content: center;
+    align-items: center;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
 }
-/* CategoryTree extension (Template:Pagelist) */
+.fw-portal-sektion {
-div.pagelist_cont a.CategoryTreeLabelPage,
+    border: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb), .3);
-div.pagelist_cont_hidefirst a.CategoryTreeLabelPage {
+    border-radius: 12px;
-   font-style: normal;
+    width: -moz-available;
+    width: -webkit-fill-available;
 }
-div.pagelist_cont div.CategoryTreeItem,
+.portal-box-content, .portal-box-content p {
-div.pagelist_cont_hidefirst div.CategoryTreeItem {
+    margin: 10px;
-   display: list-item;
-   list-style-type: square;
-   list-style-image: url(http://images.wikia.com/common/skins/monobook/bullet.gif);
-   list-style-position: outside;
-   margin-left: 1.5em;
 }
-div.pagelist_cont_hidefirst div.CategoryTreeSection:first-child {
+.portal-box-content img:hover {
-   display: none;
+    -moz-transform: translate3d(0,-10px,100px);
+    -ms-transform: translate3d(0,-10px,100px);
+    -o-transform: translate3d(0,-10px,100px);
+    -webkit-filter: drop-shadow(2px 18px 12px #000);
+    -webkit-transform: translate3d(0, -10px, 100px);
+    filter: drop-shadow(2px 18px 12px #000);
+    transform: translate3d(0, -10px, 100px);
 }
+.portal-box-content img {
+    -moz-transition: .3s;
+    -ms-transition: .3s;
+    -o-object-fit: cover;
+    -o-transition: .3s;
+    -webkit-filter: drop-shadow(2px 4px 6px #000);
+    -webkit-transition: .3s;
+    filter: drop-shadow(2px 4px 6px #000);
+    height: 200px;
+    max-height: 200px;
+    max-width: 150px;
+    object-fit: cover;
+    transition: .3s;
+    width: 150px;
+}
-/* Ausklappen per Mauklick (s.a. [[MediaWiki:Common.js]]  */
+.fw-portal-body {
+    background: #0136584d !important;
- .klapp {
+    padding: 25px;
-      cursor: pointer;
+    border: solid 2px var(--theme-link-color
- }
+                         )
- span.klapp {
+}
-      text-decoration: none;
-      color: #002bb8;
-      background: none;
-      }
- span.klapp:hover {
-      text-decoration: underline;
-      }
- /* Drag & Drop */
- .jstest{
-      position:relative;
-      cursor:move;
-      z-index: 100;
-      padding:20px 45px 20px 0px;
-      border-width:1px;
-      }
-/* </pre></nowiki> */
-.page-Mirelurk_Nukalurk h1.firstHeading, .page-Mirelurk_Nukalurk h1 .editsection {
+th.fw-portal-header {
-display: none;
+    font-size: 28px;
+    background: var(--theme-link-color);
+    color: #fff;
+    border-radius: 10px 10px 0px 0px
 }