Template:MoveCard: Difference between revisions

Revision as of 19:00, 3 September 2025

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; max-width: 720px; box-shadow: 0 0 10px rgba(0,0,0,0.6); color: #fff;"> <div class="move-image" style="flex-shrink: 0;"> [[File:{{{image|Placeholder.png}}}|210px]] </div> <div class="move-data" style="flex-grow: 1;"> <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;"> <tr> <th style="border: none; padding: 8px 12px; text-align: center;">Startup</th> <th style="border: none; padding: 8px 12px; text-align: center;">Hit Level</th> <th style="border: none; padding: 8px 12px; text-align: center;">Properties</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Block</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Hit</th> <th style="border: none; padding: 8px 12px; text-align: center;">On Counter</th> </tr> <tr> <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: {{{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> </div> </div>
-<div class="move-image">
-  <span class="static">[[File:{{{image-static|Placeholder.png}}}|210px]]</span>
-  <span class="animated">[[File:{{{image-animated|}}}|210px]]</span>
-</div>
-  <div class="move-data" style="flex-grow: 1;">
-    <table style="width: 100%; border-collapse: collapse; font-size: 90%; border: none;">
-      <tr>
-        <th style="border: none; padding: 8px 12px; text-align: center;">Startup</th>
-        <th style="border: none; padding: 8px 12px; text-align: center;">Hit Level</th>
-        <th style="border: none; padding: 8px 12px; text-align: center;">Properties</th>
-        <th style="border: none; padding: 8px 12px; text-align: center;">On Block</th>
-        <th style="border: none; padding: 8px 12px; text-align: center;">On Hit</th>
-        <th style="border: none; padding: 8px 12px; text-align: center;">On Counter</th>
-      </tr>
-      <tr>
-        <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: {{{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>
-  </div>
-</div>
-<style>
-.move-image:hover .gif-static {
-  display: none;
-}
-.move-image:hover .gif-animated {
-  display: block;
-}
-</style>