MediaWiki:Common.css - Revision history

Tlamprecht: update to CSS from PVE wiki

2025-01-03T13:04:48Z

update to CSS from PVE wiki

← Older revision		Revision as of 13:04, 3 January 2025
Line 14:		Line 14:
	margin-bottom: 0.5em; /* originally not set */		margin-bottom: 0.5em; /* originally not set */
	}		}

	/* avoid that powered-by icons are glued together */		/* avoid that powered-by icons are glued together */
	#footer-icons li a {		#footer-icons li a {
	padding: 0px 5px;		padding: 0px 5px;
	}		}

			/* can be used for a very noticeable warning that is sticky (scrolls along) */
	.warn-box {		.warn-box {
	position: sticky;		position: sticky;
	top: 10px;		top: 10px;
	background-color: white;		background-color: white;
	border: ~~5px~~ solid orange;		border: 3px solid orange;
	font-size: ~~18px~~;		font-size: 1.1em;
	font-weight: bold;		font-weight: bold;
	padding: ~~8px~~ ~~16px~~;		padding: 5px 10px;
	}		}
	.warn-box::before {		.warn-box::before {
	content: '⚠️ ';		content: '⚠️ ';
	}		}
			.sticky-box {
			position:sticky;
			top:5px;
			}
			/* modern vector skin has a sticky bar on top already, so move our box down there */
			.skin-vector-2022 .sticky-box {
			top: 56px;
			}
			/* can be used for a decently noticeable info-notice box that is sticky (scrolls along) */
			.notice-box {
			background-color:white;
			border:2px solid cornflowerblue;
			font-size: 1.1em;
			font-weight: 600;
			padding:3px 5px
			}
			.notice-box::before {
			content: '🛈 ';
			}
			}

			/* make code-tags inside headings stand out less */
			h1 code, h2 code, h3 code, h4 code {
			padding: 1px 2px;
			font-size: 0.9em;
			border: none;
	}		}

Tlamprecht at 10:07, 28 March 2023

2023-03-28T10:07:03Z

← Older revision		Revision as of 10:07, 28 March 2023
Line 32:		Line 32:
	}		}

			/* Style the keyboard shortcut semantic html element */
			kbd {
			background-color: #fbfcfe;
			border-radius: 1px;
			border: 1px solid #b4b4b4;
			color: #333;
			display: inline-block;
			font-size: 0.85em;
			font-weight: 700;
			line-height: 1;
			padding: 2px 4px;
			white-space: nowrap;
			}

	/* allows to wrap some content into somewhat responsive columns */		/* allows to wrap some content into somewhat responsive columns */

Tlamprecht: Created page with "/* CSS placed here will be applied to all skins / @media screen { / Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */ h3 > .mw..."

2023-03-28T09:23:24Z

Created page with "CSS placed here will be applied to all skins: @media screen { Underline (but only text, not full page with hr) for bigger difference between h3 and h4: h3 > .mw..."

New page

/* CSS placed here will be applied to all skins */

@media screen {
/* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */
h3 > .mw-headline {
text-decoration: underline;
text-decoration-thickness: 1px;
}

/* Make section stand out slightly more */
.mw-body-content h2 {
margin-top: 1.25em; /* originally 1em */
font-size: 1.6em; /* originally 1.5em */
margin-bottom: 0.5em; /* originally not set */
}
/* avoid that powered-by icons are glued together */
#footer-icons li a {
padding: 0px 5px;
}
.warn-box {
position: sticky;
top: 10px;
background-color: white;
border: 5px solid orange;
font-size: 18px;
font-weight: bold;
padding: 8px 16px;
}
.warn-box::before {
content: '⚠️ ';
}
}

/* allows to wrap some content into somewhat responsive columns */
/* .responsive-column-count { column-count: 2; } */
.responsive-column-count {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1440px) {
.responsive-column-count {
grid-template-columns: repeat(3, 1fr);
}
}

/* Allow people to optionally wrap lines in source listings */
div.wrapPreLines pre {
white-space: pre-wrap;
}

/* Give a bit of space to the TOC */
#toc {
margin: 1em 2em 0 0.5em;
min-width: 200px;
}

/* Allow easy floating of TOC, left and right, example use:
*
* <div class="toclimit-3 float-right">__TOC__</div>
*/
.float-left {
float: left;
}
.float-right {
float: right;
}

/* Give floating TOCs also a bit of space */
.float-left #toc {
margin: 1em 2em 0 0;
}
.float-right #toc {
margin: 1em 0 0 2em;
}

/*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOC]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}

/*
* Makes bigger tables a bit nicer to read
*/
.wikitable tr:hover {
background-color: #e8e9ea;
}

MediaWiki:Common.css - Revision history

Tlamprecht: update to CSS from PVE wiki

Tlamprecht at 10:07, 28 March 2023

Tlamprecht: Created page with "/* CSS placed here will be applied to all skins */ @media screen { /* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */ h3 > .mw..."

Tlamprecht: Created page with "/* CSS placed here will be applied to all skins / @media screen { / Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */ h3 > .mw..."