Template:Content Added Season 1: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
.added-content-wrapper { | |||
position: relative; | |||
overflow-y: auto; | |||
max-height: 250px; | |||
background: red; | |||
z-index: 1; | |||
} | |||
.scroll-overlay { | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
background: rgba(0, 0, 0, 0.65); | |||
color: #fff; | |||
font-size: 1.3em; | |||
padding: 8px 20px; | |||
border-radius: 8px; | |||
opacity: 0; | |||
transition: opacity 0.25s ease; | |||
z-index: 0; | |||
} | |||
.added-content-wrapper:hover .scroll-overlay { | |||
opacity: 1; | |||
} | |||
.added-content-wrapper.scrolled .scroll-overlay { | |||
opacity: 0 !important; | |||
} | |||
.added-content-grid { | .added-content-grid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
justify-content: space-between; | justify-content: space-between; | ||
gap: | gap: 4px; | ||
z-index: 0; | |||
} | } | ||
| Line 30: | Line 67: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
} | } | ||
}}<div class="added-content-grid"> | |||
}}<div class="added-content-wrapper"> | |||
<div class="added-content-grid"> | |||
<div class="added-content-cell"> | <div class="added-content-cell"> | ||
| Line 127: | Line 166: | ||
[[File:dead_of_night.png|frameless|link=|border=0|class=noviewer]] [[The Dead of Night]] | [[File:dead_of_night.png|frameless|link=|border=0|class=noviewer]] [[The Dead of Night]] | ||
</div> | </div> | ||
</div> | </div> | ||
