Template:CardPages/styles.css: Difference between revisions
Template page
More actions
BelowTheEcho (talk | contribs) No edit summary |
BelowTheEcho (talk | contribs) No edit summary Tag: Manual revert |
||
| Line 1: | Line 1: | ||
.main-banner { | |||
.main- | |||
position: relative; | position: relative; | ||
width: 25%; | width: 25%; | ||
| Line 7: | Line 6: | ||
margin: 20px 0; | margin: 20px 0; | ||
border: 2px solid #910c0c; | border: 2px solid #910c0c; | ||
} | } | ||
.main-overlay { | |||
. | position: absolute; | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| Line 17: | Line 15: | ||
padding: 10px; | padding: 10px; | ||
z-index: 1; | z-index: 1; | ||
} | |||
.element-item { | |||
flex-basis: 0; | flex-basis: 0; | ||
text-align: center; | text-align: center; | ||
align-items: center; | align-items: center; | ||
padding: 0 4px; | |||
background: #F54927; | background: #F54927; | ||
cursor: pointer; | cursor: pointer; | ||
margin: 5px; | margin: 5px; | ||
max-height: 200px; | max-height: 200px; | ||
} | } | ||
Revision as of 16:59, 23 January 2026
.main-banner {
position: relative;
width: 25%;
height: 1200px;
float: right;
margin: 20px 0;
border: 2px solid #910c0c;
}
.main-overlay {
position: absolute;
display: flex;
flex-wrap: wrap;
flex-direction: column;
border: 4px solid #0c2f91;
padding: 10px;
z-index: 1;
}
.element-item {
flex-basis: 0;
text-align: center;
align-items: center;
padding: 0 4px;
background: #F54927;
cursor: pointer;
margin: 5px;
max-height: 200px;
}
.element-item img {
width: 100%;
height: auto;
}