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