.research-grid
{
display:grid;
grid-template-columns: auto auto;
grid-template-rows: auto;
grid-gap: 1em;
}
.research-grid > .image
{
display: flex;
justify-content: center;
width: 100%;
grid-area: 1/1;
}
.research-grid > .info
{
grid-area: 1/2;
border: 2px solid #666;
border-radius: 1em;
padding: 1em;
background-color: #eee;
width:300px;
}
.research-wrapper .TabLabelText
{
border-radius:8pt 8pt 0 0;
}
@media only screen and (max-width:1000px)
{
.research-grid
{
grid-template-rows: auto auto;
grid-template-columns: auto;
width:100%;
}
.research-grid > .info
{
grid-area: 2/1;
width:unset;
}
.research-grid > .image
{
}
}
.affiliation
{
background: white;
margin-top: -1em;
padding: 0.5em 1em;
margin-bottom: 1em;
border-bottom: 2px solid lightseagreen;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
border-left: 4px solid lightseagreen;
border-right: 4px solid lightseagreen;
font-weight: bold;
}
/* [[Category:在模板名字空间下的CSS页面]] */