◆42Lab是非盈利性、非官方的云图计划维基百科。 ◆诚邀指挥官们加入编辑部共同建设wiki。点这里加入42Lab ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易! ◆有任何意见、建议、纠错,欢迎在任意评论区评论 ◆编辑讨论QQ群741423564 微博@GFwiki少前百科 欢迎您 |
模板:人形主页/styles.css
来自42LAB
< 模板:人形主页
/* [[#档案]]立绘切换器下面的部分 */
.dollFileContainer {
align-content: flex-start;
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.flexRight div:last-child {
flex: 1 1 calc(100% - 150px);
}
.flexLeft {
flex: 1 1 350px;
width: 50%;
}
.flexAll {
flex: 1 1 100%;
width: 100%;
}
.flexRight {
align-content: flex-start;
align-items: flex-start;
display: inline-flex;
flex: 1 1 800px;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.charCard {
flex: 0 1 128px;
}
.dollFileContainer .charCard {
transform: none;
margin: 5px 4rem 5px 5px;
}
/* [[#档案]]结束 */
/* 技能 */
.skill {
color: #ff8400;
}
table.skill-table {
border: 1px solid #a0a0a0;
box-shadow: -3px 3px rgba(128, 128, 128, 160);
}
table.skill-table td:first-child {
text-align: center;
width: 10%;
}
td.skill-icon {
background: no-repeat center / 100% 40px linear-gradient(to left, #e0e0e0 1.33px, rgba(255, 255, 255, 0) 1.33px);
}
@media (max-width: 640px) {
td.skill-icon {
background: none;
}
}
.skillIcon {
margin-left: calc(50% - 40px);
}
.skill-table hr {
background: #a0a0a0;
border: 0;
height: .5px;
margin: .33em 0;
}
.skill-tag {
color: white;
display: inline-block;
font-size: small;
line-height: 1;
margin-right: .5rem;
padding: .3em 0;
text-align: center;
vertical-align: text-bottom;
white-space: nowrap;
width: 3.75em;
}
/* 技能结束 */
/* [[#武装印记]] */
.arma-entropy {
filter: hue-rotate(20deg);
}
#arma-attr-table {
margin: 0;
width: 100%;
}
/* [[#武装印记]]结束 */
/* [[#亲密度]] */
#foster-table .skillIcon {
display: block;
margin-left: 5px;
width: 64px;
}
.icon {
width: 96px;
}
/* [[#亲密度]]结束 */
/* [[#故事]] */
.hero-profile {
display: grid;
gap: 0.6em;
grid-template-columns: 1fr 1fr;
width: 100%;
}
.hero-profile div {
background: #e5e5e5;
background: rgba(0, 0, 0, 0.09);
border-radius: 0.125rem;
display: flex;
overflow: hidden;
}
.hero-profile dt,
.hero-profile dd {
font: normal 1em/1.125 sans-serif;
margin: 0;
}
.hero-profile dt {
background: #444;
background: rgba(0, 0, 0, 0.7);
color: white;
padding: 0.25em 0.6em;
border-radius: 0.125rem;
}
.hero-profile dd {
flex: 1;
padding: 0.25em 1em;
}
.hero-profile .hero-experience {
background: transparent;
display: block;
grid-column: 1 / 3;
}
.hero-experience dd {
padding: 1em 0;
white-space: pre-line;
}
.hero-story {
background: #e5e5e5;
background: rgba(0, 0, 0, 0.09);
margin-top: 0.6em;
position: relative;
}
.hero-story .mw-collapsible-toggle {
right: 0.5em;
top: 0.2em;
}
.hero-story .mw-collapsible-toggle::before,
.hero-story .mw-collapsible-toggle::after {
color: white;
}
.hero-story-header {
background: #464646;
box-shadow: 0 0.0625em 0.25em gray;
color: white;
padding: 0.25em 0.5em;
}
.hero-story .mw-collapsible-content {
padding: 0.25em 0.5em;
white-space: pre-line;
}
/* [[#故事]]结束 */
/* [[#人际关系]] */
.relationship-cell {
display: inline-block;
text-align: center;
}
.relationship {
background: #212121;
color: white;
}
/* [[#人际关系]]结束 */