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

/* Pixelmon spawn-chance calculator gadget styling. */
#spawn-calculator { margin: 0.5em 0 1em; }
.scalc-intro { font-size: 0.95em; color: #54595d; margin: 0 0 0.5em; }

.scalc-form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6em 1.1em;
	align-items: flex-end;
	padding: 0.75em 1em;
	background: #f8f9fa;
	border: 1px solid #c8ccd1;
	border-radius: 4px;
}
.scalc-field { display: flex; flex-direction: column; gap: 0.2em; }
.scalc-label { font-weight: bold; font-size: 0.85em; }
.scalc-input, .scalc-num {
	padding: 0.25em 0.4em;
	border: 1px solid #a2a9b1;
	border-radius: 2px;
}
.scalc-num { width: 5em; }
.scalc-btn {
	padding: 0.35em 0.9em;
	border: 1px solid #36c;
	border-radius: 2px;
	background: #36c;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
}
.scalc-btn:hover { background: #2a4b8d; border-color: #2a4b8d; }

.scalc-results { margin-top: 0.8em; }
.scalc-big { margin: 0.2em 0; }
.scalc-pct { font-size: 1.8em; font-weight: bold; color: #14866d; font-variant-numeric: tabular-nums; }
.scalc-pctlabel { font-size: 0.95em; color: #54595d; }
.scalc-detail { margin: 0.3em 0; }
.scalc-note { margin: 0.3em 0; color: #54595d; font-style: italic; }
.scalc-best { margin: 0.2em 0 0.4em; font-weight: bold; color: #14866d; }