.ar-wrapper
{
display: grid;
grid: repeat(2,auto) / auto;
grid-template-areas:
"title"
"details"
;
max-width: 100%;
width:400pt;
grid-gap: 2px;
margin:1px;
padding:3px;
overflow:auto;
}
.ar-name
{
line-height:3em;
}
.ar-attr
{
font-size:x-small;
}
.ar-details
{
grid-area: details;
display: grid;
grid: repeat(9,auto) / 6em auto 82px;
grid-template-areas:
"t-author author author"
"t-rarity rarity rarity"
"t-nfx nfx nfx"
"t-xfx xfx xfx"
"t-cs cs csr"
"t-cs csfx csfx"
"t-cond cond cond"
"t-info t-info t-info"
"ico info info"
;
grid-gap: 2px;
}
.ar-face
{
width:450px;
}
@media only screen and (max-width:500pt)
{
.ar-face
{
width:auto;
}
}
.cell
{
border:1px solid #888;
margin:-0.5px;
}
.cell-title
{
display:flex;
font-weight: bold;
background-color: lightgray;
justify-content: center;
align-items: center;
padding: 0.1em 1em;
text-align:center;
}
.cell-normal
{
display:block;
align-items: center;
padding-left: 0.5em;
padding-top: 0.1em;
padding-bottom:0.1em;
}
.cell-tuplelist
{
display:flex;
flex-flow: column;
}
.cell-tuple
{
display:grid;
grid-template:
"k v" auto / minmax(auto,5em) auto;
grid-gap:2px;
margin-top: 2px;
}
.cell-tuple:first-child
{
margin-top: 0;
}
/* [[Category:在模板名字空间下的CSS页面]] */