MediaWiki:Refreshed.css

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.

/************ The styles on this page are theme-independent (apply even to the default theme). ************/

/*** widen infoboxes and navboxes on small ***/
@media screen and (max-width: 719px) {
	.infobox,
	.navbox {
		width: 100% !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.infobox-container {
		width: 100%;
		margin: 1em 0 !important;
	}
}

/*** hide the recent changes rollback button on small to prevent accidental taps ***/
@media screen and (max-width: 719px) {
	.mw-special-Recentchanges .mw-rollback-link {
		display: none;
	}	
}

/*** reposition page indicators ***/
.mw-indicators {
	margin-top: 1em;
}


/*** Extension:Echo fixes ***/
/* button position */
#extra-personal-tools {
	padding: 0;
}

#extra-personal-tools li {
	margin: 0 !important;
	margin-left: 0.5em !important;
	padding: 0 !important;
	padding-top: 0.75em !important;
}

/* button opacity */
#pt-notifications-alert .mw-echo-notifications-badge:before, #pt-notifications-notice .mw-echo-notifications-badge:before,
#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
	opacity: 1;
}

/*** don't collapse some tables on large/medium ***/
@media screen and (min-width: 720px) {
	.mw-collapsible.mw-collapsed.collapsible-small-only tr { /* override inline styles */
		display: table-row !important;
		opacity: 1 !important;
	}

	.mw-collapsible.collapsible-small-only .mw-collapsible-toggle {
		display: none;
	}
}

/*** limit the height of the references box ***/
.reflist {
	max-height: 10em;
	overflow: scroll;
}


/***
Allow users to scroll through Main Page, Timeline, and other wide items on medium/small.
Hopefully temporary, since we should phase out large fixed-width things from the site.
***/
@media screen and (max-width: 719px) {
	#mw-content-text {
		overflow-x: scroll;
	}
}