MediaWiki:Mobile.css - Revision history

Elie at 13:06, 13 June 2026

2026-06-13T13:06:04Z

← Older revision		Revision as of 09:06, 13 June 2026
Line 21:		Line 21:
	.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}		.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}
	.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}		.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
	.calc a {text-decoration-style:dotted; text-underline-offset:3px; text-decoration-skip-ink:none}		.calc>a {text-decoration-style:dotted; text-underline-offset:3px; text-decoration-skip-ink:none}
	.calc a:hover{text-decoration-style:solid}		.calc>a:hover{text-decoration-style:solid}
	.ecalc{display:none}		.ecalc{display:none}
	.forMore{color:#090; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-style:dotted}		.forMore{color:#090; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-style:dotted}

Elie at 14:56, 12 June 2026

2026-06-12T14:56:05Z

← Older revision		Revision as of 10:56, 12 June 2026
Line 21:		Line 21:
	.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}		.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}
	.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}		.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
	.calc a {text-decoration-style:dotted; text-underline-offset:3px}		.calc a {text-decoration-style:dotted; text-underline-offset:3px; text-decoration-skip-ink:none}
	.calc a:hover{text-decoration-style:solid}		.calc a:hover{text-decoration-style:solid}
	.ecalc{display:none}		.ecalc{display:none}

Elie at 19:24, 9 June 2026

2026-06-09T19:24:33Z

← Older revision		Revision as of 15:24, 9 June 2026
Line 6:		Line 6:
	a.selflink{text-decoration:none}		a.selflink{text-decoration:none}
	a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */		a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */
	.mw-parser-output li {line-height:1.~~25em~~; margin-bottom:0.~~75em~~} /* spacing for bullet points */		.mw-parser-output li,
			.mw-parser-output li:last-child{line-height:1.4em; margin-bottom:0.6em}/spacing for bullet points/
	.wikitable ul { margin:0 0 0 0.7em } /* less spacing for bullet points in tables */		.wikitable ul { margin:0 0 0 0.7em } /* less spacing for bullet points in tables */
	.wikitable li { margin:0 }		.wikitable li { margin:0 }
Line 48:		Line 49:
	.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */		.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */

	.mw-parser-output dl:~~has(dt)~~{margin-left:0} /* ~~idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it~~ ruins my content~~, so get rid of~~ that */		.mw-parser-output dl {margin-left:0}
			.mw-parser-output dd {margin-left:1em} /* some skins do some bullshit that ruins my content's indenting. Undo that shit */

Elie at 11:58, 9 June 2026

2026-06-09T11:58:37Z

← Older revision		Revision as of 07:58, 9 June 2026
Line 2:		Line 2:

	/==General styling==/		/==General styling==/
	.mw-parser-output a~~:not(.mw-selflink)~~ {text-decoration:underline; text-underline-offset:2px}		.mw-parser-output a {text-decoration:underline; text-underline-offset:2px}/underline links/
	.mw-parser-output a~~:not(.mw-selflink)~~:hover{text-decoration-thickness:2px;text-decoration-skip-ink:none} ~~/* underline for page links */~~		.mw-parser-output a:hover{text-decoration-thickness:2px;text-decoration-skip-ink:none}
			a.selflink{text-decoration:none}
	a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */		a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */
	.mw-parser-output li {line-height:1.25em; margin-bottom:0.75em} /* spacing for bullet points */		.mw-parser-output li {line-height:1.25em; margin-bottom:0.75em} /* spacing for bullet points */
Line 19:		Line 20:
	.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}		.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}
	.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}		.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
	.calc a {text-decoration-style:dotted~~; text-decoration:underline~~; text-underline-offset:3px}		.calc a {text-decoration-style:dotted; text-underline-offset:3px}
	.calc a:hover{text-decoration-style:solid}		.calc a:hover{text-decoration-style:solid}
	.ecalc{display:none}		.ecalc{display:none}

Elie: [NEW MOON 2026 REFACTOR] Same as Common.css

2026-06-07T10:52:47Z

[NEW MOON 2026 REFACTOR] Same as Common.css

