MediaWiki:Fandomdesktop.css

.theme-fandomdesktop-light .main-container { background-image: url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/b/b2/Background_decoration.png/revision/latest); /* */ background-attachment: fixed; background-repeat: no-repeat; background-position: bottom; background-size: 100% auto; }

.theme-fandomdesktop-light .page__main { border: 2px solid #aaaaaa; background-color: rgba(var(--theme-page-background-color--rgb),0.95); }

/************************* .infobox { float: right; width: 23em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; color: var(--theme-page-text-color); border: 1px solid var(--theme-border-color); border-radius: 15px; background-color: var(--theme-page-text-mix-color-95); font-family: Verdana, Geneva, sans-serif; font-size: 89%; padding: 0 0.9em 0.7em 0.9em; }
 * Classic infobox styles *

.infobox-table { width: 100%; padding: 0; background-color:transparent; border: 0; }

.infobox-header { padding:0.5em; font-size: 200%; text-align: center; }

.infobox-section { text-align:center; font-weight:bold; padding: 10px 0 5px 0; border-bottom: 1px solid var(--theme-border-color); margin: 0 0 10px 0; }

.infobox-centered { text-align: center; }

.infobox-centered img { max-width:100%; height:auto; margin-bottom: 10px; }

.infobox-row { vertical-align: top; }

.infobox-row-name { text-align: left; white-space: nowrap; }

.infobox-row-value { word-break:break-word; }

.infobox-spacer { height: 0.5em; }

.ingredient-cost-container { margin: 0; padding: 0; border: none; display: grid; grid-gap: 5px; grid-template-columns: repeat(auto-fill, minmax(75px, 1fr)); grid-auto-rows: 75px; }

.ingredient-cost-wrapper { width: 65px; height: 65px; background: #eeeeee; border-radius: 5px; padding: 5px; position: relative; box-sizing: content-box; }

.ingredient-cost { width: inherit; height: inherit; background-position: center; background-size: cover; padding: 0; margin: 0; display: flex; flex-direction: row; align-items: center; }

.ingredient-cost-counter { position: absolute; bottom: 0; right: 0; background: #666666; border-radius: 5px; color: #ffffff; padding: 3px 5px; }

.infobox-group { display:flex; flex-wrap:wrap; }

/* .infobox-group .infobox-header { height:3.2em }

.infobox-tabber { float:right; margin:0 1em; }

.infobox-tabber .tabbernav { text-align:center; }

.infobox-tabber .infobox { margin:0; }

/*************************
 * PortableInfobox styles *

.pi-image { padding: 15px; }

.pi-data-value { hyphens: none; text-align: center; }

.pi-data-value li { text-align: left; }

.pi-data-value code { line-break: anywhere; }

.pi-data { justify-content: center; }

.portable-infobox .pi-data-label, .pi-font { font-size: 13px; }

/*********************
 * End infobox styles *

/*********************
 * Other theme tweaks *

.ambox { background-color: var(--theme-page-text-mix-color-95); border-right: 1px solid var(--theme-border-color); border-top: 1px solid var(--theme-border-color); border-bottom: 1px solid var(--theme-border-color); }

.theme-fandomdesktop-dark .mwe-math-fallback-image-inline, .theme-fandomdesktop-dark .fd_invert, .theme-fandomdesktop-dark .fd_invert_infobox .portable-infobox .pi-image { filter: invert(1); }

.theme-fandomdesktop-dark .fd_invert_text { color: #000000; }

span.key { border: var(--theme-link-color) solid 1px; border-radius: 2px; padding: 2px; margin: 1px; }

.descriptionbox { border: 1px solid var(--theme-border-color); }

/*************************
 * End other theme tweaks *

/************************* div.fplink:not(.fplink-plain) { background:transparent;/* reset */ background-color:var(--theme-link-dynamic-color-2);/* for browsers that don't support gradient background */ background: radial-gradient(var(--theme-link-dynamic-color-2), var(--theme-link-dynamic-color-1)); box-shadow:inset 0 0 2px #000; border: 3px double var(--theme-link-dynamic-color-1); border-radius: 10px / 20px; }
 * FP (front page) tweaks *

div.fplink:hover { background:var(--theme-link-dynamic-color-1); }

.fpbox { background: rgba(var(--theme-body-dynamic-color-1--rgb), 0.05); border: 1px solid #000; box-shadow: 0 2px 5px #000; }

.linkslabel { border-bottom: 2px solid var(--theme-body-dynamic-color-2); } /****************
 * end FP tweaks *

/************************** .fpHeader { position:relative; background: url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/8/8e/Bolt.png/revision/latest) no-repeat bottom left border-box, url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/8/8e/Bolt.png/revision/latest) no-repeat bottom right border-box, url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/5/50/Middle.png/revision/latest) repeat-x center left border-box, /**/ linear-gradient(to bottom, #465461, #4F4136); font-size:1.7em; padding:0 1em; box-shadow: inset 0 0 20px 0 rgba(0,0,0,0.25); background-size: 0.6em, 0.6em, 1px 0.3em, auto; border-radius:0.7em 20px 0 0; }
 * Used by Template:Header *

.fpHeader::before { position:absolute; width:100%; height:100%; top: -0.13em; left: -0.13em; content:""; background:url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/c/c9/Corner_top_left.png/revision/latest) no-repeat top left border-box; /**/ background-size: 0.9em; z-index:3; pointer-events:none; }

.fpHeader::after { position:absolute; width:100%; height:100%; top:0; left:0; content:""; border-radius:30px 30px 1px 1px; background:url(https://static.wikia.nocookie.net/satisfactory_gamepedia_en/images/a/a8/Texture.png/revision/latest) repeat; /**/ opacity:0.05; z-index:1; pointer-events:none; }

.fpHeaderText { position:relative; font-family: 'Satisfontory_v1.5', sans-serif; color: #f2f2f2; background: -webkit-linear-gradient(bottom, #ADC8DD, #FEFFFE, #E2E9EF); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent; z-index:2; } /********************** /************************ table.navbox { border-color: var(--theme-border-color); }
 * end Template:Header *
 * Navbox template style *

/* Base background */ .navbox, .navbox-subgroup { background: var(--theme-page-background-color--secondary); }

.navbox-list { border-color: var(--theme-border-color); }

/* Level 1 color */ .navbox-title, table.navbox th { background: var(--theme-page-background-color--secondary); color: var(--theme-page-text-color); }

/* Level 2 styling */ .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: var(--theme-border-color); color: var(--theme-page-text-color); }

/* Level 3 styling */ .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: rgba(0, 0, 0, 0.1); color: var(--theme-page-text-color); }

/* Even row striping */ .navbox-even { background: rgba(0, 0, 0, 0.1); color: var(--theme-page-text-color); } /****************************
 * End navbox template style *