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-color: rgba(0, 0, 0, 0.5);"></div>
     <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>

Revision as of 02:43, 29 July 2024