Template:Infobox/styles.css: Difference between revisions
Appearance
Fix TemplateStyles-safe infobox styles |
Refine shared article layout templates |
||
| Line 2: | Line 2: | ||
float:right; | float:right; | ||
clear:right; | clear:right; | ||
width: | width:22em; | ||
max-width:100%; | max-width:100%; | ||
margin:0 0 1. | margin:0 0 1em 1.4em; | ||
border:1px solid # | border:1px solid #a2a9b1; | ||
border-collapse: | border-collapse:collapse; | ||
background:#f8f9fa; | |||
color:#202122; | |||
font-size:88%; | |||
background: | line-height:1.5; | ||
font-size: | |||
line-height:1. | |||
} | } | ||
.mw-parser-output table.infobox .infobox-title{ | .mw-parser-output table.infobox .infobox-title{ | ||
padding:. | padding:.45em .6em; | ||
text-align:center; | text-align:center; | ||
font-weight:700; | font-weight:700; | ||
font-size: | font-size:125%; | ||
color:# | color:#202122; | ||
background: | background:#eaecf0; | ||
border:0; | border:1px solid #a2a9b1; | ||
border-width:0 0 1px; | |||
} | } | ||
.mw-parser-output table.infobox .infobox-image{ | .mw-parser-output table.infobox .infobox-image{ | ||
padding: | padding:.5em; | ||
text-align:center; | text-align:center; | ||
background: | background:#ffffff; | ||
} | } | ||
.mw-parser-output table.infobox .infobox-image img{ | .mw-parser-output table.infobox .infobox-image img{ | ||
display:block; | display:block; | ||
width:100%; | max-width:100%; | ||
height:auto; | height:auto; | ||
border-radius: | margin:0 auto; | ||
box-shadow: | border:1px solid #c8ccd1; | ||
border-radius:0; | |||
box-shadow:none; | |||
} | } | ||
.mw-parser-output table.infobox .infobox-caption{ | .mw-parser-output table.infobox .infobox-caption{ | ||
padding:0 | padding:0 .6em .6em; | ||
text-align:center; | text-align:center; | ||
color:# | color:#54595d; | ||
font-size: | font-size:95%; | ||
background: | background:#ffffff; | ||
} | } | ||
.mw-parser-output table.infobox th, | .mw-parser-output table.infobox th, | ||
.mw-parser-output table.infobox td{ | .mw-parser-output table.infobox td{ | ||
padding:. | padding:.35em .6em; | ||
border | border:1px solid #eaecf0; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
.mw-parser-output table.infobox th{ | .mw-parser-output table.infobox th{ | ||
width: | width:35%; | ||
text-align:left; | text-align:left; | ||
color:# | color:#202122; | ||
background:# | background:#eaecf0; | ||
font-weight: | font-weight:600; | ||
} | } | ||
.mw-parser-output table.infobox td{ | .mw-parser-output table.infobox td{ | ||
color:# | color:#202122; | ||
background:#ffffff; | |||
} | } | ||
.mw-parser-output table.infobox td a.external{ | .mw-parser-output table.infobox td a.external{ | ||
| Line 66: | Line 67: | ||
float:none; | float:none; | ||
width:100%; | width:100%; | ||
margin:0 0 | margin:0 0 1em; | ||
} | } | ||
} | } | ||
Revision as of 20:59, 16 April 2026
.mw-parser-output table.infobox{
float:right;
clear:right;
width:22em;
max-width:100%;
margin:0 0 1em 1.4em;
border:1px solid #a2a9b1;
border-collapse:collapse;
background:#f8f9fa;
color:#202122;
font-size:88%;
line-height:1.5;
}
.mw-parser-output table.infobox .infobox-title{
padding:.45em .6em;
text-align:center;
font-weight:700;
font-size:125%;
color:#202122;
background:#eaecf0;
border:1px solid #a2a9b1;
border-width:0 0 1px;
}
.mw-parser-output table.infobox .infobox-image{
padding:.5em;
text-align:center;
background:#ffffff;
}
.mw-parser-output table.infobox .infobox-image img{
display:block;
max-width:100%;
height:auto;
margin:0 auto;
border:1px solid #c8ccd1;
border-radius:0;
box-shadow:none;
}
.mw-parser-output table.infobox .infobox-caption{
padding:0 .6em .6em;
text-align:center;
color:#54595d;
font-size:95%;
background:#ffffff;
}
.mw-parser-output table.infobox th,
.mw-parser-output table.infobox td{
padding:.35em .6em;
border:1px solid #eaecf0;
vertical-align:top;
}
.mw-parser-output table.infobox th{
width:35%;
text-align:left;
color:#202122;
background:#eaecf0;
font-weight:600;
}
.mw-parser-output table.infobox td{
color:#202122;
background:#ffffff;
}
.mw-parser-output table.infobox td a.external{
overflow-wrap:anywhere;
}
@media (max-width:980px){
.mw-parser-output table.infobox{
float:none;
width:100%;
margin:0 0 1em;
}
}