Difference between pages "Villagers" and "MediaWiki:Vector.css"

(Difference between pages)
Jump to navigation Jump to search
2,560 bytes added ,  14:44, 17 October 2023
no edit summary
 
 
Line 1: Line 1:
'''Villagers''' are the occupants of the civilization. As the village expands, more villagers will move in through [[immigration]] and can be assigned jobs in order to increase production and the variety of goods and resources available.
/* All CSS here will be loaded for users of the Vector skin */


==Overview==
:root {
When starting the village by placing the [[village center]], the civilization will begin with 8 serfs; the second tier of villager. New villagers coming in via immigration will begin at the base tier: newcomer.
--header: #dddddd;
--content-header: #fca349;
--secondary-header: #fca349;
--label-color: #ffd28f;
--line-color: #cccccc;
--dark-mode-background: #3e3e3e;
--dark-mode-secondary-background: darkgrey;
--dark-mode-alt-link: #2d456c;
--dark-mode-alt-link-new: #9d0303;
--dark-mode-text: white;
}


With each promotion a villager receives they will require additional [[needs]] that must be satisfied so that they stay. In turn, the higher the rank the less time they spend working and the more time is spent free to satisfy these needs, effectively reducing daily production.
.wikitable > * > tr > th {
    background: var(--header);
}


==Promotions==
.infobox-title {
For the first 5 days of each month, the ability to promote villagers is offered. The cost to promote increases for each rank, with the exception of military units who can be promoted for free, but have other conditions tied to their promotions.
background: var(--header);
}


{| class="wikitable"
.infobox-header {
! Rank !! Needs !! Promotion Cost {{Item|Gold Coins|text = no}}
background: var(--secondary-header);
|-
}
| Serf || Food (1)<br />Water<br />Comfort<br />Service || 20
|-
| Commoner || Food (2)<br />Water<br />Comfort<br />Service<br />Goods (1) || 50
|-
| Citizen || Food (2)<br />Water<br />Comfort<br />Service<br />Goods (2)<br />Luxury Goods (1) || 200
|}


.header-box {
background: var(--header);
box-shadow: 2px 2px var(--line-color);
}


.mainpage-buttons ul li {
background: #dddddd;
box-shadow: 2px 2px var(--line-color);
}


[[Category:Game Mechanics]]
.infobox {
box-shadow: 2px 2px var(--line-color);
border: 1px solid var(--line-color);
}
 
.infobox-label {
background: var(--label-color);
}
 
.wikitable {
border:none;
}
 
.wikitable > tr, .wikitable > * > tr {
border: none;
    border-bottom: 1px solid var(--line-color);
}
 
.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);
}
 
/* ################################## */
/* 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);
}

Navigation menu