Template:MinorNation/styles.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 6: | Line 6: | ||
width: 20px; |
width: 20px; |
||
} |
} |
||
+ | } |
||
+ | |||
+ | .infobox { |
||
+ | background: #eee; |
||
+ | border: 1px solid #aaa; |
||
+ | float: right; |
||
+ | margin: 0 0 1em 1em; |
||
+ | padding: 1em; |
||
+ | width: 400px; |
||
+ | } |
||
+ | .infobox-title { |
||
+ | font-size: 2em; |
||
+ | text-align: center; |
||
+ | } |
||
+ | .infobox-image { |
||
+ | text-align: center; |
||
+ | } |
||
+ | .infobox th { |
||
+ | text-align: right; |
||
+ | vertical-align: top; |
||
+ | width: 120px; |
||
+ | } |
||
+ | .infobox td { |
||
+ | vertical-align: top; |
||
} |
} |
Revision as of 23:59, 18 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.*/
@media all and ( min-width: 20px ) {
.infobox {
width: 20px;
}
}
.infobox {
background: #eee;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.infobox-title {
font-size: 2em;
text-align: center;
}
.infobox-image {
text-align: center;
}
.infobox th {
text-align: right;
vertical-align: top;
width: 120px;
}
.infobox td {
vertical-align: top;
}