Template:MoveCard: Difference between revisions

Revision as of 19:29, 3 September 2025

 File:Placeholder.gif

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; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff; max-width: 720px;">
+<div class="move-card-container"
+     style="display: flex; align-items: flex-start; gap: 15px; border: 3px solid #444; border-radius: 8px;
-   <!-- Left box containing title + GIF -->
+            background-color: #222; padding: 15px; margin-bottom: 2em; max-width: 720px;
-   <div style="display: flex; flex-direction: column; align-items: center; background-color: #333; border: 2px solid #555; border-radius: 8px; padding: 12px; min-width: 140px; box-shadow: inset 0 0 5px rgba(0,0,0,0.7);">
+            box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;">
-    <div style="font-weight: bold; font-size: 1.1em; margin-bottom: 8px; text-align: center;">
+   [[File:{{{image|Placeholder.gif}}}|frameless]]
-      {{{title|Move Title}}}
-    </div>
+   <div class="move-data" style="flex-grow: 1;">
-    [[File:{{{image|Placeholder.gif}}}|frameless|alt=Move Image]]
-   </div>
-  <!-- Right side: Move data -->
-   <div class="move-data" style="flex-grow: 1; min-width: 0;">
      <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
        <tr>
@@ Line 23: / Line 17: @@
        </tr>
        <tr>
-         <td style="color: {{{startup-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{startup|—}}}</td>
+         <td style="color: {{{startup-color|white}}}; border: none; padding: 8px 12px; text-align: center;">
+          {{{startup|—}}}
+        </td>
          <td style="border: none; padding: 8px 12px; text-align: center;">{{{hitlevel|—}}}</td>
          <td style="border: none; padding: 8px 12px; text-align: center;">{{{properties|—}}}</td>
-         <td style="color: {{{onblock-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onblock|—}}}</td>
+         <td style="color: {{{onblock-color|white}}}; border: none; padding: 8px 12px; text-align: center;">
-         <td style="color: {{{onhit-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{onhit|—}}}</td>
+          {{{onblock|—}}}
-         <td style="color: {{{oncounter-color|white}}}; border: none; padding: 8px 12px; text-align: center;">{{{oncounter|—}}}</td>
+        </td>
+         <td style="color: {{{onhit-color|white}}}; border: none; padding: 8px 12px; text-align: center;">
+          {{{onhit|—}}}
+        </td>
+         <td style="color: {{{oncounter-color|white}}}; border: none; padding: 8px 12px; text-align: center;">
+          {{{oncounter|—}}}
+        </td>
        </tr>
      </table>
-     <p style="margin-top: 12px; font-style: italic; color: #ccc;">{{{description|No description provided.}}}</p>
+     <p style="margin-top: 12px; font-style: italic; color: #ccc;">
+      {{{description|No description provided.}}}
+    </p>
    </div>
 </div>