MediaWiki:Gadget-SharedVector.css

/* CSS placed here will affect users of the Vector and Vector 2022 skins */

/*
 * Main text.
 */
ul {
  /* Lists. */
  list-style-image: url(https://pikmin.wiki.gallery/images/a/a5/Vector_bullet.png);
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
  /* Table headers. */
  background-color: #d8f0db;
}

.pikipediaBox {
  /* Pikipedia notification boxes. */
  background-color: #d8f0db;
  border: 1px solid #0b0;
  border-radius: 8px;
}

.mw-message-box, .messagebox, .errorbox, .warningbox, .successbox {
  /* MediaWiki boxes. */
  border-color: #0b0;
  background-color: #d8f0db;
}

sup.reference:target,
ol.references li:target {
  /* Highlighted reference. */
  background-color: #CCFFCC;
}


/*
 * Links.
 */
a,
.toctogglelabel,
#p-cactions li a,
nav.vector-menu-tabs li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.vector-menu-portal .vector-menu-content li a {
  /* Standard links. */
  color: #080;
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.vector-menu-portal .vector-menu-content li a:visited {
  /* Visited links. */
  color: #084;
}

a:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover {
  /* Hovering over external links. */
  color: #0b0;
}

a:visited:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:visited:hover {
  /* Hovering over external links. */
  color: #0b4;
}

a.new:link,
a.new:visited,
#p-cactions .new a,
#p-cactions .new a:visited,
.skin-vector-legacy a.new,
.skin-vector-legacy a.new:visited,
a.mw-usertoollinks-contribs-no-edits {
  /* Non-existent pages. */
  color: #bb0;
}

.mw-parser-output a.external {
  /* External link icon. */
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%23080%22 d=%22M1.5 4.518h5.982V10.5H1.5z%22/%3E %3Cpath fill=%22%23080%22 d=%22M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M9.995 2.004l.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z%22/%3E %3C/svg%3E");
}


/*
 * Infoboxes.
 */
.infobox {
  /* Infoboxes. */
  border-radius: 8px;
}

.infobox th {
  /* Headers. */
  background-color: #d8f0db;
  border-radius: 6px;
  padding-left: 4px;
}


/*
 * Navboxes.
 */
.navbox {
  /* Navboxes. */
  border-radius: 8px;
}

table.navbox th {
  /* Headers. */
  border-radius: 6px;
  background-color: #BEB;
}
table.navbox tr:not(:first-child) th {
  background-color: #CEC;
}


/*
 * Categories.
 */
#catlinks {
  /* Categories box. */
  border-radius: 8px;
}

.CategoryTreeToggle {
  /* CategoryTree arrow icon. */
  color: #3C8F5B;
}


/*
 * Main page.
 */
.titledBox {
  /* Section boxes. */
  background: #ecf6ee url(https://pikmin.wiki.gallery/images/0/09/Vector_grass.jpg) bottom center;
  border-color: #66b283;
  border-radius: 16px;
  margin-top: 32px;
}

.titledBoxTitle {
  /* Section box titles. */
  border-radius: 12px;
}

.main-page-left-col {
  /* Left column. */
  padding-right: 16px;
}

.main-page-right-col {
  /* Right column. */
  padding-left: 16px;
}

.main-page-nav-item {
  /* Main item in the navigation box. */
  display: inline-grid;
  background-color: #d8f0db;
  border: 2px solid #66b283;
  border-radius: 20px;
  margin-bottom: 5px;
  padding: 8px;
}

.pds-box {
  /* Poll. */
  border-radius: 16px;
}

#mp-title-nav {
  /* Navigation box title. */
  background-color: #b9d6ec;
}

#mp-title-fa {
  /* Featured article box title. */
  background-color: #ecebbf;
}

#mp-title-image {
  /* Featured image box title. */
  background-color: #c8f0b9;
}

#mp-title-community {
  /* Community box title. */
  background-color: #dbd0f6;
}

#mp-title-news {
  /* News box title. */
  background-color: #f0d2e2;
}

#mp-title-poll {
  /* Poll box title. */
  background-color: #b9b9b9;
}

#mp-title-dyk {
  /* Did You Know box title. */
  background-color: #f8f8f8;
}

#mp-title-niwa {
  /* NIWA box title. */
  background-color: #e6b5b5;
}

body.page-Main_Page.action-view #footer-info-lastmod {
  /* Last modified. */
  display: none !important;
}


/*
 * Edit page.
 */
.mw-editform .editOptions {
  /* Edit options form. */
  background-color: #d8f0db;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}


/*
 * Special:Preferences.
 */
.mw-prefs-buttons,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
	background: #F3F8F1 !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-bottom-color: #D8F0DB !important;
}
.oo-ui-tabSelectWidget-framed {
	background: #D8F0DB !important;
}


/*
 * Multimedia viewer.
 */
