Form:Game: Difference between revisions

Revision as of 12:47, 10 February 2026

add title=Add a new Game

Game

 Game Database Entry

     Game Name:

     Name

     Release Date:

     Release date

     Developer:
Developer

     Publisher:
Publisher

     Series:

     Series

     Cover Image:
Image

      Version:
Current version

Gameplay & Genre

   Genre:

   Genre

   Setting:

   Setting

   Modes:

   Has game mode

Technical Specs

   Original Platforms:

     Platform

   System Requirements:

   System requirements

   Multiplayer Tools:

   Multiplayer tools

     Store Links:
Store links

     Community Links:
Community

 save 
 preview 
 cancel

{{{end template}}}

@@ Line 2: / Line 2: @@
 {{{for template|Game}}}
-<div style="max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #ccc; font-family: sans-serif; color: #333; font-size: 13px;">
+<div class="game-form" style="max-width: 900px; margin: 0 auto; background: #fff; border: 1px solid #ccc; font-family: sans-serif; color: #333; font-size: 13px;">
-<div style="background: #2a4b8d; color: white; padding: 10px 15px;">
+<div style="background: #2a4b8d; color: white; padding: 12px 20px;">
-   <span style="font-size: 1.2em; font-weight: bold;">Game Database Entry</span>
+   <span style="font-size: 1.3em; font-weight: bold;">Game Database Entry</span>
 </div>
-<div style="padding: 15px; background: #f9f9f9; border-bottom: 1px solid #ddd;">
+<div style="padding: 20px; background: #f9f9f9; border-bottom: 1px solid #ddd;">
-   <div style="display: flex; gap: 15px; margin-bottom: 10px;">
+   <div style="display: flex; gap: 20px; margin-bottom: 15px;">
      <div style="flex: 2;">
        '''Game Name:'''<br>
-       {{{field|Name|input type=text|placeholder=Official Title|class=form-control|style=width:100%}}}
+       {{{field|Name|input type=text|placeholder=Official Title}}}
      </div>
      <div style="flex: 1;">
@@ Line 20: / Line 21: @@
    </div>
-   <div style="display: flex; gap: 15px; margin-bottom: 10px;">
+   <div style="display: flex; gap: 20px; margin-bottom: 15px;">
      <div style="flex: 1;">
