Template:Mxt/User CSS for a monospaced coding font: Difference between revisions

Revision as of 11:52, 5 January 2018

Revision as of 14:07, 5 January 2018

Line 5:

This code will do the following:

* Apply a consistent monospace font of your choice (and the fallback system-default <samp>monospace</samp>, should that font go missing or not have characters you need) to all the classes used by {{tlx|mxt}} and other monospaced templates in the {{tlx|xt}} family, plus all the normally monospaced HTML elements like {{tag|code|o}}, {{tag|pre|o}}, etc.

* Do the same for additional site-wide classes (as identified so far, e.g. <code>.userlinks</code>) that output as monospace.

* Make the two most frequently encountered editing fields also use this font stack: the main editing window and the edit summary line.

* Do the same for all the classes used by {{tlx|mxt}} and other monospaced templates in the {{tlx|xt}} family

* Make the twothree most frequently encountered editing fields also use this font stack: the main editing window and, the edit summary line, and the search entry box.

If you know of an additional class to add here, please update this page or mention it on the talk page.

Line 13 ⟶ 15:

{{syntaxhighlight|lang=css|1=

/* Use my font for code, when available, to save my eyes */

code, pre, samp, kbd, tt, .userlinks, .example-mono, .bad-example-mono, .neutral-example-mono, .deprecated-example-mono { font-family: "Roboto Mono", monospace !important; }

/* Make some of the editable stuff monospaced */

#wpTextbox1, #wpSummary, #searchInput { font-family: "Roboto Mono", monospace !important; }

}}

Line 26 ⟶ 28:

kbd,

tt,

.userlinks,

.example-mono,

.bad-example-mono,

Line 34 ⟶ 37:

/* Make some of the editable stuff monospaced */

#wpTextbox1,

#wpSummary {,

#searchInput {

font-family: "Roboto Mono", monospace !important;

}