Template:Mxt/User CSS for a monospaced coding font - Revision history

Ookami: 31 revisions imported

2020-09-03T14:13:37Z

31 revisions imported

← Older revision	Revision as of 14:13, 3 September 2020
(No difference)

meta>SMcCandlish: too link

2019-05-03T06:59:33Z

too link

← Older revision		Revision as of 06:59, 3 May 2019
Line 57:		Line 57:
	}}		}}

	You can also do this with {{tag\|font\|o}}, {{tag\|center\|o}}, {{tag\|strike\|o}}, and other [[Wikipedia:~~HTML5~~#Obsolete elements and attributes\|deprecated elements]].<noinclude><!--		You can also do this with {{tag\|font\|o}}, {{tag\|center\|o}}, {{tag\|strike\|o}}, and other [[Wikipedia:HTML 5#Obsolete elements and attributes\|deprecated elements]]. For CSS you can just import for this, see [[meta:User:SMcCandlish/lint.css]].<noinclude><!--

	-->{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.		-->{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.

meta>SMcCandlish: tweak

2019-03-08T12:29:49Z

tweak

← Older revision		Revision as of 12:29, 8 March 2019
Line 1:		Line 1:
	<noinclude>{{Wikipedia how-to}}</noinclude><includeonly><div style="float:right; padding:0 1em;">{{navbar\|Mxt/User CSS for a monospaced coding font\|plain=y}}</div></includeonly>		<noinclude>{{Wikipedia how-to}}</noinclude><includeonly><div style="float:right; padding:0 1em;">{{navbar\|Mxt/User CSS for a monospaced coding font\|plain=y}}</div></includeonly>
	You can consistently use a monospaced font with well-designed characters for coding (e.g., to distinguish clearly between <code>l</code>, <code>1</code>, and <code>I</code>).		You can consistently use a monospaced font with well-designed characters for coding (e.g., to distinguish clearly between <code>l</code>, <code>1</code>, and <code>I</code>, and between <code>O</code> and <code>0</code>).

	Add something like one of the code snippets below into your {{samp\|[[Special:MyPage/common.css]]}} page, replacing {{kbd\|"Roboto Mono"}} with whatever your preferred coding font is ([https://fonts.google.com/specimen/Roboto+Mono Roboto Mono] was picked as a freely-available coding font for this example).		Add something like one of the code snippets below into your {{samp\|[[Special:MyPage/common.css]]}} page, replacing {{kbd\|"Roboto Mono"}} with whatever your preferred coding font is ([https://fonts.google.com/specimen/Roboto+Mono Roboto Mono] was picked as a freely-available coding font for this example).

meta>SMcCandlish: crossref

2018-08-01T14:49:20Z

crossref

← Older revision		Revision as of 14:49, 1 August 2018
Line 57:		Line 57:
	}}		}}

	You can also do this with {{tag\|font\|o}}, {{tag\|center\|o}}, {{tag\|strike\|o}}, and other deprecated elements.<noinclude><!--		You can also do this with {{tag\|font\|o}}, {{tag\|center\|o}}, {{tag\|strike\|o}}, and other [[Wikipedia:HTML5#Obsolete elements and attributes\|deprecated elements]].<noinclude><!--

	-->{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.		-->{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.

meta>SMcCandlish: update

2018-07-27T13:02:58Z

update

← Older revision		Revision as of 13:02, 27 July 2018
Line 3:		Line 3:

	Add something like one of the code snippets below into your {{samp\|[[Special:MyPage/common.css]]}} page, replacing {{kbd\|"Roboto Mono"}} with whatever your preferred coding font is ([https://fonts.google.com/specimen/Roboto+Mono Roboto Mono] was picked as a freely-available coding font for this example).		Add something like one of the code snippets below into your {{samp\|[[Special:MyPage/common.css]]}} page, replacing {{kbd\|"Roboto Mono"}} with whatever your preferred coding font is ([https://fonts.google.com/specimen/Roboto+Mono Roboto Mono] was picked as a freely-available coding font for this example).

			If you don't want to manually add this code to your CSS page but would rather <code>@import</code> (transclude) it, see [[meta:User:SMcCandlish/codefont.css]] for quick instructions.

	This code will do the following:		This code will do the following:

meta>SMcCandlish: linebreak

2018-07-12T03:31:06Z

linebreak

← Older revision		Revision as of 03:31, 12 July 2018
Line 47:		Line 47:

	{{anchor\|Cleanup efforts}}'''Cleanup efforts'''		{{anchor\|Cleanup efforts}}'''Cleanup efforts'''

	If you'd like to help clean up instances of the {{tag\|{{!mxt\|tt}}}} element – which has not been valid HTML since the 1990s, and should usually be replaced with {{tag\|{{mxt\|code}}}} (this may vary by context) – you can add something like the following to your {{samp\|common.css}} to make {{tag\|{{!mxt\|tt}}\|o}} stick out like a sore thumb:		If you'd like to help clean up instances of the {{tag\|{{!mxt\|tt}}}} element – which has not been valid HTML since the 1990s, and should usually be replaced with {{tag\|{{mxt\|code}}}} (this may vary by context) – you can add something like the following to your {{samp\|common.css}} to make {{tag\|{{!mxt\|tt}}\|o}} stick out like a sore thumb:

meta>SMcCandlish: anchor

2018-07-12T03:30:53Z

anchor

← Older revision		Revision as of 03:30, 12 July 2018
Line 46:		Line 46:
	}}		}}

			{{anchor\|Cleanup efforts}}'''Cleanup efforts'''
	If you'd like to help clean up instances of the {{tag\|{{!mxt\|tt}}}} element – which has not been valid HTML since the 1990s, and should usually be replaced with {{tag\|{{mxt\|code}}}} (this may vary by context) – you can add something like the following to your {{samp\|common.css}} to make {{tag\|{{!mxt\|tt}}\|o}} stick out like a sore thumb:		If you'd like to help clean up instances of the {{tag\|{{!mxt\|tt}}}} element – which has not been valid HTML since the 1990s, and should usually be replaced with {{tag\|{{mxt\|code}}}} (this may vary by context) – you can add something like the following to your {{samp\|common.css}} to make {{tag\|{{!mxt\|tt}}\|o}} stick out like a sore thumb:

meta>SMcCandlish: note

2018-07-12T03:30:06Z

note

← Older revision		Revision as of 03:30, 12 July 2018
Line 51:		Line 51:
	/* Flag bad code for cleanup */		/* Flag bad code for cleanup */
	tt { color: DarkRed; background: Pink; }		tt { color: DarkRed; background: Pink; }
	}}<noinclude>		}}
	{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.
			You can also do this with {{tag\|font\|o}}, {{tag\|center\|o}}, {{tag\|strike\|o}}, and other deprecated elements.<noinclude><!--

			-->{{Documentation\|content=This is a documentation snippet page transcluded (without the banner or this doc section) into other template documentation for consistency. It takes no parameters.

	Typical usage:		Typical usage:
Line 63:		Line 66:

	It can also be used as a stand-alone how-to page; a redirect to it, [[Help:User CSS for a monospaced coding font]], is categorized as such. It is also transcluded as a section, at [[Help:User style#User CSS for a monospaced coding font]].		It can also be used as a stand-alone how-to page; a redirect to it, [[Help:User CSS for a monospaced coding font]], is categorized as such. It is also transcluded as a section, at [[Help:User style#User CSS for a monospaced coding font]].

	[[Category:Template documentation]]		[[Category:Template documentation]]
	<!--End documentation.-->}}</noinclude>		<!--End documentation.-->}}</noinclude>

meta>Dcljr: apply last change by SMcCandlish to the "Vertical style" code

2018-01-17T02:22:57Z

apply last change by SMcCandlish to the "Vertical style" code

← Older revision		Revision as of 02:22, 17 January 2018
Line 30:		Line 30:
	tt,		tt,
	.example-mono,		.example-mono,
	~~.bad-example-mono,~~
	~~.neutral-example-mono,~~
	~~.deprecated-example-mono,~~
	.userlinks-username,		.userlinks-username,
	.monospaced,		.monospaced,

meta>SMcCandlish: trim out old classes

2018-01-13T13:34:52Z

trim out old classes

← Older revision		Revision as of 13:34, 13 January 2018
Line 6:		Line 6:
	This code will do the following:		This code will do the following:
	* Apply a consistent monospace font of your choice (and the fallback system-default {{samp\|monospace}}, should that font go missing or not have characters you need) to all the normally monospaced HTML elements like {{tag\|code\|o}}, {{tag\|pre\|o}}, etc.		* Apply a consistent monospace font of your choice (and the fallback system-default {{samp\|monospace}}, should that font go missing or not have characters you need) to all the normally monospaced HTML elements like {{tag\|code\|o}}, {{tag\|pre\|o}}, etc.
	* Do the same for ~~all~~ the classes used by {{tlx\|mxt}} and other monospaced templates in the {{tlx\|xt}} family		* Do the same for the classes used by {{tlx\|mxt}} and other monospaced templates in the {{tlx\|xt}} family
	* Do the same for additional site-wide classes (as identified so far, e.g. <code>.monospaced</code>) that output as monospace.		* Do the same for additional site-wide classes (as identified so far, e.g. <code>.monospaced</code>) that output as monospace.
	* Make the three most frequently encountered editing fields also use this font stack: the main editing window, the edit summary line, and the search entry box.		* Make the three most frequently encountered editing fields also use this font stack: the main editing window, the edit summary line, and the search entry box.
Line 16:		Line 16:
	{{syntaxhighlight\|lang=css\|1=		{{syntaxhighlight\|lang=css\|1=
	/* Use my font, when available, for code */		/* Use my font, when available, for code */
	code, pre, samp, kbd, tt, .~~example-mono, .bad-example-mono, .neutral-example-mono, .deprecated-~~example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { font-family: "Roboto Mono", monospace !important; }		code, pre, samp, kbd, tt, .example-mono, .userlinks-username, .monospaced, .keyboard-key, .button, .plaincode { font-family: "Roboto Mono", monospace !important; }
	/* Make some of the editable stuff monospaced */		/* Make some of the editable stuff monospaced */
	#wpTextbox1, #wpSummary, #searchInput, #searchText { font-family: "Roboto Mono", monospace !important; }		#wpTextbox1, #wpSummary, #searchInput, #searchText { font-family: "Roboto Mono", monospace !important; }