MediaWiki:Minerva.css: Difference between revisions

From Linguifex
Jump to navigation Jump to search
Created page with "All CSS here will be loaded for users of the MinervaNeue skin. This is the skin used by MobileFrontend.: <nowiki>: .tunk, .tneg, .tpos { vertical-align: 20%; font-size: 80%; } .use-with-mention, .ib-content { font-style: italic; } .senseid:target { background: var(--wikt-palette-lightblue, #DEF); } hide redundant second interProject links: .interProject { display: none; clear: both; border-top: 2px dotted var(--border-color-base, #AA..."
 
Replaced content with "All CSS here will be loaded for users of the MinervaNeue skin. This is the skin used by MobileFrontend.: <nowiki>: .tunk, .tneg, .tpos { vertical-align: 20%; font-size: 80%; } .use-with-mention, .ib-content { font-style: italic; } .senseid:target { background: var(--wikt-palette-lightblue); } hide redundant second interProject links: .interProject { display: none; clear: both; border-top: 2px dotted var(--border-color-base, #AAAAAA); margin..."
Tag: Replaced
 
(One intermediate revision by the same user not shown)
Line 3: Line 3:


.tunk, .tneg, .tpos {
.tunk, .tneg, .tpos {
    vertical-align: 20%;
vertical-align: 20%;
    font-size: 80%;
font-size: 80%;
}
}


.use-with-mention, .ib-content {
.use-with-mention, .ib-content {
    font-style: italic;
font-style: italic;
}
}


.senseid:target {
.senseid:target {
    background: var(--wikt-palette-lightblue, #DEF);
background: var(--wikt-palette-lightblue);
}
}


Line 28: Line 28:
.ul-column-count > dl,
.ul-column-count > dl,
.term-list .CategoryTreeChildren {
.term-list .CategoryTreeChildren {
-moz-column-count: 1 !important;
column-count: 1 !important;
    column-count: 1 !important;
}
}


/* Default background color for multi-column lists. */
.columns-bg {
.columns-bg {
/* Default background color for multi-column lists. */
background: var(--wikt-palette-lavender);
background: var(--wikt-palette-lavender, #f8f8ff);
}
}


Line 53: Line 52:
.wikt-hierokludge {
.wikt-hierokludge {
display: inline-block;
display: inline-block;
}
/* Support lists that automatically split into limited-width columns (for translations tables and the like): */
.multicolumn-list > ul {
    -moz-column-width: 25em;
        column-width: 25em;
    -moz-column-gap: 20px;
        column-gap: 20px;
}
.multicolumn-list-wide > ul {
    -moz-column-width: 55em;
        column-width: 55em;
    -moz-column-gap: 20px;
        column-gap: 20px;
}
.multicolumn-list-narrow > ul {
    -moz-column-width: 22em;
        column-width: 22em;
    -moz-column-gap: 20px;
        column-gap: 20px;
}
}


Line 84: Line 63:


/* Don't float sister project boxes and the like. Note, table.floatright is already dealt with by  
/* Don't float sister project boxes and the like. Note, table.floatright is already dealt with by  
  built-in MediaWiki mobile site style overrides, but only when the width is < 720 px,
built-in MediaWiki mobile site style overrides, but only when the width is < 720 px,
  so match that behavior */
so match that behavior */
@media screen and (max-width: 719px) {
@media screen and (max-width: 719px) {
    .content .floatright {
.content .floatright {
        float: none;
float: none;
        margin-left: 0;
margin-left: 0;
        margin-right: 0;
margin-right: 0;
    }
}
}
}


/* stuff visible when previewing an edit only */
/* stuff visible when previewing an edit only */
.previewonly {
display: none;
}


.previewonly { display: none; }
#wikiPreview .previewonly {
 
display: inline;
#wikiPreview .previewonly { display: inline; }
}
 
/* To colour links in inflection tables (currently done with
{{notred}}) black without using #ifexist and allowing for user
override */
.inflection-table a.new { color: inherit; }


/* Shorten margins in nested definitions and discussions on narrow screens */
/* Shorten margins in nested definitions and discussions on narrow screens */
Line 142: Line 119:
}
}


/* [[phab:T316670]] */
.mw-heading * {
.mw-heading * {
word-break: normal;
word-break: normal;
}
}


/* aesthetic tweak */
#content .mw-heading3 {
#content .mw-heading3 {
    margin-top: 0;
margin-top: 0;
}
}


