Template:MinorNation/styles.css: Difference between revisions

From Kerbal Powers Wiki
Jump to navigation Jump to search
No edit summary
mNo edit summary
 
(10 intermediate revisions by the same user not shown)
Line 6: Line 6:
   
 
.infobox {
 
.infobox {
width: 200px;
+
max-width: 20em;
max-width: 200px;
+
min-width: 20em;
  +
width: 20em;
 
 
 
}
 
}
  +
.infobox-image {
+
.infobox-illustration img {
max-width: 400px;
 
  +
width: auto;
  +
height: auto;
 
max-width: 20em;
  +
max-height: 20em;
  +
object-fit: contain;
 
}
 
}
   
 
.infobox-full-width-content {
 
.infobox-full-width-content {
max-width: 200px;
+
max-width: 20em;
 
}
 
}

Latest revision as of 04:08, 20 July 2021

/* {{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: 20em;
    min-width: 20em;
	width: 20em;
}

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

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