MediaWiki:Mobile.less

From the RuneScape Wiki, the wiki for all things RuneScape
Jump to: navigation, search
// <pre>
/* ------------------------------------------------------------------------------------------------------
 * This is the root Less file that is parsed to produce [[MediaWiki:Mobile.css]],
 * which affects users of the mobile skin ([[mw:Extension:MobileFrontend]]).
 *
 * To update MediaWiki:Mobile.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/>
 * ------------------------------------------------------------------------------------------------------ */

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

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

// important stuff
@import '@{dir}/fonts.less';              // needs to be first
@import '@{common}/variables.less';       // colors, shadows, etc.
body.skin-minerva {
	@import '@{common}/links.less';       // link colors
} 

// modifications
@import '@{dir}/interface.less';          // skin/chrome changes
@import '@{common}/dooglemaps.less';      // Doogle Maps

// templates
@import '@{dir}/actionbar.less';          //
@import '@{common}/equipment.less';       //
@import '@{common}/infoboxbonuses.less';  //
@import '@{dir}/infobox.less';            //
@import '@{common}/inventory.less';       //
@import '@{dir}/messagebox.less';         //
@import '@{dir}/navbox.less';             //
@import '@{common}/perk-link.less';       // 
@import '@{dir}/tile.less';               //
@import '@{dir}/wikitables.less';         //
@import '@{dir}/updatelist.less';         //
@import '@{dir}/questdetails.less';		  //
@import '@{dir}/questdetails.less';		  //
@import '@{common}/ironmanreqs.less';       //

// page-specific styles
@import '@{dir}/mainpage.less';           // main page (obviously)
@import '@{dir}/specials.less';           // special pages
@import '@{dir}/diff.less';               // MobileDiff
@import '@{dir}/yewgrove.less';           // Yew Grove
@import '@{dir}/calculators.less';       // [[Calculators]]

// scripts
@import '@{common}/charts.less';       // [[MediaWiki:Gadget-Charts.js]]


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

//Some pages like Special:Notifications has certain content not fully visible
.mw-echo-ui-overlay,
.overlay.visible {
	z-index: 2 !important;
}

//Calculators, make it not zero pixels for fields
.oo-ui-fieldLayout {
    min-width: 350px;
    margin-left: -10px;
}

//Calculators, hide templates dialogue box
.ns-116 .archive {
    display: none !important;
}

//Remove overreaching wikitables border
.content table.wikitable {
	border: none !important;
	box-shadow: none !important;
}

//Remove Alpha from text shadow for head text
.header-container .branding-box h1 {
	text-shadow: @box-shadow-mobile;
}

.update-redirect {
	text-align: center;
	background: #fffbf1;
	border: 1px solid #909090;
	font-weight: 600;
	font-size: 2em;
	line-height: 1em;
	padding: 1em;
	color: #000 !important;

	&.nuke {
		margin-bottom: 25%;
	}
}

// Hatnotes, same as Wikipedia
.hatnote {
	padding: 5px 7px;
	color: #54595d;
	font-size: 0.8em;
	background-color: #f8f9fa;
	margin-bottom: 1px;
	overflow: hidden;	
}

.floornumber-us {
	display: none;
}

.fact-text {
	color: #15f;
	font-style: italic;
	cursor: help;
	border-bottom: dotted 1px black;
}

// </pre>