Template:MoveCard: Difference between revisions

Latest revision as of 20:11, 3 September 2025

Move Title

Startup	Hit Level	Properties	On Block	On Hit	On Counter
—	—	—	—	—	—

No description provided.

@@ Line 1: / Line 1: @@
-<div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
+<div class="move-card-container" style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px; background-color: #222; padding: 15px; margin-bottom: 2em; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
-   <!-- GIF that restarts on hover using standard MediaWiki syntax -->
+   <!-- Title + Image Column -->
-   <div class="move-image" style="flex-shrink: 0; width: 210px;">
+   <div style="display: flex; flex-direction: column; align-items: center;">
-     [[File:{{{image|Placeholder.gif}}}|210px|link=|class=hover-gif]]
+    <h2 style="margin: 0 0 10px 0;">{{{title|Move Title}}}</h2>
+     [[File:{{{image|Placeholder.gif}}}|center|link=]]
    </div>
-  <!-- Move data -->
    <div class="move-data" style="flex-grow: 1;">
      <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
@@ Line 30: / Line 31: @@
    </div>
 </div>
-<!-- Script to make GIF replay on hover -->
-<script>
-  document.addEventListener('DOMContentLoaded', function () {
-    document.querySelectorAll('.hover-gif').forEach(function (img) {
-      img.addEventListener('mouseover', function () {
-        const src = img.src.split('?')[0];
-        img.src = src + '?1';
-      });
-    });
-  });
-</script>