Template:Infobox/styles.css: Difference between revisions
Tighten mobile infobox sizing |
Fix TemplateStyles infobox selector scoping |
||
| Line 1: | Line 1: | ||
table.infobox{ | |||
float:right; | float:right; | ||
clear:right; | clear:right; | ||
| Line 12: | Line 12: | ||
line-height:1.5; | line-height:1.5; | ||
} | } | ||
table.infobox .infobox-title{ | |||
padding:.45em .6em; | padding:.45em .6em; | ||
text-align:center; | text-align:center; | ||
| Line 22: | Line 22: | ||
border-width:0 0 1px; | border-width:0 0 1px; | ||
} | } | ||
table.infobox .infobox-image{ | |||
padding:.5em; | padding:.5em; | ||
text-align:center; | text-align:center; | ||
background:#ffffff; | background:#ffffff; | ||
} | } | ||
table.infobox .infobox-image img{ | |||
display:block; | display:block; | ||
max-width:100%; | max-width:100%; | ||
| Line 36: | Line 36: | ||
box-shadow:none; | box-shadow:none; | ||
} | } | ||
table.infobox .infobox-caption{ | |||
padding:0 .6em .6em; | padding:0 .6em .6em; | ||
text-align:center; | text-align:center; | ||
| Line 43: | Line 43: | ||
background:#ffffff; | background:#ffffff; | ||
} | } | ||
table.infobox th, | |||
table.infobox td{ | |||
padding:.35em .6em; | padding:.35em .6em; | ||
border:1px solid #eaecf0; | border:1px solid #eaecf0; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
table.infobox th{ | |||
width:35%; | width:35%; | ||
text-align:left; | text-align:left; | ||
| Line 56: | Line 56: | ||
font-weight:600; | font-weight:600; | ||
} | } | ||
table.infobox td{ | |||
color:#202122; | color:#202122; | ||
background:#ffffff; | background:#ffffff; | ||
} | } | ||
table.infobox td a.external{ | |||
overflow-wrap:anywhere; | overflow-wrap:anywhere; | ||
} | } | ||
@media (max-width:980px){ | @media (max-width:980px){ | ||
table.infobox{ | |||
float:none; | float:none; | ||
width:100%; | width:100%; | ||
| Line 71: | Line 71: | ||
} | } | ||
@media (max-width:720px){ | @media (max-width:720px){ | ||
table.infobox{ | |||
font-size:84%; | font-size:84%; | ||
line-height:1.4; | line-height:1.4; | ||
} | } | ||
table.infobox .infobox-title{ | |||
padding:.38em .5em; | padding:.38em .5em; | ||
font-size:112%; | font-size:112%; | ||
} | } | ||
table.infobox .infobox-image{ | |||
padding:.35em; | padding:.35em; | ||
} | } | ||
table.infobox th, | |||
table.infobox td{ | |||
padding:.3em .45em; | padding:.3em .45em; | ||
} | } | ||
} | } | ||