Template:MinorNation/styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
| (30 intermediate revisions by 2 users not shown) | |||
| Line 2: | Line 2: | ||
/* The width style is limited to tablet and desktop resolutions as 22em is bigger than most mobile screens. |
/* 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.*/ |
Historically, the mobile skin (Minerva) has used !important to override them but this is not sustainable.*/ |
||
| + | |||
| + | |||
.infobox { |
.infobox { |
||
| ⚫ | |||
| − | float: right; |
||
| + | min-width: 20em; |
||
| − | clear: right; |
||
| + | width: 20em; |
||
| − | margin-bottom: 0.5em; |
||
| − | margin-left: 1em; |
||
| − | padding: 0.2em; |
||
| − | border: 1px solid #a2a9b1; |
||
| − | background: #f8f9fa; |
||
| − | color: black; |
||
| ⚫ | |||
} |
} |
||
| − | .infobox |
+ | .infobox-illustration img { |
| + | width: auto; |
||
| − | .infobox th { |
||
| + | height: auto; |
||
| − | vertical-align: top; |
||
| − | max-width: |
+ | max-width: 20em; |
| + | max-height: 20em; |
||
| + | object-fit: contain; |
||
} |
} |
||
| − | .infobox |
+ | .infobox-full-width-content { |
| + | max-width: 20em; |
||
| − | font-size: larger; |
||
| − | margin-left: inherit; |
||
| − | } |
||
| − | .infobox.bordered { |
||
| − | border-collapse: collapse; |
||
| − | } |
||
| − | .infobox.bordered td, |
||
| − | .infobox.bordered th { |
||
| − | border: 1px solid #aaa; |
||
| − | } |
||
| − | .infobox.bordered .borderless td, |
||
| − | .infobox.bordered .borderless th { |
||
| − | border: 0; |
||
} |
} |
||
Latest revision as of 05: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;
}