◆少前百科是非盈利性、非官方的少女前线维基百科。 ◆如果您发现某些内容错误/空缺,请勇于修正/添加!参与进来其实很容易!点这里 加入少前百科。 ◆有任何意见、建议、纠错,欢迎在 GFwiki:反馈与建议 提出和讨论。编辑事务讨论QQ群:597764980,微博@GFwiki少前百科 ◆To foreigners,You can use twitter to contact us. |
“模板:勋章/styles.css”的版本间的差异
< 模板:勋章
小 |
小 |
||
第32行: | 第32行: | ||
.medal-entry .tabbernav { | .medal-entry .tabbernav { | ||
display: flex; | display: flex; | ||
+ | flex-wrap: wrap; | ||
grid-area: nav; | grid-area: nav; | ||
} | } |
2024年5月8日 (三) 12:48的版本
.medal-entry {
background: #555;
background: rgba(255, 255, 255, 0.33);
display: grid;
grid-template:
"icon name" 3em
"icon text" auto / 225px auto;
max-width: 800px;
padding: 5px;
}
.medal-entry-icon,
.medal-entry-name,
.medal-entry dl {
background: #343434;
padding: 0.5em;
}
.medal-entry-icon {
grid-area: icon;
overflow: hidden;
padding: 0;
}
.medal-entry .tabber {
display: grid;
grid-template-areas:
"tab"
"nav";
}
.medal-entry .tabbernav {
display: flex;
flex-wrap: wrap;
grid-area: nav;
}
.medal-entry .tabbernav li {
flex: 1 0 20%;
}
.medal-entry .tabbernav li a {
display: block;
width: 75%;
}
.medal-entry .tabbertab {
grid-area: tab;
}
.medal-entry img {
height: auto;
transform: translate(-4px, -8px);
width: 225px;
}
.medal-entry-name {
font-size: 1.2em;
grid-area: name;
}
.medal-entry dl {
grid-area: text;
margin: 0;
}
.medal-entry dl div {
border-top: 1px solid;
color: #c8c8c8;
display: grid;
grid-template-columns: 6em auto;
padding: 0.5em 0;
}
.medal-entry dt::after {
content: ':';
}
.medal-entry dd {
margin: 0;
}