.mw-mmv-download-pane .mw-mmv-download-area .mw-mmv-download-select-menu {
	border-color: #060;
}
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-selected,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-optionWidget.oo-ui-optionWidget-highlighted.oo-ui-optionWidget-selected {
	border-color: #080;
}
.mw-mmv-options-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2258.4%22 height=%2252.3%22 viewBox=%220 0 58.4 52.3%22%3E %3Cpath fill=%22%23080%22 d=%22M0 0v44.7h58.4V0H0zm51.9 35.4H6l13.7-17.7 2-.8 12.9 13.7 6.8-4 10.5 8.8z%22/%3E %3Cpath fill=%22%23fff%22 d=%22M48 4.2l1.9 1.9-5.1 5.1-1.3-1.3-.3 5.3 5.2-.3-1.3-1.3 5.2-5.1 1.8 1.9.4-6.6%22/%3E %3Cpath fill=%22%23eaecf0%22 d=%22M0 44.7h58.4v7.7H0z%22/%3E %3Cpath fill=%22%23080%22 d=%22M1.9 46.2h13.8v1.6H1.9zm0 3.1h54.7v1.6H1.9z%22/%3E %3C/svg%3E");
}


/*
 * Watch article icons.
 */
.vector-menu-tabs #ca-watch.icon a::before {
  /* Watch icon. */
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22%3E %3Cpath fill=%22%23fff%22 stroke=%22%2366b283%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
}

.vector-menu-tabs #ca-unwatch.icon a::before {
  /* Unwatch icon. */
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cdefs%3E %3ClinearGradient id=%22a%22%3E %3Cstop offset=%220%22 stop-color=%22%2366b283%22/%3E %3Cstop offset=%22.5%22 stop-color=%22%2366b283%22/%3E %3Cstop offset=%221%22 stop-color=%22%23fff%22/%3E %3C/linearGradient%3E %3ClinearGradient id=%22b%22 x1=%2213.47%22 x2=%224.596%22 y1=%2214.363%22 y2=%223.397%22 xlink:href=%22%23a%22 gradientUnits=%22userSpaceOnUse%22/%3E %3C/defs%3E %3Cpath fill=%22url%28%23b%29%22 stroke=%22%2366b283%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
}

.vector-menu-tabs #ca-unwatch.icon a:hover::before,
.vector-menu-tabs #ca-unwatch.icon a:focus::before {
  /* Unwatch icon on hover. */
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2216%22 height=%2216%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E %3Cdefs%3E %3ClinearGradient id=%22a%22%3E %3Cstop offset=%220%22 stop-color=%22%2366b283%22/%3E %3Cstop offset=%22.5%22 stop-color=%22%2366b283%22/%3E %3Cstop offset=%221%22 stop-color=%22%23fff%22/%3E %3C/linearGradient%3E %3ClinearGradient id=%22b%22 x1=%2213.47%22 x2=%224.596%22 y1=%2214.363%22 y2=%223.397%22 xlink:href=%22%23a%22 gradientUnits=%22userSpaceOnUse%22/%3E %3C/defs%3E %3Cpath fill=%22url%28%23b%29%22 stroke=%22%23c8b250%22 stroke-width=%22.99992%22 d=%22M8.103 1.146l2.175 4.408 4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z%22/%3E %3C/svg%3E");
}

.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a::before {
  /* Temporary watch icon. */
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Etempwatch-icon%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='60.558218%25' y1='98.7006198%25' x2='43.1041147%25' y2='16.8097976%25' id='linearGradient-1'%3E%3Cstop stop-color='%2366B283' offset='0%25'/%3E%3Cstop stop-color='%2366B283' offset='50%25'/%3E%3Cstop stop-color='%23FFFFFF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='tempwatch-icon' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1.000000, 1.000000)' fill-rule='nonzero' id='Path'%3E%3Cpolygon fill='%23FFFFFF' points='7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3Cpolygon fill='url(%23linearGradient-1)' points='6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3Cpolygon stroke='%237CB5D1' stroke-width='0.99992' points='7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:hover::before,
.vector-menu-tabs #ca-unwatch.mw-watchlink-temp.icon a:focus::before {
  /* Temporary watch icon on hover. */
  background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Etempwatch-icon-hl%3C/title%3E%3Cdefs%3E%3ClinearGradient x1='60.558218%25' y1='98.7006198%25' x2='43.1041147%25' y2='16.8097976%25' id='linearGradient-1'%3E%3Cstop stop-color='%2366B283' offset='0%25'/%3E%3Cstop stop-color='%2366B283' offset='50%25'/%3E%3Cstop stop-color='%23FFFFFF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='tempwatch-icon-hl' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='tempwatch-icon-hl-copy' transform='translate(1.000000, 1.000000)' fill-rule='nonzero'%3E%3Cpolygon id='Path' fill='%23FFFFFF' points='7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3Cpolygon id='Path' fill='url(%23linearGradient-1)' points='6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3Cpolygon id='Path' stroke='%23C8B250' stroke-width='0.99992' points='7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}


/*
 * Miscellaneous.
 */
fieldset {
	border-color: #66b283;
}
.oo-ui-popupWidget-body-padded {
	margin-top: 6px;
}