模块:Infobox/styles.css
来自RIA | Wiki
更多操作
.infobox {
border: 1px solid rgb(162, 169, 177);
border-spacing: 3px;
width: 100%;
padding: 0.2rem;
background-color: initial;
font-size: 0.875em;
line-height: 1.5;
}
.infobox-header, .infobox-label, .infobox-above, .infobox-full-data, .infobox-data, .infobox-below, .infobox-subheader, .infobox-image, .infobox-navbar {
vertical-align: top;
}
.infobox-label, .infobox-data {
text-align: left;
}
.infobox-header, .infobox-subheader, .infobox-image, .infobox-full-data, .infobox-below {
text-align: center;
}
.infobox-above, .infobox-title {
text-align: center;
font-size: 1.25em;
font-weight: bold;
}
.infobox-title {
padding: 0.2em;
}
.infobox-navbar {
text-align: right;
}
.infobox .navbar {
font-size: 1em;
}
@media (min-width: 720px) {
.infobox {
margin: 0.5em 0 0.5em 1em;
width: 22em;
float: right;
clear: right;
}
}
body.skin-minerva .infobox {
position: relative;
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap;
border: 1px solid rgb(234, 236, 240);
margin-bottom: 2rem;
}
body.skin-minerva .infobox caption {
padding: 10px 10px 0;
text-align: center;
}
body.skin-minerva .infobox th,
body.skin-minerva .infobox td {
border: none;
border-bottom: 1px solid rgb(234, 236, 240);
padding: 7px 10px;
vertical-align: top;
}
body.skin-minerva .infobox tbody > tr > td,
body.skin-minerva .infobox tbody > tr > th {
flex: 1 0;
}
body.skin-minerva .infobox td:only-child,
body.skin-minerva .infobox th:only-child {
width: 100%;
}
body.skin-minerva .infobox tr:last-child th,
body.skin-minerva .infobox tr:last-child td {
border: none;
}
body.skin-minerva .infobox > tbody, body.skin-minerva .infobox > caption {
display: flex;
flex-flow: column nowrap;
}
body.skin-minerva .infobox > tbody > tr {
display: flex;
flex-flow: row nowrap;
min-width: 100%;
}