MediaWiki:Vector.css

From Palia Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
/* GENERAL */

/* Hiding disabled Talk/Discussion pages */
#ca-talk,
#pt-mytalk > a,
.mw-usertoollinks.mw-changeslist-links > span:first-child,
.mw-usertoollinks.mw-changeslist-links > span:nth-child(2)::before{
	display: none !important;
}

body {
	background: var(--page-background-color, #248CE0)
		var(--page-background-image, url(https://palia.wiki.gg/images/e/ee/Palia_Wiki_Background.jpg))
		no-repeat
		fixed
		top
		center / cover;
	background: var(--page-background-color, #248CE0)
		var(--page-background-image-compress, url(https://palia.wiki.gg/images/e/e7/Palia_Wiki_Background.webp))
		no-repeat
		fixed
		top
		center / cover;
	background-attachment: fixed;
	font-family: 'Quicksand', san-serif;
	font-size: 19px;
}

ul {
	/* Removes black svg so browser dot followers color */
	list-style-image: none;
}

.nolist ul {
	list-style: none !important;
	margin: 0.3em 0 0 0.3em !important;
}

:root {
	/* Game Colors */
	--palia-rarity-unspecified: #4f6372;
	--palia-rarity-abundant: #4f6372;
	--palia-rarity-common: #0b1b38;
	--palia-rarity-uncommon: #1d4313;
	--palia-rarity-rare: #216571;
	--palia-rarity-epic: #573ed2;
	--palia-rarity-legendary: #661100;
	
	/* Tables */
	--table-hover-color: #00224C;
	--table-hover-background: rgb(93, 122, 169, 0.6);
	--table-checked-background: linear-gradient(270deg, rgba(133, 173, 249, 0.6), rgba(120, 173, 255, 0.6));
	
	--hr-color: #999;
}

/* MEDIAWIKI STYLES */

.mw-body {
	border: 1px solid var(--border-color, #395684);
}

.mw-plusminus-pos {
	color: var(--text-success, #006400);
}
.mw-plusminus-neg {
	color: var(--text-error, #8B0000);
}
.mw-plusminus-null {
	color: var(--text-null, #A2A9B1);
}

img.mw-center {
	display: block;
	margin: 0 auto;
}

table.mw-fixed {
	width: 100%;
	table-layout: fixed;
}

table.mw-fixed .tabber__header--next-visible .tabber__tabs {
	/* Disable the tabberneue blur because it's buggy */
	-webkit-mask-image: none !important;
	mask-image: none !important;
}

.mw-highlight.mw-auto {
	width: fit-content;
	max-width: 100%;
}

.mw-highlight.mw-quarter,
.mw-highlight.mw-third,
.mw-highlight.mw-half,
.mw-highlight.mw-threequarter {
	min-width: fit-content;
	max-width: 100%;
}

.gallery.mw-auto {
	width: fit-content;
	margin: 0;
	height: auto;
	max-width: 100%;
}

img.mw-auto {
	height: auto;
	max-width: 100%;
}

img.mw-quarter,
img.mw-third,
img.mw-half,
img.mw-threequarter {
	height: 100%;
}

.mw-quarter {
	width: 25%;
}

.mw-third {
	width: 33.3%;
}

.mw-half {
	width: 50%;
}

.mw-threequarter {
	width: 75%;
}

/* UNSET FONT SIZE IN AD SECTIONS */
.games-showcase-header,
.games-showcase-sidebar,
.games-showcase-footer { font-size: initial; }

#mw-page-base {
  background: none;
}

#content, #p-navigation, #p-tb {
	background-color: var(--background-color, #FFFCF7);
	font-weight: 500;
}

#catlinks {
	border-radius: 2px;
	border: 1px solid var(--border-code, #c8ccd1);
	background: var(--background-code, #fff);
}

/* TOP NAVIGATION TABS */
.vector-menu-tabs,
.vector-menu-tabs a,
.vector-menu-tabs li,
.vector-menu-tabs .selected,
#mw-head .vector-menu-dropdown h3,
#mw-head .vectorMenu #p-cactions-label,
.vector-menu-dropdown .vector-menu-content a {
	background: none;
	font-weight:500;
	text-transform: uppercase;
}

.vector-menu-tabs li a,
.vector-menu-tabs .new a, 
.vector-menu-tabs .new a:visited,
.vector-menu-dropdown h3,
#mw-head .vectorMenu #p-cactions-label,
.vector-menu-dropdown .vector-menu-content a {
	color: white;
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited {
	color: #1E9DE8;
	font-weight:bold;
	background-color: rgba(254, 244, 230, 0.95);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.vector-menu-dropdown .vector-menu-content-list {
	background-color: #29374f;
	border: solid 2px #576e9d;
}
.vector-menu-dropdown li a:hover {
	background-color: #535d6f;
}

/* HEADER STYLING */

h1, h2 {
	border-color: var(--hr-color);
}

.mw-body h1,
.mw-body-content h2,
h3,
h4,
h5,
h6 {
	font-family: 'Quicksand', san-serif;
	font-weight: bold;
	color: #305080;
}

.mw-body .firstHeading {
	overflow: hidden;
	text-overflow: ellipsis;
}

/**********
* SIDEBAR *
**********/

#p-logo {
	margin-top:-3em;
}
#p-logo #mw-panel {
	width: 12em;
}
#mw-panel .portal {
    margin: 0;
    box-shadow: 0 6px 10px 0 rgba(66, 66, 85, 1);
    border-radius:12px;
    padding-bottom: 0.8em;
    background: radial-gradient(ellipse, #3A4766, #305080);
    background-size:140% 380%;
    background-position: 50% 40%;
}
#mw-panel .vector-menu {
    min-width: calc(100% - 1em);
    box-shadow: 0px 0px 0px 2px #68a5cc;
    border-radius:5px;
    position: relative;
    text-align: center;
    display:flex;
    flex-direction: column;
    top:0.4em;
    background-color: #FEF4E6;
    margin-bottom: 1em;
}
#mw-panel .portal .vector-menu-heading {
    min-height: 1em;
    min-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 5px 5px 0 0;
    font-size: 18px;
    font-weight: bold;
    color: #FEF4E6;
    background: #3a4766;
    background-position: 50% 20%;
    background-size:100% 250%;
}
#mw-panel .vector-menu-content {
	margin: 0;
}
#mw-panel .portal ul {
    list-style: none;
    display: flex;
    flex-flow:column;
    flex: 1;
    padding:1em 0 0 0;
    margin:0;
}
#mw-panel .portal li {
    margin:auto;
    display:flex;
    min-width: calc(100% - 1.5em);
    min-height:1.5em;
    border-radius:30px;
    background-color: #456c8e;
    margin-bottom: 0.5em;
    box-shadow: 0px 2px 3px -2px rgba(66, 68, 90, 1);
    background: radial-gradient(ellipse, #305080, #3A4766);
    background-size:400px 40px;
    background-position: center;
}
#mw-panel .portal .vector-menu-content a {
    text-decoration: none;
    display:flex;
    align-items: center;
    justify-content: center;
    color: #FEF4E6;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0 0 0 1px rgba(193, 202, 209, 1);
    border-radius:25px;
    margin:auto;
    min-width:calc(100% - 0.6em);
    min-height: 1.8em;
}
#mw-panel .portal li:hover {
    background: radial-gradient(ellipse, #FFDB7A, #D5B892);
    background-size:158px 25px;
    background-position: center;
}
#mw-panel .portal li:hover a {
    box-shadow: 0px 0px 0px 2px rgba(89, 79, 66, 1);
    color: #594f42;
    font-weight: bolder;
}

/* MAIN PAGE COMPONENTS */

@media (min-width:1100px) {
	.rootpage-Palia_Wiki .mw-parser-output .mp {
		display: grid;
		grid-template-columns: minmax(38px, 3fr) min-content;
		column-gap: 10px;
	}
}
.rootpage-Palia_Wiki .mw-parser-output .mp-expand {
	display: flex;
	flex-direction: column;
}
.rootpage-Palia_Wiki .mw-parser-output .mp-expand > .mp-section,
.rootpage-Palia_Wiki .mw-parser-output .mp-expand > .mp-sections {
	flex-grow: 1;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-left-1 {
	grid-column-start: 1;
	grid-row-start: 1;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-left-2 {
	grid-column-start: 1;
	grid-row-start: 2;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-left-3 {
	grid-column-start: 1;
	grid-row-start: 3;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-left-4 {
	grid-column-start: 1;
	grid-row-start: 4;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-left-5 {
	grid-column-start: 1;
	grid-row-start: 5;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-right-1 {
	grid-column-start: 2;
	grid-row-start: 1;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-right-2 {
	grid-column-start: 2;
	grid-row-start: 2;
}
.rootpage-Palia_Wiki .mw-parser-output #mp-right-all {
	grid-column-start: 2;
	grid-row-start: 3;
	grid-row-end: 6;
}

.rootpage-Palia_Wiki .mw-parser-output .mp-sections {
	display: flex;
	flex-flow: row wrap;
	padding: 5px;
	gap: 10px;
}
.rootpage-Palia_Wiki .mw-parser-output .mp-sections > .mp-section {
	margin: 0 !important;
}
.rootpage-Palia_Wiki .mw-parser-output .mp-section {
	flex: 1 1 0px;
	border: 1px solid var(--border-color, #395684);
	border-radius: 3px;
	margin: 5px;
	padding: 10px;
	background-color: var(--background-color, #FFFCF7);
}
.rootpage-Palia_Wiki .mw-parser-output .mp-header {
	text-align: center;
	padding: 5px;
	background: linear-gradient(180deg, #1E9DE8, #4886EA);
	border: 1px solid var(--border-color, #395684);
	border-radius: 8px;
	color: #FFFCF7;
	font-size: 24px;
	font-weight: bolder;
	text-shadow: 0 1px 1px #000;
}

.mw-footer {
	background-color: #395684;
    background-color: rgba(57, 86, 132, 0.95);
	color: #FFFCF7;
	font-weight: bold;
}
.mw-footer li {
	color: white;
}

/* LINK STYLING */

.rootpage-Palia_Wiki .mw-parser-output .mp-header a:visited { color: #FFF; }

.mw-footer a:link    { color: #1E9DE8; }
.mw-footer a:hover   { color: #53CCFF; }

#content a:not(.new), a:visited {
    color: var(--link, #1E9DE8);
    font-weight:bold;
}

/* Main Page (/Palia_Wiki) components */

.rootpage-Palia_Wiki .template-skillbox-container {
	--cols: 4;
	--gap: 0.5em;
	
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(max(160px,(100% - (var(--cols) - 1) * var(--gap))/var(--cols)), 1fr));
	
	max-width: 900px;
	
	align-items: center;
	justify-content: center;
	
	margin: 5px auto;
	gap: var(--gap);
	
	text-align: center;
	padding: 0;
}

.rootpage-Palia_Wiki .mw-pt-translate-header {
	/* Hide the translation header (for better design) */
	display: none;
}

.rootpage-Palia_Wiki .mw-pt-languages {
	max-width: 500px;
	margin: 0 auto;
	
	background-color: transparent !important;
	border: 0 !important;
}

.rootpage-Palia_Wiki .mw-pt-languages > .mw-pt-languages-label {
	display: none;
}

.rootpage-Palia_Wiki .mw-pt-languages-list li {
	line-height: 2rem;
}

.rootpage-Palia_Wiki .mw-pt-languages-list li:after {
	content: initial !important;
}

.rootpage-Palia_Wiki .mw-pt-languages-list .mw-pt-progress.mw-pt-progress--stub:not(.mw-pt-languages-selected) {
	/* Hide stubbed languages (Minimal content) */
	display: none;
}

/* TABLES */

.tablescroll {
	overflow-x: auto;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
	background-color: transparent;
}

/**********
* Table 1 *
**********/

.paliatable {
	display: table;
	white-space: normal;
	font-family: Quicksand, sans-serif;
	border: 2px solid var(--border-color, #395684);
	border-radius: 3px;
}
.paliatable th,
.paliatable td {
	padding: 0.5em;
	border-left: none;
	border-right: none;
}
.paliatable th,
.paliaheader {
	background-color: var(--table-header-background, #305080);
	color: var(--table-header-color, #FFFCF7);
}
.paliatable tr,
.paliabody {
	background-color: var(--table-row-even, #3956841A);
}
.paliatable tr:nth-child(odd) {
	background-color: var(--table-row-odd, #3956844D);
}

/****************
* Palia Table 2 *
****************/

.paliatable2 tbody {
	margin: auto; 
	display: table;
	white-space: normal;
	border: 2px solid #305080;
	border-radius: 4px;
	width: 50%;
}
.paliatable2 th {
	font-size: 15px;
	color: white;
	margin-left: 1em;
	padding: 0.3em 0;
	background: #305080;
}
.paliatable2 tr td:first-child {  
  font-size: 15px;
  font-weight: bold;
  color: white;
  text-align: right;
  padding: 0.3em;
  background: #5d75b3;
}

/*************************
* Extension:Cargo Tables *
*************************/

.cargo-pagevalues-tableinfo {
	background: var( --page-background-color, #FFF );
}

.mw-datatable th,
.cargoTable th {
	background-color: var( --table-header-background, #305080 );
	color: var( --table-header-color, #FFFCF7 );
}

.mw-datatable tr > td,
.cargoTable tr {
	background: var( --table-row-even, #3956841A ) !important;
}

.mw-datatable tr:nth-child(odd) > td,
.cargoTable tr:nth-child(odd) {
	background: var( --table-row-odd, #3956844D ) !important;
}

.mw-datatable,
.mw-datatable td,
.mw-datatable th,
.cargoTable td {
	border-color: var(--border-color, #395684) !important;
}

/* Designate Hover
 *
 * This needs to be changed. Hovering should not be an ID!
 *  (IDs should be unique, this limits to 1 hoverable table per page)
 */
#thover1 > tbody > tr > td:hover,
#thover1 > tr > td:hover,
.thover1 > tbody > tr > td:hover,
.thover1 > tr > td:hover { /* Individual cells */
	background-color: var(--table-hover-background);
}

#thover2 > tbody > tr:hover,
#thover2 > tr:hover,
.thover2 > tbody > tr:hover,
.thover2 > tr:hover { /* Across the row */
	background-color: var(--table-hover-background);
}

#thover1 tr:hover a:not(.new),
.thover1 tr:hover a:not(.new),
#thover1 tr:hover a:visited,
.thover1 tr:hover a:visited,
#thover2 tr:hover a:not(.new),
.thover2 tr:hover a:not(.new),
#thover2 tr:hover a:visited,
.thover2 tr:hover a:visited {
	color: var(--table-hover-color) !important;
}

.thover2 > tbody > tr.checklist-completed,
.thover2 > tr.checklist-completed {
	background: var(--table-checked-background) !important;
}

.itembox div {
	border: 3px solid #DFDCE4;
	border-radius: 10px;
	background: #FEF4E6;
	width: fit-content;
	will-change: transform;
	transition: transform 100ms;
}
.itembox div:hover {
	transform: translateY(-3px);
	background: #FFFCF7;
}

/* INFOBOX STYLING */

.portable-infobox {
	border: solid 1px var(--table-header-background, #305080);
	border-radius: 2px;
	background-color: #FFFCF7;
}
.portable-infobox .pi-title {
	background-color: var(--table-header-background, #305080);
	color: var(--table-header-color, #FFFCF7);
	text-align: center;
}
.portable-infobox .pi-header {
	background-color: var(--table-header-background, #305080);
	color: var(--table-header-color, #FFFCF7);
}
.portable-infobox .pi-data-label {
   flex-basis: 165px;
}

.portable-infobox .pi-collapse > .pi-header:first-child {
	cursor: pointer;
}

.portable-infobox .pi-smart-group ul,
.portable-infobox .pi-smart-group ol {
	text-align: left;
}

/* INFOBOX TABLE-OF-CONTENTS AREA */

.portable-infobox nav[data-item-name=languages],
.portable-infobox nav[data-item-name=toc] {
	padding: 0;
	background: transparent;
}

.portable-infobox nav[data-item-name=toc] > .toc,
.portable-infobox nav[data-item-name=toc] > .toccontainer {
	max-height: 200px;
	overflow: auto;
}

.portable-infobox nav[data-item-name=toc] > .toc,
.portable-infobox nav[data-item-name=toc] > .toccontainer > .toc {
	display: block;
	box-sizing: border-box;
	
	width: 100%;
	border: 0;
}

.portable-infobox nav[data-item-name=toc] > .toc > .toctitle,
.portable-infobox nav[data-item-name=toc] > .toccontainer > .toc > .toctitle {
	display: none;
}

/* INFOBOX LANGUAGES AREA */

.portable-infobox .mw-pt-languages {
	border-width: 0;
}
.portable-infobox .mw-pt-languages-label,
.portable-infobox .mw-pt-languages-list {
	width: initial !important;
	display: block !important;
	margin: 0;
}
.portable-infobox .mw-pt-languages-label {
	background-color: var(--table-header-background, #305080);
	color: var(--table-header-color, #FFFCF7);
	padding: var(--pi-item-spacing);
	font-size: 1.2em;
}
.portable-infobox .pi-header + .pi-navigation .mw-pt-languages-label {
	display: none !important;
}

/* TEXT BUTTONS TEMPLATE SETTINGS */
.buttonText {
	font-size: 18px;
	font-weight: bolder;
	border:2px solid #4EB0E6;
	border-radius:20px;
	min-width:100px;
	display: inline-block;
	text-align:center;
	background-color: #FFFCF7;
	box-shadow: 0px 4px 0px 0px rgba(48, 80, 128, 1);
}
.buttonText a {
	color:#FFFCF7;
	text-decoration: none;
	min-width: 120px;
	display: inline-block;
	padding: 5px 0;
}
.buttonText:hover {
	background-color: #FFDB7A;
	border:2px solid #594F42;
}
.buttonText a:hover {
	color:#594F42;
}
.buttonText .externalLinks{
	color:#FFFCF7;
}
.buttonText:hover .externalLinks {
	color:#594F42;
}
/* GALLERY STYLING */
 li.gallerybox div.thumb {
  border: 3px solid #DFDCE4;
  border-radius: 10px;
  background: #FEF4E6;
  will-change: transform;
  transition: transform 100ms;
}
 li.gallerybox div.thumb:hover {
  transform: translateY(-3px);
  background: #FFFCF7;
}

/*********************************************
* TABS STYLING                               *
* Used to style Tabs (and related templates) *
*********************************************/

.tab-bg {
	background-color: var(--table-header-background, #305080);
	border-radius: 8px;
}

.custom-tabs {
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 20px;
	display: table;
	white-space: normal;
}

.custom-tabs tr {
	display: flex;
}

.custom-tabs td {
	padding: 0;
	width: calc(100% / 1);
	padding-right: 5px;
	display: flex;
	align-items: center;
}

.custom-tabs td:last-child {
    padding-right: 0px;
}

.custom-tabs div {
    width: 100%;
    border-radius:8px;
    margin-left: 5px;
    margin-right: 5px;
    display: flex;
    align-items: center;
    height: 80%;
}

.custom-tabs a,
.custom-tabs span,
.custom-tabs .selflink {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 8px 10px;
    border-radius: 20px;
}

.custom-tabs .active-tab div {
  background: linear-gradient(0deg, rgba(244,234,220,1) 0%, rgba(255,252,247,1) 50%, rgba(244,234,220,1) 100%);
}

.custom-tabs .active-tab div strong { color: #305080; }
.custom-tabs .active-tab div a:not(.new) { color: #594F42; }
.custom-tabs .inactive-tab div a:not(.new) { color: white; }
.custom-tabs .inactive-tab div:hover { background-color: #8a847f; }
.custom-tabs .inactive-tab div:hover a:not(.new) { color: white; }

/* Copyright CC-BY-NC-SA icon */
/* Copied from Terraria wiki */
#footer {
	/* self */
	padding: 12px;
	box-sizing: border-box;
	position: relative;
	/* grid */
	display: grid;
	grid-template-columns: [l] 1fr 0fr [r];
	grid-template-rows: [t] auto auto [b];
	z-index: 0;
}
#footer-info{
	font-size: 11px;
	display: contents;
}
#footer ul li{
	font-size: inherit;
	line-height: 1.5;
	padding: 0;
}
#footer-icons{
	grid-column: span 1 / r;
	grid-row: t / b;
	place-self: end;
}
#footer #footer-info-lastmod{
	grid-column: l / span 1;
	grid-row: t / span 1;
	place-self: start;
	margin-bottom: 1em;
}
#footer #footer-info-copyright{
	grid-column: l / span 1;
	grid-row: span 1 / b;
	place-self: end stretch;
	position: relative;
	padding-right: 100px;
}
#footer-info-copyright img{
	position: absolute;
	right: 0;
	/* mediawiki logo is 31px height, and this image has a 1px black border, 
	   a small tweak to make them visually matched on size and position */
	bottom: -1px;
	height: 33px;
	width: auto;
}

/***************
* Page notices *
***************/

.palianotice {
	overflow: hidden;
	margin: auto;
	margin-bottom: 0.5em;
	border-radius: 3px;
	border-left-width: 8px;
	border-left-style: solid;
	padding: 5px;
	font-size: 11pt;
	text-align: center;
}

.template-spoiler {
	border-color: var(--template-spoiler-border, #A81440);
	background: var(--template-spoiler-background, #A814401A);
}

.template-stub {
	border-color: var(--template-stub-border, #395684);
	background: var(--template-stub-background, #3956841A);
}

.template-staledata {
	border-color: var(--template-staledata-border, #FFCC00);
	background: var(--template-staledata-background, #FFFFCC1A);
}

.template-wip {
	border-color: var(--template-wip-border, #FFDB7A);
	background: var(--template-wip-background, #FFDB7A1A);
}

.template-delete {
	border-color: var(--template-delete-border, #083002);
	background: var(--template-delete-background, #084F0233);
}

.template-replace {
	border-color: var(--template-replace-border, #083002);
	background: var(--template-replace-background, #084F0233);
}

.template-for {
	font-size: 13px;
	border-left-width: 4px;
	text-align: initial;
	padding-left: 13px;
	
	border-color: var(--template-for-border, #1E9DE8);
	background: var(--template-for-background, #1E9DE81A);
}

/*******************
* Checklist tables *
*******************/

.mw-checkbox {
	--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-square%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22/%3E%3C/svg%3E');
	--mask: var(--icon) no-repeat;
	
	display: block;
	content: "";
	
	-webkit-mask: var(--mask);
	mask: var(--mask);
	height: 1.5em;
	width: 1.5em;
	margin: 0 auto;
	
	background-color: var(--text-color, #000);
	mask-size: 100% 100%;
	position: unset;
	mask-position: center center;
}

.checklist-completed .mw-checkbox {
	--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-check-square%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M14%201a1%201%200%200%201%201%201v12a1%201%200%200%201-1%201H2a1%201%200%200%201-1-1V2a1%201%200%200%201%201-1zM2%200a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2z%22/%3E%3Cpath%20d=%22M10.97%204.97a.75.75%200%200%201%201.071%201.05l-3.992%204.99a.75.75%200%200%201-1.08.02L4.324%208.384a.75.75%200%201%201%201.06-1.06l2.094%202.093%203.473-4.425z%22/%3E%3C/svg%3E') !important;
}

/*********************
 * Statistics tables *
 ********************/

.statstable > * > tr > th,
.statstable > * > .AggregateMessageGroup > td {
	background-color: var(--table-header-background, #305080) !important;
	color: var(--table-header-color, #FFFCF7) !important;
}

.statstable > * > tr > td {
	background-color: var(--table-row-odd, #3956844D);
}

.statstable > * > tr.tux-statstable-even > td {
	background-color: var(--table-row-even, #3956841A);
}

.statstable > * > tr > th,
.statstable > * > tr > td {
	border-color: var(--border-color,#395684) !important;
}

/***************
* Changes page *
***************/

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--background-color, #F8F9FA);
	border-color: var(--border-color, #A2A9B1);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: var(--background-color, #FFF);
	border-color: var(--border-color, inherit);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background-color: var(--background-color, #F8F9FA);
	color: var(--text-color, #202122);
	border-color: var(--border-color, #A2A9B1);
}

/****************
* Editor styles *
****************/

.ace_gutter-cell,
.CodeMirror-linenumber {
	color: var(--text-null, #72777d);
}

.CodeMirror-gutters {
	background-color: var(--background-color, #f7f7f7);
	border-color: var(--border-color, #ddd);
}

.editOptions {
	color: var(--text-color, #202122);
	background-color: var(--background-color, #eaecf0);
	border-color: var(--border-color, #c8ccd1);
}

.wikiEditor-ui .wikiEditor-ui-view {
	border-color: var(--border-color, #c8ccd1);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
	color: var(--text-code, #202122) !important;
	background-color: var(--background-code, #fff) !important;
	border-color: var(--border-code, #c8ccd1) !important;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	color: var(--text-color, #202122) !important;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
	color: var(--link, #404244) !important;
}

.wikiEditor-ui-toolbar .sections .section {
	border-color: var(--border-code, #c8ccd1);
}

.wikiEditor-ui-toolbar .group, .wikiEditor-ui-toolbar .section-secondary .group {
	border-color: var(--border-code, #eaecf0);
}

.wikiEditor-ui-toolbar .group .label {
	color: var(--text-color, #54595d);
}

.wikiEditor-ui-toolbar .page-table td {
	color: var(--text-code, #000);
}

.wikiEditor-ui-toolbar {
	background: var(--background-color, #f8f9fa);
}

#msupload-div {
	background: var(--background-color, #f8f9fa);
	border-color: var(--border-code, #c8ccd1);
}

#msupload-dropzone {
	color: var(--text-color, #202122);
	border-color: var(--border-code, #a2a9b1);
}

/********************************
 * Translation Extension colors *
 *   Dark mode for beloved      *
 *   translators :)             *
 *******************************/

.mw-ui-button.mw-ui-quiet,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive {
	color: var(--text-color, #202122);
}

.tux-breadcrumb,
.tux-editor-header,
.grid .tux-message-editor .messagekey {
	color: var(--text-color, #202122);
}

.tux-breadcrumb__item--aggregate {
	color: var(--link, #1E9DE8);
	font-weight: bold;
}

.tux-messagelist {
	background-color: var(--background-color, #FFFCF7);
	color: var(--text-color, #202122);
}

.tux-message-item {
	border-bottom: 1px solid var(--table-header-background, #305080);
	background: var(--background-color, #FFFCF7);
}

.tux-message-editor {
	border: 1px solid var(--table-header-background, #305080);
	background-color: var(--background-color, #FFFCF7);
}

.tux-message-editor .editcolumn {
	border-right: 1px solid var(--table-header-background, #305080);
}

.tux-message-editor__caret:before,
.tux-message-editor__caret:after {
	border-right: 20px solid var(--table-header-background, #305080);
}

.tux-message-editor__caret:after {
	border-right: 20px solid var(--background-color, #FFFCF7);
}

.tux-message-editor .editcolumn {
	background-color: var(--background-color, #FFFCF7);
}

.grid .tux-message-editor .infocolumn-block {
	background: var(--background-color, #FFFCF7);
}

.tux-message-editor .shortcutinfo {
	color: #54595d;
}

/******************
* Inline spoilers *
******************/

span.mw-spoilertext {
	cursor: pointer;
	background: var(--template-spoiler-background,#A814401A);
	box-shadow: 1px 1px 0px 1px var(--template-spoiler-background,#A814401A),
		1px -1px 0px 1px var(--template-spoiler-background,#A814401A),
		-1px 1px 0px 1px var(--template-spoiler-background,#A814401A),
		-1px -1px 0px 1px var(--template-spoiler-background,#A814401A);
}

span.mw-spoilertext,
span.mw-spoilertext a {
	transition: color 150ms linear;
}

span.mw-spoilertext:not(.mw-spoilertext-visible)::selection,
span.mw-spoilertext:not(.mw-spoilertext-visible) a::selection {
	background: transparent;
}

span.mw-spoilertext:not(.mw-spoilertext-visible)::-moz-selection,
span.mw-spoilertext:not(.mw-spoilertext-visible) a::-moz-selection {
	background: transparent;
}

.client-js span.mw-spoilertext:not(.mw-spoilertext-visible),
.client-js span.mw-spoilertext:not(.mw-spoilertext-visible) a {
	color: transparent !important;
}

.client-js span.mw-spoilertext img {
	transition: opacity 150ms linear;
}

.client-js span.mw-spoilertext:not(.mw-spoilertext-visible) img {
	opacity: 0;
}

/*******************
* Template:Item    *
********************/



/*******************
* Template:ItemBox *
********************/

.template-itembox {
	display: inline-block;
	color: var(--paper-color, var(--text-color, #202122));
	text-align: center;
	vertical-align: text-top;
	margin: auto;
}

.template-itembox > div:first-child {
	position: relative;
	border: 3px solid var(--paper-border, #DFDCE4);
	border-radius: 10px;
	background: var(--paper-background, #FEF4E6);
	width: fit-content;
	will-change: transform;
	transition: transform 100ms;
}

.template-itembox:hover > div:first-child {
	background: var(--paper-hover, #FFFCF7);
	transform: translateY(-3px);
}

.template-itembox > div > .number {
	position: absolute;
	margin: 0;
	bottom: -1rem;
	right: 0rem;
	font-weight: bold;
	font-size: 1.5rem;
}

.template-itembox .frame {
	padding: 0.8em;
}

.template-itembox .caption {
	display: inline-block;
	line-height: 1.2em;
}

/**********************
* Template:BlockQuote *
**********************/

.template-blockquote {
	background: linear-gradient(90deg, #A7D7F933, transparent 18%);
}

html.theme-dark .template-blockquote {
	background: linear-gradient(90deg, #05265812, transparent 18%);
}

/*************
* Color SVGs *
*************/

.skin-vector-legacy #pt-uls .uls-trigger:before {
	filter: invert(50%) sepia(28%) saturate(237%) hue-rotate(198deg) brightness(99%) contrast(94%);
}

/********************************************
* Fix the spacing that was bothering Altica *
********************************************/

.pi-smart-group .pi-smart-data-label,
.pi-smart-group-head + .pi-smart-group-body .pi-data-value {
	box-sizing: content-box !important;
}

/*************************************
* Here we override our editor themes *
*************************************/

.mw-highlight .nl, /* Name.Label */
.cm-mw-template-argument-name {
	color: #af6900 !important;
}

.mw-highlight .nt,
.cm-mw-template-name {
	color: #018301;
}

/***************
* Code Styling *
***************/

.cm-mw-template {
	color: initial !important;
}

.cm-mw-link-pagename,
.cm-mw-link-bracket,
.cm-mw-link-delimiter,
.cm-mw-extlink,
.cm-mw-free-extlink,
.cm-mw-link,
.cm-mw-link-tosection,
.cm-mw-section-header {
	color: #1E9DE8 !important;
}

.cm-mw-parserfunction-name,
.cm-mw-parserfunction-bracket,
.cm-mw-parserfunction-delimiter {
	color: #0000FF !important;
}

.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-table-definition {
	color: #DD0088 !important;
}

@media screen and (min-width: 1100px) {
	/* Use the increase in screen size to space out a bit */
	.mp-sections {
		padding: 15px 10px;
	}
	
	.mp-section {
		margin: 15px 10px;
	}
	
	.rootpage-Palia_Wiki .template-skillbox-container {
		margin: 15px auto;
	}
}

@media screen and (max-width: 1100px) {
	/*******************************
	* Stretch out half-width items *
	*******************************/

	.mw-quarter,
	.mw-third,
	.mw-half,
	.mw-threequarter {
		width: 100% !important;
	}

	/***********************
	* Don't pad changelog, *
	* lots of wasted space *
	***********************/

	.client-js .mw-changeslist ul,
	.client-js .mw-changeslist table.mw-enhanced-rc {
		margin-left: 0 !important;
	}
	
	/***************************
	* Mobile horizontal scroll *
	***************************/
	
	#mw-imagepage-section-filehistory {
		overflow-x: auto;
	}
}

@media screen and (max-width: 720px) {
	.palia-clock {
		display: none !important;
	}
	
	.mw-changeslist-line-inner-comment {
		word-break: break-word;
	}
	
	.mw-changeslist-line-inner-articleLink {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	/***********************
	* Move nav to page top *
	***********************/

	#mw-navigation {
		display: flex;
		flex-direction: column-reverse;
	}

	#left-navigation {
		margin-bottom: 0;
	}

	#mw-page-base {
		height: var(--wikigg-header-height) !important;
	}

	#mw-head {
		position: initial;
		margin-bottom: -2px;
	}

	#left-navigation,
	#right-navigation {
		margin-top: 0;
	}

	#mw-panel {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		
		box-sizing: border-box;
		
		position: initial;
		float: none;
		width: 100%;
		
		justify-content: flex-start;
		gap: 1em;
		
		padding: 0 0.5em 1em 0.5em;
	}

	#mw-panel .vector-menu {
		min-width: initial !important;
		height: fit-content;
		margin: 0 !important;
		padding: 0.25em !important;
	}

	#mw-panel .vector-menu .vector-menu-content {
		display: none;
		z-index: 99;
		position: absolute;
		top: 100%;
		left: 0;
		white-space: nowrap;
	}

	#mw-panel .vector-menu:hover .vector-menu-content,
	#mw-panel .vector-menu:active .vector-menu-content,
	#mw-panel .vector-menu .vector-menu-content:hover {
		display: block !important;
	}

	#mw-panel .vector-menu-heading {
		box-sizing: border-box;
	}

	#mw-panel .portal .vector-menu-content a {
		font-size: 17px;
		
		background: var( --table-header-background, #305080 );
		margin: 0;
		padding: .25em;
		width: 100%;
		border-radius: 0;
	}
	
	#mw-panel .portal .vector-menu-content .mw-list-item:first-child a {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	
	#mw-panel .portal .vector-menu-content .mw-list-item:last-child a {
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	#mw-panel .portal li {
		width: 100%;
		
		margin: 0 !important;
		padding: 0;
		
		border-radius: 0;
		background: none !important;
	}

	#p-logo {
		width: 100%;
		margin: initial !important;
	}

	#p-logo a {
		margin: 0 auto;
	}

	.content-wrapper {
		flex-direction: column;
	}

	.mw-body {
		margin-top: initial;
	}

	/********************
	* Fatten up the TOC *
	********************/

	.template-toc.toc-float {
		float: initial !important;
	}

	.template-toc {
		width: 100%;
	}

	.template-toc > #toc,
	.mw-parser-output > #toc {
		box-sizing: border-box;
		width: 100%;
	}

	/**********************
	* Floating Thumbnails *
	**********************/
	
	div.tleft,
	div.tright,
	div.floatleft,
	div.floatright,
	table.floatleft,
	table.floatright {
		float: initial;
	}
	
	div.tleft,
	div.tright {
		margin: 0.5em auto 1.3em auto;
	}
	
	div.thumb {
		width: fit-content;
	}
	
	/*******************
	* Wider search bar *
	*******************/
	
	.vector-search-box-inner:has(> input:focus) {
		width: 50vw;
	}
	
	/******************
	* Orient Navboxes *
	******************/
	
	.navbox .navbox-row {
		display: flex;
		flex-direction: column;
	}
	
	.navbox .navbox-title,
	.navbox .navbox-group {
		font-size: 1.2em;
	}
	
	.navbox .navbox-group,
	.navbox .navbox-image-left {
		border-right: initial;
		border-bottom: 2px solid #FFF;
	}
	
	.navbox .navbox-list > .hlist {
		padding: 1em;
		line-height: 1.5em;
	}
	
	/************
	* Galleries *
	************/
	
	ul.gallery {
		margin: 2px !important;
		padding: 2px !important;
	}
	
	/****************************
	* Convert head nav to icons *
	****************************/

	#mw-head .vector-menu-tabs a > span,
	#mw-head .vector-menu-dropdown .vector-menu-heading span,
	#mw-head .vector-menu-dropdown .vector-menu-heading::after {
		display: none;
	}

	#mw-head .vector-menu-tabs a::before,
	#mw-head .vector-menu-dropdown .vector-menu-heading::before {
		display: block;
		content: "";
		--mask: var(--icon) no-repeat;
		
		-webkit-mask: var(--mask);
		mask: var(--mask);
		height: 1.5em;
		width: 1.5em;
		background-color: var(--text-color, #000);
		mask-size: 100% 100%;
		position: unset;
		mask-position: center center;
	}

	.vector-menu-tabs .selected a::before,
	.vector-menu-tabs .selected a:visited::before {
		background-color: #1E9DE8 !important;
	}

	.vector-menu-tabs .mw-watchlink.icon a {
		width: initial;
        height: 3.07692308em;
        position: relative;
        padding-top: 1.25em;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 0;
	}

	#mw-head .vector-menu-dropdown .vector-menu-heading {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-three-dots%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M3%209.5a1.5%201.5%200%201%201%200-3%201.5%201.5%200%200%201%200%203m5%200a1.5%201.5%200%201%201%200-3%201.5%201.5%200%200%201%200%203m5%200a1.5%201.5%200%201%201%200-3%201.5%201.5%200%200%201%200%203%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-main,
	#mw-head #ca-nstab-mediawiki,
	#mw-head #ca-nstab-project {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-wikipedia%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M8.835%203.003c.828-.006%202.688%200%202.688%200l.033.03v.288q0%20.12-.133.12c-.433.02-.522.063-.68.29-.087.126-.258.393-.435.694l-1.52%202.843-.043.089%201.858%203.801.113.031%202.926-6.946q.152-.42-.044-.595c-.132-.114-.224-.18-.563-.195l-.275-.014a.16.16%200%200%201-.096-.035.1.1%200%200%201-.046-.084v-.289l.042-.03h3.306l.034.03v.29q0%20.117-.133.117-.65.03-.962.281a1.64%201.64%200%200%200-.488.704s-2.691%206.16-3.612%208.208c-.353.672-.7.61-1.004-.019A224%20224%200%200%201%208.044%208.81c-.623%201.285-1.475%203.026-1.898%203.81-.411.715-.75.622-1.02.019-.45-1.065-1.131-2.519-1.817-3.982-.735-1.569-1.475-3.149-1.943-4.272-.167-.4-.293-.657-.412-.759q-.18-.15-.746-.18Q0%203.421%200%203.341v-.303l.034-.03c.615-.003%203.594%200%203.594%200l.034.03v.288q0%20.119-.15.118l-.375.016q-.483.02-.483.288-.002.125.109.4c.72%201.753%203.207%206.998%203.207%206.998l.091.023%201.603-3.197-.32-.71L6.24%205.095s-.213-.433-.286-.577l-.098-.196c-.387-.77-.411-.82-.865-.88-.137-.017-.208-.035-.208-.102v-.304l.041-.03h2.853l.075.024v.303q0%20.104-.15.104l-.206.03c-.523.04-.438.254-.09.946l1.057%202.163%201.17-2.332c.195-.427.155-.534.074-.633-.046-.055-.202-.144-.54-.158l-.133-.015a.16.16%200%200%201-.096-.034.1.1%200%200%201-.045-.085v-.288l.041-.03Z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-template {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-braces%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M2.114%208.063V7.9c1.005-.102%201.497-.615%201.497-1.6V4.503c0-1.094.39-1.538%201.354-1.538h.273V2h-.376C3.25%202%202.49%202.759%202.49%204.352v1.524c0%201.094-.376%201.456-1.49%201.456v1.299c1.114%200%201.49.362%201.49%201.456v1.524c0%201.593.759%202.352%202.372%202.352h.376v-.964h-.273c-.964%200-1.354-.444-1.354-1.538V9.663c0-.984-.492-1.497-1.497-1.6M13.886%207.9v.163c-1.005.103-1.497.616-1.497%201.6v1.798c0%201.094-.39%201.538-1.354%201.538h-.273v.964h.376c1.613%200%202.372-.759%202.372-2.352v-1.524c0-1.094.376-1.456%201.49-1.456V7.332c-1.114%200-1.49-.362-1.49-1.456V4.352C13.51%202.759%2012.75%202%2011.138%202h-.376v.964h.273c.964%200%201.354.444%201.354%201.538V6.3c0%20.984.492%201.497%201.497%201.6%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-category {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-collection%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M2.5%203.5a.5.5%200%200%201%200-1h11a.5.5%200%200%201%200%201zm2-2a.5.5%200%200%201%200-1h7a.5.5%200%200%201%200%201zM0%2013a1.5%201.5%200%200%200%201.5%201.5h13A1.5%201.5%200%200%200%2016%2013V6a1.5%201.5%200%200%200-1.5-1.5h-13A1.5%201.5%200%200%200%200%206zm1.5.5A.5.5%200%200%201%201%2013V6a.5.5%200%200%201%20.5-.5h13a.5.5%200%200%201%20.5.5v7a.5.5%200%200%201-.5.5z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-special {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-star%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M2.866%2014.85c-.078.444.36.791.746.593l4.39-2.256%204.389%202.256c.386.198.824-.149.746-.592l-.83-4.73%203.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513%200%200%200-.927%200L5.354%205.12l-4.898.696c-.441.062-.612.636-.283.95l3.523%203.356-.83%204.73zm4.905-2.767-3.686%201.894.694-3.957a.56.56%200%200%200-.163-.505L1.71%206.745l4.052-.576a.53.53%200%200%200%20.393-.288L8%202.223l1.847%203.658a.53.53%200%200%200%20.393.288l4.052.575-2.906%202.77a.56.56%200%200%200-.163.506l.694%203.957-3.686-1.894a.5.5%200%200%200-.461%200z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-guide {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-book%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M1%202.828c.885-.37%202.154-.769%203.388-.893%201.33-.134%202.458.063%203.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811zm7.5-.141c.654-.689%201.782-.886%203.112-.752%201.234.124%202.503.523%203.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492zM8%201.783C7.015.936%205.587.81%204.287.94c-1.514.153-3.042.672-3.994%201.105A.5.5%200%200%200%200%202.5v11a.5.5%200%200%200%20.707.455c.882-.4%202.303-.881%203.68-1.02%201.409-.142%202.59.087%203.223.877a.5.5%200%200%200%20.78%200c.633-.79%201.814-1.019%203.222-.877%201.378.139%202.8.62%203.681%201.02A.5.5%200%200%200%2016%2013.5v-11a.5.5%200%200%200-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809%208.985.936%208%201.783%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-user {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-person-raised-hand%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M6%206.207v9.043a.75.75%200%200%200%201.5%200V10.5a.5.5%200%200%201%201%200v4.75a.75.75%200%200%200%201.5%200v-8.5a.25.25%200%201%201%20.5%200v2.5a.75.75%200%200%200%201.5%200V6.5a3%203%200%200%200-3-3H6.236a1%201%200%200%201-.447-.106l-.33-.165A.83.83%200%200%201%205%202.488V.75a.75.75%200%200%200-1.5%200v2.083c0%20.715.404%201.37%201.044%201.689L5.5%205c.32.32.5.754.5%201.207%22/%3E%3Cpath%20d=%22M8%203a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-nstab-image {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-image%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M6.002%205.5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200%22/%3E%3Cpath%20d=%22M2.002%201a2%202%200%200%200-2%202v10a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V3a2%202%200%200%200-2-2zm12%201a1%201%200%200%201%201%201v6.5l-3.777-1.947a.5.5%200%200%200-.577.093l-3.71%203.71-2.66-1.772a.5.5%200%200%200-.63.062L1.002%2012V3a1%201%200%200%201%201-1z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-talk {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-chat-quote%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M2.678%2011.894a1%201%200%200%201%20.287.801%2011%2011%200%200%201-.398%202c1.395-.323%202.247-.697%202.634-.893a1%201%200%200%201%20.71-.074A8%208%200%200%200%208%2014c3.996%200%207-2.807%207-6s-3.004-6-7-6-7%202.808-7%206c0%201.468.617%202.83%201.678%203.894m-.493%203.905a22%2022%200%200%201-.713.129c-.2.032-.352-.176-.273-.362a10%2010%200%200%200%20.244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743%2011.37%200%209.76%200%208c0-3.866%203.582-7%208-7s8%203.134%208%207-3.582%207-8%207a9%209%200%200%201-2.347-.306c-.52.263-1.639.742-3.468%201.105%22/%3E%20%3Cpath%20d=%22M7.066%206.76A1.665%201.665%200%200%200%204%207.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%200%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112zm4%200A1.665%201.665%200%200%200%208%207.668a1.667%201.667%200%200%200%202.561%201.406c-.131.389-.375.804-.777%201.22a.417.417%200%200%200%20.6.58c1.486-1.54%201.293-3.214.682-4.112z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-translate {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-translate%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M4.545%206.714%204.11%208H3l1.862-5h1.284L8%208H6.833l-.435-1.286zm1.634-.736L5.5%203.956h-.049l-.679%202.022z%22/%3E%3Cpath%20d=%22M0%202a2%202%200%200%201%202-2h7a2%202%200%200%201%202%202v3h3a2%202%200%200%201%202%202v7a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2v-3H2a2%202%200%200%201-2-2zm2-1a1%201%200%200%200-1%201v7a1%201%200%200%200%201%201h7a1%201%200%200%200%201-1V2a1%201%200%200%200-1-1zm7.138%209.995q.289.451.63.846c-.748.575-1.673%201.001-2.768%201.292.178.217.451.635.555.867%201.125-.359%202.08-.844%202.886-1.494.777.665%201.739%201.165%202.93%201.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747%201.222-1.651%201.621-2.757H14V8h-3v1.047h.765c-.318.844-.74%201.546-1.272%202.13a6%206%200%200%201-.415-.492%202%202%200%200%201-.94.31%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-view,
	#mw-head #ca-view-foreign {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-fonts%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M12.258%203h-8.51l-.083%202.46h.479c.26-1.544.758-1.783%202.693-1.845l.424-.013v7.827c0%20.663-.144.82-1.3.923v.52h4.082v-.52c-1.162-.103-1.306-.26-1.306-.923V3.602l.431.013c1.934.062%202.434.301%202.693%201.846h.479z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-viewsource {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-eye%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M16%208s-3-5.5-8-5.5S0%208%200%208s3%205.5%208%205.5S16%208%2016%208M1.173%208a13%2013%200%200%201%201.66-2.043C4.12%204.668%205.88%203.5%208%203.5s3.879%201.168%205.168%202.457A13%2013%200%200%201%2014.828%208q-.086.13-.195.288c-.335.48-.83%201.12-1.465%201.755C11.879%2011.332%2010.119%2012.5%208%2012.5s-3.879-1.168-5.168-2.457A13%2013%200%200%201%201.172%208z%22/%3E%3Cpath%20d=%22M8%205.5a2.5%202.5%200%201%200%200%205%202.5%202.5%200%200%200%200-5M4.5%208a3.5%203.5%200%201%201%207%200%203.5%203.5%200%200%201-7%200%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-history {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-activity%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M6%202a.5.5%200%200%201%20.47.33L10%2012.036l1.53-4.208A.5.5%200%200%201%2012%207.5h3.5a.5.5%200%200%201%200%201h-3.15l-1.88%205.17a.5.5%200%200%201-.94%200L6%203.964%204.47%208.171A.5.5%200%200%201%204%208.5H.5a.5.5%200%200%201%200-1h3.15l1.88-5.17A.5.5%200%200%201%206%202%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-edit {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-code-slash%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M10.478%201.647a.5.5%200%201%200-.956-.294l-4%2013a.5.5%200%200%200%20.956.294zM4.854%204.146a.5.5%200%200%201%200%20.708L1.707%208l3.147%203.146a.5.5%200%200%201-.708.708l-3.5-3.5a.5.5%200%200%201%200-.708l3.5-3.5a.5.5%200%200%201%20.708%200m6.292%200a.5.5%200%200%200%200%20.708L14.293%208l-3.147%203.146a.5.5%200%200%200%20.708.708l3.5-3.5a.5.5%200%200%200%200-.708l-3.5-3.5a.5.5%200%200%200-.708%200%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-watch {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-bookmark-star%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M7.84%204.1a.178.178%200%200%201%20.32%200l.634%201.285a.18.18%200%200%200%20.134.098l1.42.206c.145.021.204.2.098.303L9.42%206.993a.18.18%200%200%200-.051.158l.242%201.414a.178.178%200%200%201-.258.187l-1.27-.668a.18.18%200%200%200-.165%200l-1.27.668a.178.178%200%200%201-.257-.187l.242-1.414a.18.18%200%200%200-.05-.158l-1.03-1.001a.178.178%200%200%201%20.098-.303l1.42-.206a.18.18%200%200%200%20.134-.098z%22/%3E%3Cpath%20d=%22M2%202a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v13.5a.5.5%200%200%201-.777.416L8%2013.101l-5.223%202.815A.5.5%200%200%201%202%2015.5zm2-1a1%201%200%200%200-1%201v12.566l4.723-2.482a.5.5%200%200%201%20.554%200L13%2014.566V2a1%201%200%200%200-1-1z%22/%3E%3C/svg%3E');
	}

	#mw-head #ca-unwatch {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-bookmark-star-fill%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M2%2015.5V2a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v13.5a.5.5%200%200%201-.74.439L8%2013.069l-5.26%202.87A.5.5%200%200%201%202%2015.5M8.16%204.1a.178.178%200%200%200-.32%200l-.634%201.285a.18.18%200%200%201-.134.098l-1.42.206a.178.178%200%200%200-.098.303L6.58%206.993c.042.041.061.1.051.158L6.39%208.565a.178.178%200%200%200%20.258.187l1.27-.668a.18.18%200%200%201%20.165%200l1.27.668a.178.178%200%200%200%20.257-.187L9.368%207.15a.18.18%200%200%201%20.05-.158l1.028-1.001a.178.178%200%200%200-.098-.303l-1.42-.206a.18.18%200%200%201-.134-.098z%22/%3E%3C/svg%3E');
	}
	
	#mw-head #ca-recreatedata {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-database%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M4.318%202.687C5.234%202.271%206.536%202%208%202s2.766.27%203.682.687C12.644%203.125%2013%203.627%2013%204c0%20.374-.356.875-1.318%201.313C10.766%205.729%209.464%206%208%206s-2.766-.27-3.682-.687C3.356%204.875%203%204.373%203%204c0-.374.356-.875%201.318-1.313M13%205.698V7c0%20.374-.356.875-1.318%201.313C10.766%208.729%209.464%209%208%209s-2.766-.27-3.682-.687C3.356%207.875%203%207.373%203%207V5.698c.271.202.58.378.904.525C4.978%206.711%206.427%207%208%207s3.022-.289%204.096-.777A5%205%200%200%200%2013%205.698M14%204c0-1.007-.875-1.755-1.904-2.223C11.022%201.289%209.573%201%208%201s-3.022.289-4.096.777C2.875%202.245%202%202.993%202%204v9c0%201.007.875%201.755%201.904%202.223C4.978%2015.71%206.427%2016%208%2016s3.022-.289%204.096-.777C13.125%2014.755%2014%2014.007%2014%2013zm-1%204.698V10c0%20.374-.356.875-1.318%201.313C10.766%2011.729%209.464%2012%208%2012s-2.766-.27-3.682-.687C3.356%2010.875%203%2010.373%203%2010V8.698c.271.202.58.378.904.525C4.978%209.71%206.427%2010%208%2010s3.022-.289%204.096-.777A5%205%200%200%200%2013%208.698m0%203V13c0%20.374-.356.875-1.318%201.313C10.766%2014.729%209.464%2015%208%2015s-2.766-.27-3.682-.687C3.356%2013.875%203%2013.373%203%2013v-1.302c.271.202.58.378.904.525C4.978%2012.71%206.427%2013%208%2013s3.022-.289%204.096-.777c.324-.147.633-.323.904-.525%22/%3E%3C/svg%3E');
	}
	
	#mw-head #ca-export {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-floppy-fill%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20d=%22M0%201.5A1.5%201.5%200%200%201%201.5%200H3v5.5A1.5%201.5%200%200%200%204.5%207h7A1.5%201.5%200%200%200%2013%205.5V0h.086a1.5%201.5%200%200%201%201.06.44l1.415%201.414A1.5%201.5%200%200%201%2016%202.914V14.5a1.5%201.5%200%200%201-1.5%201.5H14v-5.5A1.5%201.5%200%200%200%2012.5%209h-9A1.5%201.5%200%200%200%202%2010.5V16h-.5A1.5%201.5%200%200%201%200%2014.5z%22/%3E%3Cpath%20d=%22M3%2016h10v-5.5a.5.5%200%200%200-.5-.5h-9a.5.5%200%200%200-.5.5zm9-16H4v5.5a.5.5%200%200%200%20.5.5h7a.5.5%200%200%200%20.5-.5zM9%201h2v4H9z%22/%3E%3C/svg%3E');
	}
	
	#mw-head #ca-lstats,
	#mw-head #ca-mstats {
		--icon: url('data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%2216%22%20height=%2216%22%20fill=%22currentColor%22%20class=%22bi%20bi-graph-up%22%20viewBox=%220%200%2016%2016%22%3E%3Cpath%20fill-rule=%22evenodd%22%20d=%22M0%200h1v15h15v1H0zm14.817%203.113a.5.5%200%200%201%20.07.704l-4.5%205.5a.5.5%200%200%201-.74.037L7.06%206.767l-3.656%205.027a.5.5%200%200%201-.808-.588l4-5.5a.5.5%200%200%201%20.758-.06l2.609%202.61%204.15-5.073a.5.5%200%200%201%20.704-.07%22/%3E%3C/svg%3E');
	}
}
Retrieved from "https://palia.wiki.gg/index.php?title=MediaWiki:Vector.css&oldid=246243"