Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css

MediaWiki interface page
Revision as of 14:53, 23 August 2025 by Omgro (talk | contribs)

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.
/* CSS placed here will be applied to all skins */
.mw-custom-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  flex-wrap: wrap;
}
.mw-custom-block {
  background: #D9DDE3;
  border-radius: 16px;
  color: #fff;
  display: flex;
  flex-direction: column;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0px;
  padding: 18px 20px;
  box-sizing: border-box;
  min-width: 250px;
}
.mw-custom-block:last-child {
  margin-right: 0;
}
.mw-block-header {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}
.mw-block-img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  margin-right: 16px;
  border-radius: 8px;
}
.mw-block-title {
  font-weight: bold;
  color: #fff;
  font-size: 1.4em;
}
.mw-block-links {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.mw-block-links li a {
  color: #ccc;
  text-decoration: underline;
  font-size: 1em;
}

#ca-viewsource {
  display: none;
}

/* 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;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: baseline;
}

/* Prevent line breaks in parent paragraph */
.mw-parser-output p {
	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;
}