|
|
| Line 1: |
Line 1: |
| /* All CSS here will be loaded for users of the Vector skin */
| | <div class="mainpage-frame"> |
| | <div class="header-box" style="width:100%; text-align: center;"> |
| | [[File:Logo Foundation.png|center|200px]] |
| | '''Welcome to the Foundation wiki''' |
| | </div> |
|
| |
|
| :root { | | The Foundation wiki is the official wiki for the city builder ''[[Foundation]]'' created by [[Project:About|Polymorph Games]]. |
| --header: #1f8b4c;
| | <div class="mainpage-rails"> |
| --secondary-header: #fca349;
| | {| style="text-align: center" | style="margin: auto;" |
| --primary-background: #c69c6d;
| | ! Official Content |
| --border-text: #000000;
| | |- |
| --new-link: #a53333;
| | | <div class="mainpage-buttons"> |
| --label-color: #ffd28f;
| | * [[Achievements]] |
| --line-color: #000000;
| | * [[Book]] |
| --dark-mode-background: #3e3e3e;
| | * [[Buildings]] |
| --dark-mode-secondary-background: darkgrey;
| | * [[Events]] |
| --dark-mode-alt-link: #2d456c;
| | * [[Functional Rooms]] |
| --dark-mode-alt-link-new: #9d0303;
| | * [[Maps]] |
| --dark-mode-text: white;
| | * [[Needs]] |
| }
| | * [[Quests]] |
| | | * [[Resources]] |
| .wikitable > * > tr > th {
| | * [[Splendor]] |
| background: var(--header);
| | * [[Territory]] |
| }
| | * [[Trade]] |
| | | * [[Villagers]] |
| .infobox-title {
| | * [[Zones]] |
| background: var(--header);
| | </div> |
| }
| | |} |
| | | {| style="text-align: center" | style="margin: auto;" |
| .infobox-header {
| | |<div class="mainpage-buttons"> |
| background: var(--secondary-header);
| | * [[Changelog|Game Update Changelogs]] |
| }
| | </div> |
| | | |} |
| .header-box, .mainpage-buttons ul li {
| | {| style="margin: auto;" |
| background: var(--header);
| | ! External Links |
| border: 2px solid var(--line-color);
| | |- |
| box-shadow: none;
| | |<div class="mainpage-buttons"> |
| }
| | * [https://mod.io/g/foundation Mods] |
| | | * [https://www.polymorph.games/foundation/modding/ Modding Wiki] |
| .infobox {
| | * [https://Polymorph.games Polymorph Games] |
| border: 2px solid var(--line-color);
| | * [https://crowdin.com/project/foundation Crowdin Translation Project] |
| }
| | </div> |
| | | |- |
| .infobox-label {
| | ! Social Media |
| background: var(--label-color);
| | |- |
| }
| | |<div class="mainpage-buttons"> |
| | | * [https://twitter.com/foundationgame Twitter] |
| .wikitable {
| | * [https://www.facebook.com/foundationgame/ Facebook] |
| border:none;
| | * [https://www.reddit.com/r/foundationgame/ Reddit] |
| }
| | * [[File:Discord Logo.png|frameless|25px]] [https://discord.gg/foundation Discord] |
| | | |} |
| .wikitable > tr, .wikitable > * > tr {
| | </div> |
| border: none;
| | </div> |
| border-bottom: 1px solid var(--line-color);
| | [[Category:Foundation Wiki]] |
| }
| |
| | |
| .wikitable > tr > th,
| |
| .wikitable > tr > td,
| |
| .wikitable > * > tr > th,
| |
| .wikitable > * > tr > td {
| |
| border: none;
| |
| }
| |
| | |
| .wikitable > tr > td,
| |
| .wikitable > * > tr:nth-child(odd) > td {
| |
| background: var(--label-color);
| |
| } | |
| | |
| .skin-vector-legacy, .mw-page-base, .mw-body,
| |
| #mw-panel, #mw-head
| |
| { | |
| background: var(--primary-background);
| |
| }
| |
| | |
| #catlinks, .vector-menu-portal {
| |
| background: var(--primary-secondary-background);
| |
| }
| |
| | |
| #catlinks a:link, #catlinks a:hover, #catlinks a:visited {
| |
| color: var(--border-text);
| |
| }
| |
| | |
| #catlinks a.new:link, #catlinks a.new:hover, #catlinks a.new:visited {
| |
| color: var(--new-link);
| |
| border: 1px solid var(--border-text);
| |
| }
| |
| | |
| #content, #footer, .vector-menu-heading, .mw-headline {
| |
| color: var(--border-text);
| |
| }
| |
| | |
| #mw-content-text, #mw-content-text h2, #firstHeading, #footer-info-lastmod {
| |
| color: inherit;
| |
| }
| |
| | |
| .mw-dark-mode .mw-changeslist-legend, .mw-dark-mode .mw-body #catlinks {
| |
| color: var(--border-text);
| |
| } | |
| | |
| a {
| |
| color: var(--border-text);
| |
| }
| |
| | |
| a.new {
| |
| color: var(--new-link);
| |
| }
| |
| | |
| .mainpage-buttons a:link, .mainpage-buttons a:hover,
| |
| .mainpage-buttons a:visited {
| |
| color: var(--border-text);
| |
| }
| |
| | |
| .mainpage-buttons a.new:link, .mainpage-buttons a.new:hover,
| |
| .mainpage-buttons a.new:visited {
| |
| color: var(--new-link);
| |
| }
| |
| | |
| #content:before {
| |
| content: ' ';
| |
| }
| |
| | |
| .mainpage-rails table {
| |
| background: url(https://media.discordapp.net/attachments/907037114313617458/945440468509007882/Background_Book_Smaller_NoFrame.png);
| |
| background-size: cover;
| |
| padding: 20px;
| |
| background-repeat: no-repeat;
| |
| }
| |
| | |
| .mainpage-frame {
| |
| background-image: url(https://media.discordapp.net/attachments/907037114313617458/945439436156571679/183602417_473221613953885_5916805616552926719_n.png);
| |
| /* background-blend-mode: soft-light; */
| |
| width: 100%;height: 100%;
| |
| background-position: center;
| |
| opacity: 0.6;
| |
| background-size: cover;
| |
| }
| |
| | |
| /* ################################## */ | |
| /* Dark Mode */ | |
| /* ################################## */ | |
| | |
| .mw-dark-mode, .mw-dark-mode .mw-page-base, .mw-dark-mode .mw-body,
| |
| .mw-dark-mode #mw-panel, .mw-dark-mode #mw-head
| |
| {
| |
| background: var(--dark-mode-background);
| |
| }
| |
| | |
| .mw-dark-mode #catlinks, .mw-dark-mode .vector-menu-portal {
| |
| background: var(--dark-mode-secondary-background);
| |
| }
| |
| | |
| .mw-dark-mode #catlinks a:link, .mw-dark-mode #catlinks a:hover,
| |
| .mw-dark-mode #catlinks a:visited {
| |
| color: var(--dark-mode-alt-link);
| |
| }
| |
| | |
| .mw-dark-mode #catlinks a.new:link, .mw-dark-mode #catlinks a.new:hover,
| |
| .mw-dark-mode #catlinks a.new:visited {
| |
| color: var(--dark-mode-alt-link-new);
| |
| }
| |
| | |
| .mw-dark-mode #content, .mw-dark-mode #footer, .mw-dark-mode .vector-menu-heading,
| |
| .mw-dark-mode .mw-headline {
| |
| color: var(--dark-mode-text);
| |
| }
| |
| | |
| .mw-dark-mode #mw-content-text, .mw-dark-mode #mw-content-text h2,
| |
| .mw-dark-mode #firstHeading, .mw-dark-mode #footer-info-lastmod {
| |
| color: inherit;
| |
| }
| |
| | |
| .mw-dark-mode .mw-body ul {
| |
| list-style: none;
| |
| }
| |
| | |
| .mw-dark-mode .mw-body #catlinks ul li::before,
| |
| .mw-dark-mode .mw-body #toc ul li::before,
| |
| .mw-dark-mode .mw-body .redirectMsg ul li::before,
| |
| .mw-dark-mode .mw-body .mainpage-buttons ul li::before,
| |
| .mw-dark-mode .mw-body .mw-body-content .gallery li::before {
| |
| display: none;
| |
| }
| |
| | |
| .mw-dark-mode .mw-body ul li::before {
| |
| content: "\2022";
| |
| color: white;
| |
| display: inline-block;
| |
| width: 0.75em;
| |
| font-size: 1.5em;
| |
| line-height: 1em;
| |
| margin-left: -1em;
| |
| }
| |
| | |
| .mw-dark-mode .mw-changeslist-legend, .mw-dark-mode .mw-body #catlinks { | |
| color: black;
| |
| }
| |
| | |
| .mw-dark-mode a {
| |
| color: #3782ff;
| |
| }
| |
| | |
| .mw-dark-mode a.new { | |
| color: red;
| |
| }
| |
| | |
| .mw-dark-mode .mainpage-buttons a:link, .mw-dark-mode .mainpage-buttons a:hover, | |
| .mw-dark-mode .mainpage-buttons a:visited {
| |
| color: var(--dark-mode-alt-link);
| |
| }
| |
| | |
| .mw-dark-mode .mainpage-buttons a.new:link, .mw-dark-mode .mainpage-buttons a.new:hover,
| |
| .mw-dark-mode .mainpage-buttons a.new:visited {
| |
| color: var(--dark-mode-alt-link-new);
| |
| }
| |
| | |
| /* Recent Changes */ | |
| .mw-dark-mode .mw-changeslist h4 { | |
| color: var(--dark-mode-text);
| |
| } | |
| | |
| .mw-dark-mode ins.diffchange {
| |
| background: #51a2ef;
| |
| }
| |
| | |
| .mw-dark-mode del.diffchange {
| |
| background: #a58843;
| |
| }
| |
| | |
| .mw-dark-mode .mw-plusminus-pos {
| |
| color: #18ab18;
| |
| }
| |
| | |
| .mw-dark-mode .mw-plusminus-neg {
| |
| color: #ff0101;
| |
| }
| |
| | |
| .mw-datatable, .ext-replacetext-searchoptions, .ext-replacetext-searchoptions {
| |
| color: black;
| |
| }
| |
| | |
| .mw-dark-mode .oo-ui-labelWidget.oo-ui-inline-help {
| |
| color: var(--dark-mode-text);
| |
| }
| |
| | |
| .mw-dark-mode .oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body >
| |
| .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
| |
| color: var(--dark-mode-text);
| |
| }
| |
