Difference between revisions of "MediaWiki:Refreshed.css"

From BIONICLEsector01
m (Undo revision 136758 by Morris the Mata Nui Cow (talk) Adding back Echo fix until we upgrade to Refreshed 4.0.0.beta.3)
(Tag: Undo)
m (Add media query)
(One intermediate revision by the same user not shown)
Line 1: Line 1:
/************ The styles on this page are theme-independent. ************/
+
/************ The styles on this page are theme-independent (apply even to the default theme). ************/
  
/*** widen infobox on small ***/
 
 
@media screen and (max-width: 719px) {
 
@media screen and (max-width: 719px) {
.infobox {
+
/*** widen infoboxes and navboxes on small ***/
 +
.infobox,
 +
.navbox {
 
width: 100% !important;
 
width: 100% !important;
 
}
 
}
Line 11: Line 12:
 
margin: 1em 0 !important;
 
margin: 1em 0 !important;
 
}
 
}
 +
 +
/*** don't collapse tables on mobile ***/
 +
.mw-collapsible.mw-collapsed tr { /* override inline styles */
 +
display: table-row !important;
 +
opacity: 1 !important;
 +
}
 +
 +
.mw-collapsible .mw-collapsible-toggle {
 +
display: none;
 +
}
 +
 
}
 
}
 
  
 
/*** reposition page indicators ***/
 
/*** reposition page indicators ***/

Revision as of 04:39, 13 June 2019

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

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

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

	/*** don't collapse tables on mobile ***/
	.mw-collapsible.mw-collapsed tr { /* override inline styles */
		display: table-row !important;
		opacity: 1 !important;
	}

	.mw-collapsible .mw-collapsible-toggle {
		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;
}