Jump to content

Module:Infobox/styles.css: Difference between revisions

From OrangDev Labs Wiki
Drop parser output and add media query. Follow up to previous edit.
Rollback. This has unexpected consequences on other pages e.g. Spain
Line 42: Line 42:
}
}


/* Overrides restriction of max width on infoboxes until templates such as [[Template:Infobox_football_biography]] have been adopted for mobile screens ([[File:Broken_infobox_of_Chris_Dangerfield_2024-06-13.png]]) */
 
@media (min-width: 640px) {
  body.skin--responsive.skin-vector-2022 .infobox {
      max-width: none !important;
  }
}
/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) div:not(.notheme) {
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) div:not(.notheme) {

Revision as of 22:16, 13 June 2024

/* {{pp|small=y}} */
/*
 * This TemplateStyles sheet deliberately does NOT include the full set of
 * infobox styles. We are still working to migrate all of the manual
 * infoboxes. See [[MediaWiki talk:Common.css/to do#Infobox]]
 * DO NOT ADD THEM HERE
 */
/*
 * not strictly certain these styles are necessary since the modules now
 * exclusively output infobox-subbox or infobox, not both
 * just replicating the module faithfully
 */
.infobox-subbox {
	padding: 0;
	border: none;
	margin: -3px;
	width: auto;
	min-width: 100%;
	font-size: 100%;
	clear: none;
	float: none;
	background-color: transparent;
}

.infobox-3cols-child {
	margin: auto;
}

.infobox .navbar {
	font-size: 100%;
}

/* T281642 */
body.skin-minerva .infobox-header,
body.skin-minerva .infobox-subheader,
body.skin-minerva  .infobox-above,
body.skin-minerva .infobox-title,
body.skin-minerva  .infobox-image,
body.skin-minerva  .infobox-full-data,
body.skin-minerva .infobox-below {
	text-align: center;
}


/* Dark theme: [[William_Wragg]], [[Coral_Castle]] */
html.skin-theme-clientpref-night .infobox-full-data:not(.notheme) div:not(.notheme) {
    background: #1f1f23 !important;
      /* switch with var( --color-base ) when supported. */
      color: #f8f9fa;
}

@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .infobox-full-data:not(.notheme) div:not(.notheme) {
      background: #1f1f23 !important;
      /* switch with var( --color-base ) when supported. */
      color: #f8f9fa;
    }
}