Template:MainPageInfopush: Difference between revisions
From VRChat Wiki
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
<div class="qm-box" id="tpl-infopush" style="position: relative; padding: 0; overflow: hidden; aspect-ratio: 1024 / 312;"> | <div class="qm-box" id="tpl-infopush" | ||
style="position: relative; padding: 0; overflow: hidden; aspect-ratio: 1024 / 312;"> | |||
<div id="tpl-infopush-content" style="display: flex; transition: transform 0.3s ease;"></div> | <div id="tpl-infopush-content" style="display: flex; transition: transform 0.3s ease;"></div> | ||
<div id="tpl-infopush-navigation" style="display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); | <div id="tpl-infopush-navigation" style="display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); | ||
position: absolute; inset: 0; pointer-events: none;"> | position: absolute; inset: 0; pointer-events: none;"> | ||
<div id="tpl-infopush-navigation-previous" style="pointer-events: auto; height: 100%; background- | <div id="tpl-infopush-navigation-previous" tabindex="0" style="pointer-events: auto; height: 100%; cursor: pointer; background-image: url(/Icons_Arrow_Left.png); filter: invert(1); background-size: 2rem; background-repeat: no-repeat; background-position: center;"></div> | ||
<div style="height: 100%; grid-column: span 3 / span 3;"></div> | <div style="height: 100%; grid-column: span 3 / span 3;"></div> | ||
<div id="tpl-infopush-navigation-next" style="pointer-events: auto; height: 100%; background-color: rgba(0, 0, 0, 0.5);"></div> | <div id="tpl-infopush-navigation-next" tabindex="0" | ||
style="pointer-events: auto; height: 100%; background-color: rgba(0, 0, 0, 0.5); cursor: pointer;"></div> | |||
</div> | </div> | ||
</div> | </div> |