MediaWiki:Vector.css

From Pikipedia, the Pikmin wiki
Revision as of 10:58, September 24, 2020 by Espyo (talk | contribs) (Added default navbox colors.)
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.
/* CSS placed here will affect users of the default Vector theme. */

/*
 * Body.
 */
body {
  /* Background of everything. */
  background: url(https://www.pikminwiki.com/images/3/37/Vector_background.jpg) center top;
}

@media all and (min-width: 1350px) {
  /* Add a right margin on wider displays. */
  body, #right-navigation {
    margin-right: 11em;
  }
}


/*
 * Header.
 */
#mw-page-base {
  /* Full-white header-like background that the Vector skin has. */
  background: initial;
}

div.vectorTabs {
  /* Tabs div. */
  background: initial;
  margin-left: 10px;
  height: 37px;
}

div.vectorTabs ul {
  /* Tabs ul. */
  background: initial;
}

div.vectorTabs ul > li {
  /* Tabs. */
  background: initial;
  border: 2px solid #66b283;
  border-radius: 10px 10px 0px 0px;
  background-color: #cec;
  margin-right: 10px;
  line-height: 0.5em;
}

div.vectorTabs li.selected {
  /* Current tab. */
  background: initial;
  background-color: #fffc;
  border-bottom-color: #fff8;
}

div#mw-head div.vectorMenu h3 {
  /* Separator line between the "More" button and the search bar. */
  background: initial;
}

div.vectorTabs span {
  /* Separator line between every tab. */
  background: initial;
}

#simpleSearch {
  /* Search bar. */
  border-radius: 6px;
}

#simpleSearch input#searchInput {
  /* Search bar. */
  width: 14em;
}

#p-search {
  /* Search bar container. */
  margin-right: 10px;
}


/*
 * Watch article button.
 */
#ca-watch, #ca-unwatch {
  /* Watch/unwatch button. */
  line-height: 2em;
}

.vectorTabs #ca-watch.icon a {
  /* 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");
}

.vectorTabs #ca-unwatch.icon a {
  /* 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");
}

.vectorTabs #ca-unwatch.icon a:hover, .vectorTabs #ca-unwatch.icon a:focus {
  /* 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");
}


/*
 * Sidebar.
 */
#mw-panel .portal h3 {
  /* Section headers. */
  color: #000;
  border-bottom: 1px solid #66b283;
  margin-right: 10px;
}

#mw-panel #p-logo + .portal h3 {
  /* Section header for "Navigation", which is otherwise invisible. */
  display: block;
}

#mw-panel .portal {
  /* Sections. */
  margin-top: 10px;
}

#mw-panel #p-logo + .portal,
#mw-panel .portal,
#p-personal {
  /* Sidebar sections, as well as header personal info box. */
  padding: 6px;
  padding-left: 10px;
  border: 2px solid #fff8;
  border-radius: 12px;
  box-shadow: inset 0 0 20px #fff8;
  -moz-box-shadow: inset 0 0 20px #fff8;
  -webkit-box-shadow: inset 0 0 20px #fff8;
  background-color: #fff4;
}

#mw-panel .portal .body {
  /* List containers below heading. */
  background-image: none;
}

#mw-panel .portal .body ul {
  /* Lists. */
  list-style-image: url(https://www.pikminwiki.com/images/a/a5/Vector_bullet.png);
}

#p-personal {
  /* Personal info box. */
  padding: 0 10px 2px 0;
  right: 0.33em;
}

#p-personal ul {
  /* Personal info box list. */
  padding-left: 0;
}

#pt-userpage {
  /* Personal user 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=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill=%22%233C8F5B%22 d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill=%22%233C8F5B%22 d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E");
}


/*
 * Footer.
 */
#footer {
  /* Footer. */
  background: url(https://www.pikminwiki.com/images/8/83/Vector_banner.png) no-repeat center bottom;
}


/*
 * Main text.
 */
#content {
  /* Article body. */
  background: #fffc;
  border-right-width: initial;
  border: 2px solid #66b283;
  border-radius: 14px;
}

.mw-body-content {
  /* Article body. */
  font-size: 11pt;
}

ul {
  /* Lists. */
  list-style-image: url(https://www.pikminwiki.com/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-indicators {
  /* Game icons. */
  top: 7px;
}

#localNotice .pikipediaBox:first-of-type {
  /* Site notice spacing. */
  margin-top: -0.5em;
}

#siteNotice .pikipediaBox {
  /* Site notice box. */
  margin: 0 auto 5px;
}

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


/*
 * Links.
 */
a,
#p-cactions li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
div.vectorTabs li a,
#mw-panel .portal .body li a {
  /* Standard links. */
  color: #080;
}

a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
#mw-panel .portal .body 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 {
  /* Non-existent pages. */
  color: #bb0;
}

.mw-parser-output .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");
}

.client-js #preftoc a,
.client-js #preftoc a:active {
  /* Preferences tab links. */
  color: #080;
}


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

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


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

.navbox th {
  /* Headers. */
  border-radius: 6px;
  background-color: #BEB;
}

table.navbox tr:not(:first-child) th {
  background-color: #CEC;
}

table.navbox-light {
  /* Light-background navboxes. */
  color: #000;
}

table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
  /* Light-background navbox links. */
  color: #262;
}

table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
  /* Light-background navbox links. */
  color: #141;
}

table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
  /* Light-background navbox links. */
  color: #363;
}

table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
  /* Light-background navbox links. */
  color: #242;
}

table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
  /* Light-background navbox links. */
  color: #422;
}

table.navbox-dark {
  /* Dark-background navboxes. */
  color: #fff;
}

table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
  /* Dark-background navbox links. */
  color: #bfb;
}

table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
  /* Dark-background navbox links. */
  color: #cfc;
}

table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
  /* Dark-background navbox links. */
  color: #cfc;
}

table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
  /* Dark-background navbox links. */
  color: #dfd;
}

table.navbox-dark a.new,
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
  /* Dark-background navbox links. */
  color: #fdd;
}


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

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


/*
 * Main page.
 */
.titledBox {
  /* Section boxes. */
  border-radius: 16px;
  margin-top: 32px;
  background: url(https://www.pikminwiki.com/images/0/09/Vector_grass.jpg) bottom center;
  border: 1px solid #66b283;
}

.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. */
  background-color: #d8f0db;
  border-radius: 20px;
  border: 2px solid #66b283;
  padding: 8px;
  display: inline-grid;
  margin-bottom: 5px;
}

.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-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;
}


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


/*
 * Special pages.
 */
fieldset {
  /* Form border color. */
  border-color: #66b283;
}
Retrieved from "https://www.pikminwiki.com/index.php?title=MediaWiki:Vector.css&oldid=207180"