MediaWiki:Common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
/********************************** Tooltips **********************************/
.tooltip {
  border-bottom: 1px dashed var(--color-base);
  white-space: nowrap;
}
.tooltiptext {
	display: none;
}

/******* CLR template styling added back until templatestyles bug is fixed *******/
.colorful-text-1 { color: var(--color-pink); }
.colorful-text-2 { color: var(--color-blue); }
.colorful-text-3 { color: var(--color-green); }
.colorful-text-4 { color: var(--color-red); }
.colorful-text-5 { color: var(--color-orange); }
.colorful-text-6 { color: var(--color-magenta); }

.subtle { color: var(--color-base--subtle); }

/* balance badge template */
.balance-badge {
	color: var(--balance-badge-font-color);
	border-radius: var(--border-radius--small);
	font-weight: var(--font-weight-bold);
	font-size: 0.75em;
	letter-spacing: -0.008em;
	padding: 2px 4px;
}

.balance-badge.added {
  background-color: LemonChiffon;
}

.balance-badge.new {
  background-color: PeachPuff;
}

.balance-badge.removed {
  background-color: Lavender;
}

.balance-badge.reworked {
  background-color: LightBlue;
}

.balance-badge.buff {
  background-color: DarkSeaGreen;
}

.balance-badge.nerf {
  background-color: LightPink;
}

/**** Character Label styling added back until templatestyles is fixed ****/
.charaLabel {
  display: inline;
}

.charaLabel > img {
    color: transparent;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    white-space: nowrap;
    --width: 0;
    --height: 16px;
    --small-scale: 0.75;
    --gap: 0;
    --base-gap: 2px;
}

/**** Input Badge styling added back until templatestyles is fixed ****/
.input-badge {
  border: 1px solid;
  border-radius: var(--border-radius--small);
  border-color: var(--border-color-base);
  padding: .25em .35em;
  font-weight: bold;
  background-color: var( --color-surface-2 );
}