MediaWiki:Common.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
/* ********************************************************
	This file is used to update [[MediaWiki:Common.css]].
	
	These styles will be applied to all skins (desktop and mobile).
   ******************************************************** */

@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;
    
    --admin-blue: #332e75;
    --bearcat-green: #13592e;
    --awb-purple: #933b96;
    
    --rsw-blue: #438ab6;
    --osrsw-brown: #605443;
}

// include fonts first
@import '@{common}/mixins.less';
@import '@{common}/fonts.less';             //Font definitions and font stack definitions
@import '@{common}/variables.less';         //Colours
@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';              //OOJS-UI Customisations
//@import '@{common}/dooglemaps.less';        //Doogle Maps - not here anymore
// moved to [[MediaWiki:Kartographer.less]]
@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]]
@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
@import '@{common}/quotes.less';            //Quotes template(s)

// 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}/discussions.less';       //[[RS:RG]] [[RS:AD]]
//@import '@{common}/oswf.less';              //[[RS:OSWF]] unused
@import '@{common}/rstheme.less';           //[[RS:THEME]]

// Grand Exchange
//@import '@{common}/gecharts.less';          //Riblets favourite thing to review
@import '@{common}/gemw.less';              //Riblets second favourite thing to review

/* ==================================================================
                      END    IMPORTS! :)
   ================================================================= */

/* 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: 0;
	background-color: var(--body-light);
}

.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(--body-light);
	border-color: var(--body-mid);
}

// eg in minerva talk pages and some ancient Special: pages that havent been 
// converted to ooui
.mw-ui-input {
	background-color: var(--ooui-input);
	color: var(--text-color);
	border-color: var(--ooui-input-border);
	&:hover {
		border-color: var(--ooui-input-border--hover);
	}
	
	&::placeholder {
		color: var(--byline-color);
	}
}