MediaWiki:Vector.css

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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Flat Wikipedia-style page tabs */

/* Kill Vector's tab gradient and edge images */
.vector-menu-tabs,
.vector-menu-tabs li,
.vectorTabs,
.vectorTabs li {
  background-image: none !important;
}

/* Each tab as a white flat button */
.vector-menu-tabs li,
.vectorTabs li {
  background: #ffffff !important;
  border: 1px solid #a2a9b1;
  border-radius: 4px;
  margin: 6px 4px 0 0;
  height: auto !important;
}

.vector-menu-tabs li a,
.vectorTabs li a {
  background-color: transparent !important;
  color: #3366cc !important;
  padding: 5px 12px !important;
  height: auto !important;
  line-height: 1.4 !important;
}

/* Active tab: dark text instead of link blue */
.vector-menu-tabs li.selected a,
.vectorTabs li.selected a {
  color: #202122 !important;
  font-weight: 600;
}

/* Hover */
.vector-menu-tabs li:hover,
.vectorTabs li:hover {
  background: #f8f9fa !important;
}

/* "More" dropdown trigger to match */
.vector-menu-dropdown h3,
#p-cactions h3 {
  background-color: #ffffff !important;
  border: 1px solid #a2a9b1;
  border-radius: 4px;
  margin-top: 6px;
  color: #3366cc !important;
}

/* Keep watch/unwatch icon-only so it stops clipping */
#ca-watch a,
#ca-unwatch a {
  font-size: 0 !important;
  padding: 6px 9px !important;
}