15,067
个编辑
更改
创建页面，内容为“.medal-entry { background: #555; background: rgba(255, 255, 255, 0.33); display: grid; grid-template: "icon name" 3em "icon text" auto; max-width: 800px; p…”
.medal-entry {
background: #555;
background: rgba(255, 255, 255, 0.33);
display: grid;
grid-template:
"icon name" 3em
"icon text" 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 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;
}
background: #555;
background: rgba(255, 255, 255, 0.33);
display: grid;
grid-template:
"icon name" 3em
"icon text" 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 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;
}