Template:War/styles.css: Difference between revisions

From Kerbal Powers Wiki
Jump to navigation Jump to search
(Created page with "→‎{{pp-template}}: /* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens. Historically, the mobile skin (Minerva) has u...")
 
mNo edit summary
Line 16: Line 16:
 
max-width: 30em;
 
max-width: 30em;
 
max-height: 30em;
 
max-height: 30em;
  +
object-fit: contain;
  +
}
  +
  +
.infobox-column img {
  +
width: auto;
  +
height: auto;
  +
max-width: 10em;
  +
max-height: 10em;
 
object-fit: contain;
 
object-fit: contain;
 
}
 
}

Revision as of 16:38, 23 March 2022

/* {{pp-template}} */
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens.
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/



.infobox {
    max-width: 30em;
    min-width: 30em;
	width: 30em;
}

.infobox-illustration img {
	width: auto;
	height: auto;
	max-width: 30em;
	max-height: 30em;
	object-fit: contain;
}

.infobox-column img {
	width: auto;
	height: auto;
	max-width: 10em;
	max-height: 10em;
	object-fit: contain;
}

.infobox-full-width-content {
    max-width: 40em;
}