Jump to content

📢 Please make sure to read our Style Guide before editing. For questions, suggestions, or technical issues, please contact Noah.

MediaWiki:Infobox.css

From CrabCraft Wiki

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.
.infobox {
	width: 300px;
	float: right;
	margin: 0 0 0.5em 0.5em;
	border: 1px solid #aaa;
	border-collapse: separate;
	border-spacing: 0.5em;
}

.infobox-player {
	background: #fdfce6;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
}

.infobox-player .infobox-title {
	background: #FFD966;
	font-size: 120%;
}

.infobox-player .infobox-section {
	background: #FFF2CC;
}

/* Item infobox */
.infobox-item {
	background: #f9f9f9;
}

.infobox-item .infobox-title {
	background: #B6D7A8;
	font-size: 120%;
}

.infobox-item .infobox-section {
	background: #D9EAD3;
}

.infobox-label {
	width: 50%;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
}

.infobox-data {
	width: 50%;
	text-align: left;
	vertical-align: top;
}

.infobox-image {
	text-align: center;
}