MediaWiki:Common.less: Difference between revisions

From RuneRealm Wiki
Jump to navigation Jump to search
Content added Content deleted
(Created page with "/* ============================================================================= * 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:...")
 
No edit summary
Line 1: Line 1:
/* ============================================================================= * 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: #e2dbc8; --body-light: #d8ccb4; --body-mid: #d0bd97; --body-dark: #b8a282; --body-border: #94866d; --body-background-color: #c0a886; --button-background: #605443; --button-color: @white; --button-border: #3c352a; --button-dark: #18140c; --button-light: #3a301d; --sidebar: #cfc08d; --background-text-color: #444; --background-link-color: #52351e; --search-box: #efeee6; --link-color: #936039; --redlink-color: #ba0000; --text-color: @black; --byline-color: @tundora; --subtle-color: @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-mid); // 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@import '@{common}/highlight.less'; // Usergroup highlighting// Interface@import '@{common}/interface.less'; // MW common elements@import '@{common}/wikitables.less'; // .wikitable class and etc//@import '@{common}/cookies.less'; // Do you accept these cookies?@import '@{common}/charts.less'; // ChartJS hide config@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}/pagepreviews.less'; // Page preview popups@import '@{common}/smw.less'; // Semantic MediaWiki@import '@{common}/tabber.less'; // <tabber>@import '@{common}/tooltips.less';@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// 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}/fairycode.less'; // [[Template:Fairycode]]@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}/editnotice.less'; // [[Template:Editnotice]]@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@import '@{common}/tiles.less'; // Main page tiles@import '@{common}/mainpage.less'; // OSRS Wiki home page@import '@{common}/prefs.less'; // Wiki preferences theming @import '@{common}/specials.less'; // Special pages@import '@{common}/sitenotice.less'; // [[MediaWiki:Sitenotice]]@import '@{common}/mmg.less'; // [[Money making guides]]//@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 =====// hide certain links in sidebar tools#t-print,#t-permalink { display: none;}// calculator script config.jcConfig { display: none;}#filetoc { border-radius: @border-radius; background: @BODY_MID; border-color: transparent; margin: 0.5em auto; text-align: center; box-shadow: @box-shadow;}// Galleriesli.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);}// "updated since your last visit" notice when checking watchlisted page hist.updatedmarker { background-color: @caper; // static colour instead of inheriting, prob dont want to change across themes color: darken( @san-felix, 10% )}// .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); }}// Temporary global feature flag for leagues.leagues-global-flag { display: none;}
/* =============================================================================
* 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: #e2dbc8;
--body-light: #d8ccb4;
--body-mid: #d0bd97;
--body-dark: #b8a282;
--body-border: #94866d;
--body-background-color: #c0a886;

--button-background: #605443;
--button-color: @white;
--button-border: #3c352a;
--button-dark: #18140c;
--button-light: #3a301d;

--sidebar: #cfc08d;

--background-text-color: #444;
--background-link-color: #52351e;

--search-box: #efeee6;

--link-color: #936039;
--redlink-color: #ba0000;
--text-color: @black;
--byline-color: @tundora;
--subtle-color: @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-mid);

// 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
@import '@{common}/highlight.less'; // Usergroup highlighting

// Interface
@import '@{common}/interface.less'; // MW common elements
@import '@{common}/wikitables.less'; // .wikitable class and etc
//@import '@{common}/cookies.less'; // Do you accept these cookies?
@import '@{common}/charts.less'; // ChartJS hide config
@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}/pagepreviews.less'; // Page preview popups
@import '@{common}/smw.less'; // Semantic MediaWiki
@import '@{common}/tabber.less'; // <tabber>
@import '@{common}/tooltips.less';
@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

// 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}/fairycode.less'; // [[Template:Fairycode]]
@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}/editnotice.less'; // [[Template:Editnotice]]
@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 mw.pages

// Page specific
@import '@{common}/tiles.less'; // Main page tiles
@import '@{common}/mainpage.less'; // OSRS Wiki home page
@import '@{common}/prefs.less'; // Wiki preferences theming
@import '@{common}/specials.less'; // Special mw.pages
@import '@{common}/sitenotice.less'; // [[MediaWiki:Sitenotice]]
@import '@{common}/mmg.less'; // [[Money making guides]]
//@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 mw.pages

// ===== Miscellaneous =====
// hide certain links in sidebar tools
#t-print,
#t-permalink {
display: none;
}

// calculator script config
.jcConfig {
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 mw.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);
}

// "updated since your last visit" notice when checking watchlisted page hist
.updatedmarker {
background-color: @caper;
// static colour instead of inheriting, prob dont want to change across themes
color: darken( @san-felix, 10% )
}

// .json mw.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);
}
}

// Temporary global feature flag for leagues
.leagues-global-flag {
display: none;
}

Revision as of 17:12, 17 October 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: #e2dbc8; --body-light: #d8ccb4; --body-mid: #d0bd97; --body-dark: #b8a282; --body-border: #94866d; --body-background-color: #c0a886; --button-background: #605443; --button-color: @white; --button-border: #3c352a; --button-dark: #18140c; --button-light: #3a301d; --sidebar: #cfc08d; --background-text-color: #444; --background-link-color: #52351e; --search-box: #efeee6; --link-color: #936039; --redlink-color: #ba0000; --text-color: @black; --byline-color: @tundora; --subtle-color: @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-mid); // 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@import '@{common}/highlight.less'; // Usergroup highlighting// Interface@import '@{common}/interface.less'; // MW common elements@import '@{common}/wikitables.less'; // .wikitable class and etc//@import '@{common}/cookies.less'; // Do you accept these cookies?@import '@{common}/charts.less'; // ChartJS hide config@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}/pagepreviews.less'; // Page preview popups@import '@{common}/smw.less'; // Semantic MediaWiki@import '@{common}/tabber.less'; // <tabber>@import '@{common}/tooltips.less';@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// 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}/fairycode.less'; // Template:Fairycode@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}/editnotice.less'; // Template:Editnotice@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@import '@{common}/tiles.less'; // Main page tiles@import '@{common}/mainpage.less'; // OSRS Wiki home page@import '@{common}/prefs.less'; // Wiki preferences theming @import '@{common}/specials.less'; // Special pages@import '@{common}/sitenotice.less'; // MediaWiki:Sitenotice@import '@{common}/mmg.less'; // Money making guides//@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 =====// hide certain links in sidebar tools#t-print,#t-permalink { display: none;}// calculator script config.jcConfig { display: none;}#filetoc { border-radius: @border-radius; background: @BODY_MID; border-color: transparent; margin: 0.5em auto; text-align: center; box-shadow: @box-shadow;}// Galleriesli.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);}// "updated since your last visit" notice when checking watchlisted page hist.updatedmarker { background-color: @caper; // static colour instead of inheriting, prob dont want to change across themes color: darken( @san-felix, 10% )}// .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); }}// Temporary global feature flag for leagues.leagues-global-flag { display: none;}