Template:Memory card/styles.css: Difference between revisions
From Love and Deepspace Wiki
Content added Content deleted
No edit summary |
No edit summary |
||
Line 16: | Line 16: | ||
.memory-card-header img { |
.memory-card-header img { |
||
position: relative; |
position: relative; |
||
top: - |
top: -30px; |
||
} |
} |
||
Revision as of 22:57, 6 February 2024
.memory-card {
max-width: 300px;
background: #efefef;
border: 1px solid #eee;
border-radius: 10px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.4);
margin: auto;
}
.memory-card-header {
max-height: 160px;
overflow: hidden;
border-radius: 10px 10px 0 0;
}
.memory-card-header img {
position: relative;
top: -30px;
}
.memory-card-section__header {
font-size: 1.1em;
font-weight: bold;
padding: 0.5em 1em;
text-align: center;
}
.memory-card-section {
padding: 0 0 0.75em 0;
display: grid;
grid-gap: 0.5em;
grid-template-columns: repeat(6, 1fr);
}