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-banner { | ||
position: relative; | position: relative; | ||
width: 25%; | width: 25%; | ||
height: 200px; | height: 200px; | ||
float: right; | float: right; | ||
margin: 20px 0; | margin: 20px 0; | ||
border: 2px solid #910c0c; | border: 2px solid #910c0c; | ||
} | } | ||
.main-overlay { | .main-overlay { | ||
position: absolute; | position: absolute; | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
flex-direction: column; | flex-direction: column; | ||
border: 4px solid #0c2f91; | border: 4px solid #0c2f91; | ||
padding: 10px; | padding: 10px; | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
.element-item { | |||
flex: 1; | .element-item { | ||
text-align: center; | flex: 1; | ||
padding: 0 4px; background: #F54927; | text-align: center; | ||
cursor: pointer; | padding: 0 4px; | ||
margin: 5px; | background: #F54927; | ||
height: 100%; | cursor: pointer; | ||
margin: 5px; | |||
height: calc(100%/7); | |||
} | |||
.element-item img { | |||
width: auto; | |||
height: 28.5px; | |||
} | } | ||
Revision as of 23:13, 22 January 2026
.main-banner {
position: relative;
width: 25%;
height: 200px;
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: 1;
text-align: center;
padding: 0 4px;
background: #F54927;
cursor: pointer;
margin: 5px;
height: calc(100%/7);
}
.element-item img {
width: auto;
height: 28.5px;
}