2023年政策修订增补工作正在进行中，欢迎参与！
User:机智的小鱼君/Main Characters Infolist/style.css
跳转到导航
跳转到搜索
注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox/Safari：按住“Shift”的同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
- Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
- Internet Explorer：按住“Ctrl”的同时单击“刷新”，或按“Ctrl-F5”
- Opera：在“工具→首选项”中清除缓存
- 如果您已登录但该页面出现未登录状态，请尝试在地址栏的地址最后添加代码
?_=1来访问最新页面。 - 添加代码后的本页地址如下：
-{R|https://moegirl.icu/User:%E6%9C%BA%E6%99%BA%E7%9A%84%E5%B0%8F%E9%B1%BC%E5%90%9B/Main_Characters_Infolist/style.css?_=1}-
.role-list-item {
display: flex;
flex-direction: column;
background-color: #f3f3f3;
text-align: center;
margin: 0.5rem auto;
}
.role-list-item > div {
margin: 0.1rem;
}
.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;
}
.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;
}
.role-list-item .role-info {
flex: 1;
padding: 1rem;
text-align: left;
min-width: 8rem;
margin-left: 0.1rem;
}
/* 窄屏设备优化 */
@media (max-width: 768px) {
.role-list-item {
min-width: 100%;
}
.role-list-item .role-details {
flex-direction: column;
}
}