MediaWiki:Minerva.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
// <pre>
/* ------------------------------------------------------------------------------------------------------
 * This is the root Less file that is parsed to produce [[MediaWiki:Minerva.css]],
 * which affects users of the mobile skin ([[mw:Extension:MobileFrontend]]).
 *
 * To update MediaWiki:Minerva.css from here, click the "Update CSS" button at the top.
 * ------------------------------------------------------------------------------------------------------
 * 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:    <http://lesstester.com/>
 * ------------------------------------------------------------------------------------------------------ */
/* Constants */

// color constants
@BUTTON_BORDER: #0c0a06;
@BUTTON_DARK: #18140c;
@BUTTON_LIGHT: #3a301d;

@BODY_MAIN: #e2dbc8;
@BODY_LIGHT: #d8ccb4;
@BODY_MID: #d0bd97;
@BODY_DARK: #b8a282;
@BODY_BORDER: #94866d;

@SIDEBAR: #cfc08d;
@SEARCH_BOX: #efeee6;

@LINK_COLOR: #936039;
@REDLINK_COLOR: #ba0000;
@TEXT_COLOR: #000;

@ADMIN_BLUE: #332e75;
@BEARCAT_GREEN: #13592e;
@AWB_PURPLE: #933b96;
@JMOD_CROWN: "Jagex_small_logo.png";

/* =============
      IMPORTS
   ============= */

@dir: 'MediaWiki:Minerva.less';
@common: 'MediaWiki:Common.less';

@import '@{common}/mixins.less';
@import '@{dir}/fonts.less';              // font imports and font stack definitions
@import '@{common}/variables.less';       // colors, shadows, etc.
@import '@{dir}/elements.less';           // HTML elements

// modifications
@import '@{dir}/interface.less';          // skin/chrome changes

// templates
@import '@{dir}/templates.less';
@import '@{dir}/infobox.less';
@import '@{dir}/storage.less';
@import '@{dir}/tiles.less';
@import '@{dir}/navbox.less';
@import '@{dir}/questdetails.less';

// page-specific styles
@import '@{dir}/mainpage.less';           // main page (obviously)
@import '@{dir}/specials.less';           // special pages

@import '@{dir}/gecharts.less'; 

/* =============
       OTHER
   ============= */

// self link
a:not([href]) {
	color: var(--text-color);
}

#filetoc li {
	display: inline;
	padding-right: 2em;
}

// Sitenotice stuff
.mw-dismissable-notice-body {
	margin: 0;
	
	.mw-dismissable-notice-close-parent {
		border-radius: 0 !important;
		font-size: .75em;
	}
}

.drawer.references-drawer a {
	color: @LINK_COLOR;
}

.content {
	.thumbcaption {
		color: var(--text-color);
		padding: 4px 6px !important; // competing with default skin's !important
		margin: 0;
	}
	
	// minerva sets a margin: 1em 0 to all tables
	table.messagebox {
		margin: 0.5em auto;
	}
	
	// fix for plink/table images often shrinking into nothingness
	table a > img {
		max-width: inherit !important;
		height: inherit !important;
	}
	
	// the above would make images inside infobox really large
	// if they don't have a specified width/height
	.infobox a > img {
		max-width: 100% !important;
		height: auto !important;
	}
	
	// override above to make infobox-bonuses scrollable
	.infobox-bonuses a > img {
		max-width: inherit !important;
		height: inherit !important;
	}
}