MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 4: | Line 4: | ||
.infobox { | .infobox { | ||
background-color: #f8f9fa; | |||
border: 1px solid #a2a9b1; | |||
color: black; | |||
padding: .2em; | |||
font-size: .9em; | |||
line-height: 1.5em; | |||
border-spacing: 3px; | |||
} | } | ||
.infobox th { | .infobox th { | ||
font-size: 1.1em; | |||
font-weight: bold; | |||
text-align: left; | |||
vertical-align: top; | |||
} | } | ||
.infobox td { | .infobox td { | ||
padding: .2em .5em; | |||
text-align: left; | |||
vertical-align: top; | |||
} | } | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.infobox { | |||
float: none; | |||
clear: both; | |||
width: 100% !important; | |||
margin: 0 0 1em 0; | |||
table-layout: fixed; | |||
} | |||
.infobox th, | |||
.infobox td { | |||
width: 100% !important; | |||
} | } | ||
.infobox .nowrap { | |||
white-space: normal; | |||
} | |||
} | } | ||
@media (min-width: 640px) { | @media (min-width: 640px) { | ||
.infobox { | |||
/* @noflip */ | |||
margin: 0.5em 0 0.5em 1em; | |||
/* @noflip */ | |||
float: right; | |||
/* @noflip */ | |||
clear: right; | |||
width: 22em; | |||
} | |||
} | } | ||
.infobox .infobox-caption td { | .infobox .infobox-caption td { | ||
text-align: center; | |||
} | } | ||
/* Fixes weird stretching bug on Vector */ | /* Fixes weird stretching bug on Vector */ | ||
.infobox img { | .infobox img { | ||
display: block; | |||
margin: 0 auto; | |||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
| Line 74: | Line 74: | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption { | ||
font-size: 125%; | |||
font-weight: bold; | |||
text-align: center !important; | |||
} | } | ||
.infobox-caption { | .infobox-caption { | ||
font-size: .9em; | |||
text-align: center !important; | |||
} | } | ||