/* aesthetic tweak */
.mw-parser-output ul {
.mw-parser-output ul {
    margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}


Line 161: Line 141:
max-width: fit-content;
max-width: fit-content;
margin-top: 0.6em;
margin-top: 0.6em;
}
/* From [[Module:shortcut box/styles.css]] */
a .redlink {
    color: var(--color-destructive, #d73333);
}
a:visited .redlink {
    color: var(--color-destructive--visited, #a55858);
}
a:visited:hover .redlink {
    color: var(--color-destructive--visited, #a55858);
}
a:hover .redlink {
    color: var(--color-destructive, #d73333);
    text-decoration: underline;
}
a:active .redlink {
    color: inherit;
}
a:visited:active .redlink {
    color: var(--color-destructive--visited, #a55858);
}
}


/* undo https://phabricator.wikimedia.org/T367240, where Wikimedia devs again assumed they know better than everyone else */
/* undo https://phabricator.wikimedia.org/T367240, where Wikimedia devs again assumed they know better than everyone else */
.client-js .mw-parser-output > section > .mw-heading:not(.mf-collapsible-heading) {
.client-js .mw-parser-output > section > .mw-heading:not(.mf-collapsible-heading) {
    padding-left: 0;
padding-left: 0;
    border: none;
border: none;
}
}


/* [[Wiktionary:Beer_parlour#Heading level 4 appearance]]:
/* [[Wiktionary:Beer_parlour/2024/September#Heading_level_4_appearance]]:
* h3 is 120% 1.2em, and h5 is 100%. make h4 110% = 1.1em.
* h3 is 120% 1.2em, and h5 is 100%. make h4 110% = 1.1em.
* increase h3 to 125% to compensate, since otherwise h3 and h4 are too similar.
* increase h3 to 125% to compensate, since otherwise h3 and h4 are too similar.
Line 219: Line 178:
}
}


/*</nowiki>*/
/* </nowiki> */

Latest revision as of 21:49, 6 November 2025

/* All CSS here will be loaded for users of the MinervaNeue skin. This is the skin used by MobileFrontend. */
/* <nowiki> */

.tunk, .tneg, .tpos {
	vertical-align: 20%;
	font-size: 80%;
}

.use-with-mention, .ib-content {
	font-style: italic;
}

.senseid:target {
	background: var(--wikt-palette-lightblue);
}

/* hide redundant second interProject links */
.interProject {
	display: none;
	clear: both;
	border-top: 2px dotted var(--border-color-base, #AAAAAA);
	margin-top: 2em;
}

.term-list,
.ul-column-count > ul,
.ul-column-count > ol,
.ul-column-count > dl,
.term-list .CategoryTreeChildren {
	column-count: 1 !important;
}

/* Default background color for multi-column lists. */
.columns-bg {
	background: var(--wikt-palette-lavender);
}

/* make sure bullets appear inside {{col-top}}, {{top2}} etc */
.columns-bg > ul {
	margin-left: 0.5em;
	margin-bottom: 0;
}

/* allow inline hieroglyphs */
.mw-hiero-outer {
	display: inline-table;
	vertical-align: middle;
	font-size: 10px;
}

/* WikiHiero kludge */
.wikt-hierokludge {
	display: inline-block;
}

/* Horizontal rules */
body.ns-0 #mw-content-text .mw-parser-output > :not(.collapsible-block) + h2:not(:first-of-type),
body.ns-0 #mw-content-text .mw-parser-output > .open-block + h2:not(:first-of-type) {
	border-top: 1px solid var(--border-color-base, #a2a9b1);
	padding-top: calc(8px + 0.5em);
	margin-top: 8px;
}

/* Don't float sister project boxes and the like. Note, table.floatright is already dealt with by 
	built-in MediaWiki mobile site style overrides, but only when the width is < 720 px,
	so match that behavior */
@media screen and (max-width: 719px) {
	.content .floatright {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}

/* stuff visible when previewing an edit only */
.previewonly {
	display: none;
}

#wikiPreview .previewonly {
	display: inline;
}

/* Shorten margins in nested definitions and discussions on narrow screens */
/* Note: use .mw-parser-output.mw-parser-output instead of .mw-parser-output in order to increase specificity */
@media screen and (max-width: 719px) {
	.mw-parser-output.mw-parser-output ol ol {
		margin: 0.2em 0 0 2em;
		padding-left: 0;
	}
	.mw-parser-output.mw-parser-output ol ul, .mw-parser-output.mw-parser-output ol dd {
		margin: 0.2em 0 0 1em;
		padding-left: 0;
	}
	.mw-parser-output.mw-parser-output ol dl {
		margin: 0;
	}

	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd {
		margin-left: 0.8em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd {
		margin-left: 0.6em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd dd dd dd {
		margin-left: 0.4em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) dd dd dd dd dd dd dd dd dd dd {
		margin-left: 0.3em;
	}
	.mw-parser-output.mw-parser-output dl:has([data-mw-comment-start]) {
		margin-left: 0;
	}
}

/* Bold definition numbering */
ol > li::marker {
	font-weight: 500;
}

/* [[phab:T316670]] */
.mw-heading * {
	word-break: normal;
}

/* aesthetic tweak */
#content .mw-heading3 {
	margin-top: 0;
}

/* aesthetic tweak */
.mw-parser-output ul {
	margin-bottom: 0.5em;
}

/* overrides mobile style which sets table width to 100% on narrow screens, resulting in a subtle stripe */
/* also stop floatright elements from touching an element directly above */
.mw-parser-output .floatright {
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
	margin-top: 0.6em;
}

/* undo https://phabricator.wikimedia.org/T367240, where Wikimedia devs again assumed they know better than everyone else */
.client-js .mw-parser-output > section > .mw-heading:not(.mf-collapsible-heading) {
	padding-left: 0;
	border: none;
}

/* [[Wiktionary:Beer_parlour/2024/September#Heading_level_4_appearance]]:
	* h3 is 120% 1.2em, and h5 is 100%. make h4 110% = 1.1em.
	* increase h3 to 125% to compensate, since otherwise h3 and h4 are too similar.
	* make h5 bold, since it is not by default. */
@media screen {
	.mw-heading3, h3 {
		font-size: 1.25em;
	}
	.mw-heading4, h4 {
		font-size: 1.1em;
	}
	.mw-heading5, h5 {
		font-weight: bold;
	}
}

/* larger collapsed size for list switchers to account for larger margins on <li> elements */
.mw-parser-output .list-switcher {
	/* This is a hack so we can use getComputedStyle to find the
	maximum permissible height value of a list-switcher.
	It must be kept in sync with .list-switcher-collapsed `max-height` */
	bottom: calc(3lh + 20px);
}

.mw-parser-output .list-switcher-collapsed {
	/* If changing this value, change .list-switcher `bottom` above */
	max-height: calc(3lh + 20px);
}

/* </nowiki> */