Template:Main Characters Infolist/style.css

.role-list-item {
    display: flex;
    flex-direction: column;
    background-color: #f3f3f3;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    max-width: 768px;
}
.role-list-item > div {
    margin: 1px;
}
.role-list-item > div:not(:first-of-type) {
    margin-top: 0;
}
.role-list-item .role-name {
    font-weight: 700;
    background-color: #aea;
    padding: 0.2rem 1rem;
    text-align: center;
}
.role-list-item .role-details {
    display: flex;
    flex-wrap: wrap;
}
.role-list-item .role-details > div {
    display: flex;
    align-items: center;
}
.role-list-item .role-image {
    background-color: #fff;
    justify-content: center;
}
.role-list-item .role-info {
    flex: 1;
    padding: 0.5rem 1rem;
    min-width: 8rem;
    margin-left: 1px;
}
.role-list-item .role-cv {
    padding: 0.5rem 1rem;
    margin-left: 1px;
}
/* 窄屏设备优化 */
@media (max-width: 768px) {
    .role-list-item {
        min-width: 100%;
    }
    .role-list-item .role-details {
        flex-direction: column;
    }
}
/* [[分类:在模板名字空间下的CSS页面]] */