MediaWiki:Gadget-MainPageStyle.css

Revision as of 13:21, August 16, 2023 by Porplemontage (talk | contribs) (1 revision imported)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS styling and responsive support for the main page */

/* Site styles */
.containerContent > ul:first-of-type {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-right: 0.75em !important;
}
.containerContent > .twitter-timeline {
	min-height: 381px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.containerContent > .floatright + p,
.mp-navigation {
	margin-top: 0 !important;
}

/* Responsive fixes */
@media all and (max-width: 719px) {
	#mp-container {
		overflow: visible !important;
	}
	#mp-container > tbody > tr > td,
	.mp-navigation > tbody > tr > td,
	table.communities > tbody > tr > th {
		display: block !important;
		width: auto !important;
		padding: 0 !important;
		border: 0 !important;
	}
	table.communities > tbody > tr > th:not(:last-of-type) {
		margin-bottom: 15px;
	}
	table.communities > tbody > tr:not(:first-of-type) {
		display: none !important;
	}
	body .containerTem .floatleft,
	body .containerTem .floatright {
		margin-top: 0 !important;
	}
	.containerContent input.mw-ui-input {
		width: 70% !important;
	}
	.containerTem {
		width: auto !important;
	}
}