Template:CardPages/styles.css: Difference between revisions
Template page
More actions
BelowTheEcho (talk | contribs) No edit summary |
BelowTheEcho (talk | contribs) No edit summary |
||
| Line 28: | Line 28: | ||
height: 100%; | height: 100%; | ||
z-index: 1; | z-index: 1; | ||
} | |||
.element-table { | |||
width: 100%; | |||
text-align: center; | |||
} | |||
.element-cell { | |||
padding: 12px; | |||
vertical-align: top; | |||
} | |||
.element-item { | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | |||
.element-item img { | |||
display: block; | |||
margin: 0 auto 6px auto; | |||
} | } | ||
Revision as of 21:53, 20 January 2026
.event-banner {
position: relative;
width: 100%;
min-height: 120px;
border-radius:8px;
margin: 20px 0;
cursor: pointer;
}
.banner-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
z-index: 2;
}
.banner-bg-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.element-table {
width: 100%;
text-align: center;
}
.element-cell {
padding: 12px;
vertical-align: top;
}
.element-item {
display: flex;
flex-direction: column;
align-items: center;
}
.element-item img {
display: block;
margin: 0 auto 6px auto;
}