MediaWiki:Gadget-ClassButton.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.

/* Template:ClassButton styling, for [[Characters and Skills]] */
.class-buttons {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 8px;
}
.class-button {
	position: relative;
	height: 136px;
	overflow: hidden;
}
.class-button::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: no-repeat;
}
.class-button:hover::before {
	display: none;
}
.class-button.button-Explorers::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Explorers.png");
}
.class-button.button-DualBlade::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Dual_Blade.png");
}
.class-button.button-Cannoneer::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Cannoneer.png");
}
.class-button.button-Pathfinder::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Pathfinder.png");
}
.class-button.button-Zen:before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Zen.png");
}
.class-button.button-Jett::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Jett.png");
}
.class-button.button-CygnusKnights::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Cygnus_Knights.png");
}
.class-button.button-Mihile::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Mihile.png");
}
.class-button.button-Aran::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Aran.png");
}
.class-button.button-Evan::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Evan.png");
}
.class-button.button-Mercedes::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Mercedes.png");
}
.class-button.button-Phantom::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Phantom.png");
}
.class-button.button-Luminous::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Luminous.png");
}
.class-button.button-Shade::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Shade.png");
}
.class-button.button-Resistance::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Resistance.png");
}
.class-button.button-Demon::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Demon.png");
}
.class-button.button-Xenon::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Xenon.png");
}
.class-button.button-Kaiser::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Kaiser.png");
}
.class-button.button-AngelicBuster::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Angelic_Buster.png");
}
.class-button.button-Cadena::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Cadena.png");
}
.class-button.button-Kain::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Kain.png");
}
.class-button.button-Illium::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Illium.png");
}
.class-button.button-Ark::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Ark.png");
}
.class-button.button-Adele::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Adele.png");
}
.class-button.button-Hayato::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Hayato.png");
}
.class-button.button-Kanna::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Kanna.png");
}
.class-button.button-Hoyoung::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Hoyoung.png");
}
.class-button.button-Zero::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Zero.png");
}
.class-button.button-PinkBean::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Pink_Bean.png");
}
.class-button.button-Yeti::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Yeti.png");
}
.class-button.button-BeastTamer::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Beast_Tamer.png");
}
.class-button.button-Kinesis::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Kinesis.png");
}
.class-button.button-MoXuan::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Mo_Xuan.png");
}
.class-button.button-Lara::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Lara.png");
}
.class-button.button-Khali::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Khali.png");
}
.class-button.button-Lynn::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Lynn.png");
}
.class-button.button-TanjiroKamado::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Tanjiro_Kamado.png");
}
.class-button.button-SiaAstelle::before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Sia_Astelle.png");
}
.class-button.button-Len:before {
  background-image: url("https://media.maplestorywiki.net/yetidb/ClassButton_Len.png");
}