-       '''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=20}}}
+       '''Developer:'''<br>{{{field|Developer|input type=text|autocomplete}}}
      </div>
      <div style="flex: 1;">
-       '''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=20}}}
+       '''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete}}}
-    </div>
-    <div style="flex: 1;">
-      '''Series:'''<br>{{{field|Series|input type=tokens|values from category=Series|placeholder=e.g. Half-Life|size=20}}}
      </div>
    </div>
-   <div style="display: flex; gap: 15px; align-items: flex-end;">
+  <div style="margin-bottom: 15px;">
+      '''Series:'''<br>
+      {{{field|Series|input type=tokens|values from category=Series|placeholder=e.g. Half-Life}}}
+  </div>
+   <div style="display: flex; gap: 20px; align-items: flex-end;">
      <div style="flex: 1;">
        '''Cover Image:'''<br>{{{field|Image|uploadable}}}
      </div>
      <div style="flex: 1;">
-        '''Version:'''<br>{{{field|Current version|input type=text|size=15}}}
+        '''Version:'''<br>{{{field|Current version|input type=text}}}
      </div>
    </div>
 </div>
-<div style="padding: 15px; background: #ffffff; border-bottom: 1px solid #ddd;">
+<div style="padding: 20px; background: #ffffff; border-bottom: 1px solid #ddd;">
-   <div style="font-weight: bold; color: #2a4b8d; border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 8px;">Gameplay & Genre</div>
+   <div style="font-weight: bold; color: #2a4b8d; border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 10px;">Gameplay & Genre</div>
-   <div style="margin-bottom: 12px;">
+   <div style="margin-bottom: 15px;">
      <strong>Genre:</strong>
      <div class="checkbox-grid">
-     {{{field|Genre|input type=checkboxes|values=Action, Adventure, MMO, Racing, RPG, Shooter, Simulation, Sports, Strategy|delimiter=}}}
+     {{{field|Genre|input type=checkboxes|values=Action, Adventure, MMO, Racing, RPG, Shooter, Simulation, Sports, Strategy|delimiter=,}}}
      </div>
    </div>
-   <div style="margin-bottom: 12px;">
+   <div style="margin-bottom: 15px;">
      <strong>Setting:</strong>
      <div class="checkbox-grid">
-     {{{field|Setting|input type=checkboxes|values=Modern Era, Fantasy, Sci-Fi, Historical, Post-Apocalyptic|delimiter=}}}
+     {{{field|Setting|input type=checkboxes|values=Modern Era, Fantasy, Sci-Fi, Historical, Post-Apocalyptic|delimiter=,}}}
      </div>
    </div>
@@ Line 62: / Line 65: @@
      <strong>Modes:</strong>
      <div class="checkbox-grid">
-     {{{field|Has game mode|input type=checkboxes|values=Singleplayer, Multiplayer, Co-op|delimiter=}}}
+     {{{field|Has game mode|input type=checkboxes|values=Singleplayer, Multiplayer, Co-op|delimiter=,}}}
      </div>
    </div>
 </div>
-<div style="padding: 15px; background: #f9f9f9; border-bottom: 1px solid #ddd;">
+<div style="padding: 20px; background: #f9f9f9; border-bottom: 1px solid #ddd;">
-   <div style="font-weight: bold; color: #2a4b8d; border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 8px;">Technical Specs</div>
+   <div style="font-weight: bold; color: #2a4b8d; border-bottom: 1px solid #eee; padding-bottom: 2px; margin-bottom: 10px;">Technical Specs</div>
-   <div style="margin-bottom: 12px;">
+   <div style="margin-bottom: 15px;">
      <strong>Original Platforms:</strong>
-     <div class="checkbox-grid" style="background: #fff; border: 1px solid #ddd; padding: 5px;">
+     <div class="checkbox-grid" style="background: #fff; border: 1px solid #ddd; padding: 10px;">
-       {{{field|Platform|input type=checkboxes|values=MS-DOS, Windows 95, Windows 98, Windows XP, Windows 7, Windows 10, Windows 11, Linux, Mac OS|delimiter=}}}
+       {{{field|Platform|input type=checkboxes|values=MS-DOS, Windows 95, Windows 98, Windows XP, Windows 7, Windows 10, Windows 11, Linux, Mac OS|delimiter=,}}}
      </div>
    </div>
-   <div style="margin-bottom: 10px;">
+   <div style="margin-bottom: 15px;">
      '''System Requirements:'''<br>
-     {{{field|System requirements|input type=textarea|rows=2|style=width: 100%; box-sizing: border-box; font-family: monospace;}}}
+     {{{field|System requirements|input type=textarea|rows=2|style=width: 100%; box-sizing: border-box; font-family: monospace; border: 1px solid #ccc;}}}
    </div>
@@ Line 88: / Line 91: @@
 </div>
-<div style="padding: 15px; background: #ffffff;">
+<div style="padding: 20px; background: #ffffff;">
-   <div style="display: flex; gap: 15px;">
+   <div style="display: flex; gap: 20px;">
      <div style="flex: 1;">
-       '''Store Links:'''<br>{{{field|Store links|input type=text|size=50}}}
+       '''Store Links:'''<br>{{{field|Store links|input type=text}}}
      </div>
      <div style="flex: 1;">
-       '''Community Links:'''<br>{{{field|Community|input type=text|size=50}}}
+       '''Community Links:'''<br>{{{field|Community|input type=text}}}
      </div>
    </div>
 </div>
-<div style="padding: 10px 15px; background: #eee; border-top: 1px solid #ccc; text-align: right;">
+<div style="padding: 15px 20px; background: #eee; border-top: 1px solid #ccc; text-align: right;">
    {{{standard input|save}}}
    <span style="margin-left: 10px;">{{{standard input|preview}}}</span>