/*
A file for css that corrects known rendering issues on known Wikimedia wikis ON TABLETS
Many of them correct hacks in place in common/hacks.less

It will become redundant when the following RFC is resolved:
https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates

FIXME: Review all of these hacks to see if they still apply.
*/

@import 'minerva.variables';
@import 'minerva.mixins';

/* Tablet specific styling */
@media all and ( min-width: @deviceWidthTablet ) {
	// Float infoboxes to the right of the page
	table.infobox {
		margin: 0.5em 0 1em 35px !important;
		// Note this is fixed to ensure that we leave enough space for the sections to the infoboxes left
		max-width: @infoboxWidth;
		// FIXME [Templates]: Inline styles force us to use !important
		width: auto !important;
		float: right !important;
		clear: right !important;

		td {
			width: auto;
		}

	}
	// banners inserted by other extensions, i.e. Zero
	#mw-mf-page-center .mw-mf-banner {
		// !important because Zero has an inline style
		background-clip: content-box !important;
	}
}