Template:Memory card/styles.css: Difference between revisions
From Love and Deepspace Wiki
Content added Content deleted
(Created page with ".memory-card { max-width: 350px; background: #eee; border: none; border-radius: 10px; box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1); } .memory-card-header { max-height: 175px; overflow: hidden; border-radius: 10px; } .memory-card-section__header { font-size: 1.1em; font-weight: bold; padding: 1em 1em 0 1em; text-align: center; } .memory-card-section { padding: 0 1em 1em 1em; display: grid; grid-gap: 0.5em; grid-template-columns: repeat(6, 1fr); }") |
No edit summary |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.memory-card { |
.memory-card { |
||
max-width: |
max-width: 300px; |
||
background: # |
background: #efefef; |
||
border: |
border: 1px solid #eee; |
||
border-radius: |
border-radius: 5px; |
||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0. |
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.4); |
||
margin: auto; |
|||
padding: 0.25em; |
|||
} |
} |
||
.memory-card-header { |
.memory-card-header { |
||
padding: 0.25em; |
|||
max-height: 175px; |
|||
overflow: hidden; |
|||
border-radius: 10px; |
|||
} |
} |
||
Line 16: | Line 16: | ||
font-size: 1.1em; |
font-size: 1.1em; |
||
font-weight: bold; |
font-weight: bold; |
||
padding: |
padding: 0.5em 1em; |
||
text-align: center; |
text-align: center; |
||
} |
} |
||
.memory-card-section { |
.memory-card-section { |
||
padding: 0 |
padding: 0 0 0.75em 0; |
||
display: grid; |
display: grid; |
||
grid-gap: 0.5em; |
grid-gap: 0.5em; |
Latest revision as of 01:39, 19 February 2024
.memory-card {
max-width: 300px;
background: #efefef;
border: 1px solid #eee;
border-radius: 5px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.4);
margin: auto;
padding: 0.25em;
}
.memory-card-header {
padding: 0.25em;
}
.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);
}