MediaWiki:Common.less: Difference between revisions
(Jayden changed the content model of the page MediaWiki:Common.less from "wikitext" to "less") Tag: content model change |
No edit summary |
||
(32 intermediate revisions by 4 users not shown) | |||
Line 14: | Line 14: | ||
@common: 'MediaWiki:Common.less'; |
@common: 'MediaWiki:Common.less'; |
||
:root { |
:root { |
||
--body-main: # |
--body-main: #fdfcfc; |
||
--body-light: #e7e5e4; |
|||
--body-mid: #ad9e9a; |
|||
--body-dark: #6d5b54; |
|||
--body-darker: #47403d; |
|||
--body-border: #bdb2ae; |
|||
⚫ | |||
--button-background: #605443; |
--button-background: #605443; |
||
Line 29: | Line 30: | ||
--sidebar: #cfc08d; |
--sidebar: #cfc08d; |
||
--background-text-color: # |
--background-text-color: #e2dbc8; |
||
--background-link-color: # |
--background-link-color: #e2bd8a; |
||
--search-box: #efeee6; |
--search-box: #efeee6; |
||
--link-color: # |
--link-color: #8b694f; |
||
-- |
--table-header-link: #c7b8b3; |
||
-- |
--redlink-color: #cd4343; /* #ba0000 old */ |
||
-- |
--text-color: #2F2828; /* @mine-shaft */ |
||
-- |
--byline-color: @silver; |
||
--subtle-color: #afa19a; /* old: @boulder; */ |
|||
--admin-blue: #332e75; |
--admin-blue: #332e75; |
||
Line 49: | Line 51: | ||
// used for gallery & thumbs |
// used for gallery & thumbs |
||
--thumb-bg: var(--body-light); |
--thumb-bg: var(--body-light); |
||
--thumb-caption-bg: var(--body- |
--thumb-caption-bg: var(--body-dark); |
||
// for sourceeditor - CodeMirror and WikiEditor's that are only available on |
// for sourceeditor - CodeMirror and WikiEditor's that are only available on |
||
Line 67: | Line 69: | ||
@import '@{common}/elements.less'; // HTML elements |
@import '@{common}/elements.less'; // HTML elements |
||
@import '@{common}/links.less'; // Link colours |
@import '@{common}/links.less'; // Link colours |
||
@import '@{common}/highlight.less'; // Usergroup highlighting |
|||
// Interface |
// Interface |
||
@import '@{common}/interface.less'; // MW common elements |
@import '@{common}/interface.less'; // MW common elements |
||
@import '@{common}/wikitables.less'; // .wikitable class and etc |
@import '@{common}/wikitables.less'; // .wikitable class and etc |
||
@import '@{common}/files.less'; // Files, galleries |
|||
@import '@{common}/charts.less'; // ChartJS hide config |
|||
@import '@{common}/diff.less'; // Revision differences |
@import '@{common}/diff.less'; // Revision differences |
||
//@import '@{common}/itemcompare.less'; // Item compare css |
|||
//@import '@{common}/announcement.less'; // Mainpage annnouncement pill (unused rn) |
|||
@import '@{common}/notifications.less'; |
@import '@{common}/notifications.less'; |
||
@import '@{common}/pagepreviews.less'; // Page preview popups |
@import '@{common}/pagepreviews.less'; // Page preview popups |
||
@import '@{common}/smw.less'; // Semantic MediaWiki |
@import '@{common}/smw.less'; // Semantic MediaWiki |
||
@import '@{common}/tabber.less'; // <tabber> |
@import '@{common}/tabber.less'; // <tabber> |
||
@import '@{common}/tooltips.less'; |
|||
@import '@{common}/ooui.less'; // OOUI Customisations |
@import '@{common}/ooui.less'; // OOUI Customisations |
||
// Kartographer customisations - previously at /dooglemaps.less, currently being |
|||
// imported here as as of 2022/8/22 it gets loaded before default styles instead |
|||
@import 'MediaWiki:Kartographer.less'; // currently broken on its css page |
|||
@import '@{common}/visualeditor.less'; // VisualEditor |
@import '@{common}/visualeditor.less'; // VisualEditor |
||
// Templates |
// Templates |
||
@import '@{common}/templates.less'; // Various templates |
@import '@{common}/templates.less'; // Various templates |
||
@import '@{common}/infobox.less'; // Infobox vars |
|||
@import '@{common}/coins.less'; // [[Template:Coins]] |
|||
@import '@{common}/documentation.less'; // [[Template:Documentation]] |
@import '@{common}/documentation.less'; // [[Template:Documentation]] |
||
@import '@{common}/ |
@import '@{common}/infobox.less'; // Infobox vars |
||
@import '@{common}/floornumber.less'; // [[Template:FloorNumber]] |
|||
@import '@{common}/listen.less'; // [[Template:Listen]] |
|||
@import '@{common}/plink.less'; // [[Template:Plink]] |
|||
//@import '@{common}/pohroom.less'; // [[Template:POH Room]] - converted to TemplateStyles |
|||
@import '@{common}/questdetails.less'; // [[Template:Quest details]] |
|||
@import '@{common}/references.less'; // <references> |
@import '@{common}/references.less'; // <references> |
||
@import '@{common}/ |
@import '@{common}/messagebox.less'; // Messagebox templates |
||
@import '@{common}/messagebox.less'; // Messagebox templates |
|||
@import '@{common}/poll.less'; // Ajax poll styles |
|||
//@import '@{common}/skilltraining.less'; // Skilltraining class |
|||
@import '@{common}/storage.less'; // Storage templates; [[Template:Inventory]], [[Template:Equipment]], and related templates |
|||
@import '@{common}/transcripts.less'; // Transcript pages |
|||
// Page specific |
// Page specific |
||
@import '@{common}/tiles.less'; // Main page tiles |
@import '@{common}/tiles.less'; // Main page tiles |
||
@import '@{common}/mainpage.less'; // |
@import '@{common}/mainpage.less'; // Main page |
||
@import '@{common}/prefs.less'; // Wiki preferences theming |
@import '@{common}/prefs.less'; // Wiki preferences theming |
||
@import '@{common}/specials.less'; // Special pages |
@import '@{common}/specials.less'; // Special pages |
||
@import '@{common}/ |
@import '@{common}/bstheme.less'; // [[BS:THEME]] |
||
@import '@{common}/mmg.less'; // [[Money making guides]] |
|||
@import '@{common}/discussions.less'; // [[RS:RG]] [[RS:AD]] |
|||
//@import '@{common}/oswf.less'; // [[RS:OSWF]] - unused |
|||
//@import '@{common}/rstheme.less'; // [[RS:THEME]] - converted to TemplateStyles |
|||
@import '@{common}/gemw.less'; // GE charts and Exchange ns pages |
|||
// ===== Miscellaneous ===== |
// ===== Miscellaneous ===== |
||
Line 123: | Line 100: | ||
#t-print, |
#t-print, |
||
#t-permalink { |
#t-permalink { |
||
display: none; |
|||
} |
|||
// calculator script config |
|||
.jcConfig { |
|||
display: none; |
display: none; |
||
} |
} |
||
Line 162: | Line 134: | ||
background-color: var(--sourceeditor-background-secondary); |
background-color: var(--sourceeditor-background-secondary); |
||
border-color: var(--sourceeditor-border); |
border-color: var(--sourceeditor-border); |
||
} |
|||
// "updated since your last visit" notice when checking watchlisted page hist |
|||
.updatedmarker { |
|||
⚫ | |||
// static colour instead of inheriting, prob dont want to change across themes |
|||
color: darken( @san-felix, 10% ) |
|||
} |
} |
||
Latest revision as of 21:07, 20 May 2024
/* =============================================================================
* This is the root Less file that is parsed to produce [[MediaWiki:Common.css]].
*
* These styles will be applied to all skins (desktop and mobile).
* -----------------------------------------------------------------------------
* Less documentation: <http://lesscss.org/features/>
* Gadget: <https://meta.weirdgloop.org/w/MediaWiki:Gadget-Less.js>
* Core Less JS: <https://meta.weirdgloop.org/w/MediaWiki:Gadget-Less-core.js>
* Non-standard mixins: <https://meta.weirdgloop.org/w/MediaWiki:Gadget-LessMixins.less>
* Online Less tester: <https://lesscss.org/less-preview/>
* ============================================================================= */
// ===== CSS Variables =====
@common: 'MediaWiki:Common.less';
:root {
--body-main: #fdfcfc;
--body-light: #e7e5e4;
--body-mid: #ad9e9a;
--body-dark: #6d5b54;
--body-darker: #47403d;
--body-border: #bdb2ae;
--body-background-color: #173a4d;
--button-background: #605443;
--button-color: @white;
--button-border: #3c352a;
--button-dark: #18140c;
--button-light: #3a301d;
--sidebar: #cfc08d;
--background-text-color: #e2dbc8;
--background-link-color: #e2bd8a;
--search-box: #efeee6;
--link-color: #8b694f;
--table-header-link: #c7b8b3;
--redlink-color: #cd4343; /* #ba0000 old */
--text-color: #2F2828; /* @mine-shaft */
--byline-color: @silver;
--subtle-color: #afa19a; /* old: @boulder; */
--admin-blue: #332e75;
--bearcat-green: #13592e;
--awb-purple: #933b96;
--rsw-blue: #438ab6;
--osrsw-brown: #605443;
// used for gallery & thumbs
--thumb-bg: var(--body-light);
--thumb-caption-bg: var(--body-dark);
// for sourceeditor - CodeMirror and WikiEditor's that are only available on
// desktop are also here to not fragment the vars across many files
--sourceeditor-input-background: @white;
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--body-light); // used on .editOptions
--sourceeditor-border: var(--body-mid);
--codemirror-gutter-background: var(--body-mid);
}
// ===== Imports =====
// include fonts first
@import '@{common}/mixins.less';
@import '@{common}/fonts.less'; // Font definitions and font stack definitions
@import '@{common}/variables.less'; // Less variables
@import '@{common}/elements.less'; // HTML elements
@import '@{common}/links.less'; // Link colours
// Interface
@import '@{common}/interface.less'; // MW common elements
@import '@{common}/wikitables.less'; // .wikitable class and etc
@import '@{common}/files.less'; // Files, galleries
@import '@{common}/diff.less'; // Revision differences
@import '@{common}/notifications.less';
@import '@{common}/pagepreviews.less'; // Page preview popups
@import '@{common}/smw.less'; // Semantic MediaWiki
@import '@{common}/tabber.less'; // <tabber>
@import '@{common}/ooui.less'; // OOUI Customisations
@import '@{common}/visualeditor.less'; // VisualEditor
// Templates
@import '@{common}/templates.less'; // Various templates
@import '@{common}/documentation.less'; // [[Template:Documentation]]
@import '@{common}/infobox.less'; // Infobox vars
@import '@{common}/references.less'; // <references>
@import '@{common}/messagebox.less'; // Messagebox templates
// Page specific
@import '@{common}/tiles.less'; // Main page tiles
@import '@{common}/mainpage.less'; // Main page
@import '@{common}/prefs.less'; // Wiki preferences theming
@import '@{common}/specials.less'; // Special pages
@import '@{common}/bstheme.less'; // [[BS:THEME]]
// ===== Miscellaneous =====
// hide certain links in sidebar tools
#t-print,
#t-permalink {
display: none;
}
#filetoc {
border-radius: @border-radius;
background: @BODY_MID;
border-color: transparent;
margin: 0.5em auto;
text-align: center;
box-shadow: @box-shadow;
}
// Galleries
li.gallerybox div.thumb {
border: none;
background-color: var(--thumb-bg);
}
.smwfact {
display: none;
}
// applies to mobile talk pages, and smw??
.list-header {
background-color: var(--body-mid);
color: inherit;
}
// Source editor w/o syntaxhighlight; also applies to mobile in case JS is
// turned off
.editOptions {
color: var(--text-color);
background-color: var(--sourceeditor-background-secondary);
border-color: var(--sourceeditor-border);
}
// .json pages
.mw-json {
th,
td {
border-color: var(--wikitable-border);
}
// instead of selecting `tr`, do this to avoid dealing with mw-json-* classes
td {
background: var(--wikitable-bg);
}
th {
background: var(--wikitable-header-bg);
}
}