MediaWiki:Citizen.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.

/* All CSS here will be loaded for users of the Citizen skin */

/* PreToClip*/
.pretoclip-copy-button {
	position: absolute;
	top: 0;
	right: 0;
	display: none;
	height: 100%; /* Match <pre> height */
	transform: scale(0.8);
	transform-origin: top right;
	z-index: 10;
	cursor: pointer;
}

pre {
	display: inline !important;
	white-space: nowrap !important;
	padding: 4px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: baseline;
}

/* Prevent line breaks in parent paragraph */
.mw-parser-output pre {
	display: inline;
}

/* Ensure <pre> inside <p> stays inline */
p > pre {
	display: inline !important;
}

pre:hover .pretoclip-copy-button,
pre:active .pretoclip-copy-button,
pre:focus .pretoclip-copy-button {
	display: inline-block;
}