← Older revision		Revision as of 06:52, 7 June 2026
Line 1:		Line 1:
	/* All CSS here will be loaded for users of the mobile site */		/* All CSS here will be loaded for users of the mobile site */

			/==General styling==/
			.mw-parser-output a:not(.mw-selflink) {text-decoration:underline; text-underline-offset:2px}
			.mw-parser-output a:not(.mw-selflink):hover{text-decoration-thickness:2px;text-decoration-skip-ink:none} /* underline for page links */
			a.new{color:#B55} /* faded red for red links, we don't want too much visual attention on them */
			.mw-parser-output li {line-height:1.25em; margin-bottom:0.75em} /* spacing for bullet points */
			.wikitable ul { margin:0 0 0 0.7em } /* less spacing for bullet points in tables */
			.wikitable li { margin:0 }

	/==Expandables and calculations==/		/==Expandables and calculations==/
Line 12:		Line 19:
	.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}		.dp3{font-family:serif; color:#333; font-weight:normal; font-size:84%; padding:0.8em 0 0 0.4em}
	.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}		.calc{font-family:monospace,sans-serif; background:#CFC; border-bottom:1px solid #CCC}
	.calc a{text-decoration:~~none~~}		.calc a {text-decoration-style:dotted; text-decoration:underline; text-underline-offset:3px}
	.calc a:hover{text-decoration:~~underline~~}		.calc a:hover{text-decoration-style:solid}
	.ecalc{display:none}		.ecalc{display:none}
	.forMore{color:#090; cursor:pointer; text-decoration:~~none~~; ~~border~~:~~1px solid #EEE~~}		.forMore{color:#090; cursor:pointer; text-decoration:underline; text-underline-offset:3px; text-decoration-style:dotted}
	.forMore:hover{text-decoration:~~underline~~}		.forMore:hover{text-decoration-style:solid}

	/==File graph==/		/==File graph==/
Line 32:		Line 39:
	.altOuter {color:#8F8; cursor:pointer; display:none}		.altOuter {color:#8F8; cursor:pointer; display:none}
	.altInner {color:#080; border:1px solid #EEE}		.altInner {color:#080; border:1px solid #EEE}


	/==MediaWiki workarounds==/		/==MediaWiki workarounds==/

	.fullWidth img { width:100%; height:auto } /* fitting an image to full page width (i dont know why tf this isn't already a built-in option in mediawiki tbh): */		.fullWidth img { width:100%; height:auto } /* fitting an image to full page width on desktop mode (i dont know why tf this isn't already a built-in option in mediawiki tbh): */

	~~.mw-body .content li { line-height:1.2em; margin:0.8em 0 } /* spacing of bullet points */~~
	~~.wikitable ul { margin:0 0 0 0.7em }~~
	~~.wikitable li { margin:0 }~~

	.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */		.no-bold-th th { font-weight:normal } /* sometimes you don't want table headers to be bolded, because some other cells need the emphasis instead */

	a.~~new{color:#B55} /* draw less attention to red links, visually */~~		.mw-parser-output dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */

	dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */

Elie at 07:18, 28 April 2026

2026-04-28T07:18:32Z

← Older revision		Revision as of 03:18, 28 April 2026
Line 37:		Line 37:
	.fullWidth img { width:100%; height:auto } /* fitting an image to full page width (i dont know why tf this isn't already a built-in option in mediawiki tbh): */		.fullWidth img { width:100%; height:auto } /* fitting an image to full page width (i dont know why tf this isn't already a built-in option in mediawiki tbh): */

	li { line-height:1.2em; margin:0.8em 0 } /* spacing of bullet points */		.mw-body .content li { line-height:1.2em; margin:0.8em 0 } /* spacing of bullet points */
	.wikitable ul { margin:0 0 0 0.7em }		.wikitable ul { margin:0 0 0 0.7em }
	.wikitable li { margin:0 }		.wikitable li { margin:0 }

Elie at 06:39, 28 April 2026

2026-04-28T06:39:46Z

← Older revision		Revision as of 02:39, 28 April 2026
Line 45:		Line 45:
	a.new{color:#B55} /* draw less attention to red links, visually */		a.new{color:#B55} /* draw less attention to red links, visually */

	dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that ~~shit */~~		dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that */
	~~li {margin-top: 0} /* get rid of weird spacing when it interacts with lists~~ */

Elie at 00:37, 28 April 2026

2026-04-28T00:37:48Z

← Older revision		Revision as of 20:37, 27 April 2026
Line 45:		Line 45:
	a.new{color:#B55} /* draw less attention to red links, visually */		a.new{color:#B55} /* draw less attention to red links, visually */

	dl:has(dt){margin-left:0} /* idk why mobile ~~gives the~~ ";~~bold~~" wikitext ~~an indent~~, but it ruins my content, so get rid of that shit */		dl:has(dt){margin-left:0} /* idk why mobile mode adds an indent to any ";Bold" kinda wikitext, but it ruins my content, so get rid of that shit */
			li {margin-top: 0} /* get rid of weird spacing when it interacts with lists */

Elie at 00:21, 28 April 2026

2026-04-28T00:21:09Z

← Older revision		Revision as of 20:21, 27 April 2026
Line 45:		Line 45:
	a.new{color:#B55} /* draw less attention to red links, visually */		a.new{color:#B55} /* draw less attention to red links, visually */

	dl dt{margin-left:0} /* idk why mobile gives the ";bold" wikitext an indent, but it ruins my content, so get rid of that shit */		dl:has(dt){margin-left:0} /* idk why mobile gives the ";bold" wikitext an indent, but it ruins my content, so get rid of that shit */

Elie at 00:17, 28 April 2026

2026-04-28T00:17:28Z

← Older revision		Revision as of 20:17, 27 April 2026
Line 44:		Line 44:

	a.new{color:#B55} /* draw less attention to red links, visually */		a.new{color:#B55} /* draw less attention to red links, visually */

			dl dt{margin-left:0} /* idk why mobile gives the ";bold" wikitext an indent, but it ruins my content, so get rid of that shit */