Form:Game: Difference between revisions

Revision as of 11:56, 10 February 2026

add title=Add a new Game

Game

 Game Data Entry

Basic Information

        Game Name:

        Name

Developer:
Developer

Publisher:
Publisher

        Series:

        Series

Release Date:
Release date

Cover Image:
Image

Versions & Links

        Current Version:
Current version

        Store Links:
Store links

        Community Links:
Community

Classification

Genre:

      Genre

Setting:

      Setting

Game Modes:

      Has game mode

Technical Specs

Original Release Platform:

      Platform

        System Requirements:

        System requirements

        Multiplayer Tools:

        Multiplayer tools

save preview cancel

{{{end template}}}

@@ Line 2: / Line 2: @@
 {{{for template|Game}}}
-<div style="max-width: 1050px; background: #ffffff; border: 1px solid #dcdcdc; padding: 20px; box-shadow: 0 4px 10px rgba(0,0,0,0.03); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 14px; color: #333;">
+<div style="max-width: 950px; background: #ffffff; border: 1px solid #dcdcdc; padding: 15px; box-shadow: 0 4px 10px rgba(0,0,0,0.03); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 13px; color: #333;">
-<div style="border-bottom: 2px solid #3366cc; margin-bottom: 20px; padding-bottom: 10px;">
+<div style="border-bottom: 2px solid #3366cc; margin-bottom: 15px; padding-bottom: 8px;">
-   <span style="font-size: 1.5em; font-weight: bold; color: #333;">Game Data Entry</span>
+   <span style="font-size: 1.4em; font-weight: bold; color: #333;">Game Data Entry</span>
 </div>
-<div style="display: flex; gap: 40px; flex-wrap: wrap;">
+<div style="display: flex; gap: 30px; flex-wrap: wrap;">
-   <div style="flex: 1; min-width: 350px;">
+   <div style="flex: 0 0 40%; min-width: 300px;">
-     <div style="margin-bottom: 25px;">
+     <div style="margin-bottom: 20px; background: #f9f9f9; padding: 12px; border: 1px solid #eee; border-radius: 4px;">
-        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Basic Information</div>
+        <div style="font-weight: bold; color: #3366cc; margin-bottom: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px;">Basic Information</div>
-        <div style="margin-bottom: 12px;">
+        <div style="margin-bottom: 8px;">
           '''Game Name:'''<br>
-          {{{field|Name|input type=text|size=50|placeholder=Full Title|class=form-control}}}
+          {{{field|Name|input type=text|size=45|placeholder=Full Title|class=form-control}}}
         </div>
-        <div style="display: flex; gap: 15px; margin-bottom: 12px;">
+        <div style="display: flex; gap: 10px; margin-bottom: 8px;">
-          <div style="flex: 1;">'''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=20}}}</div>
+          <div style="flex: 1;">'''Developer:'''<br>{{{field|Developer|input type=text|autocomplete|size=18}}}</div>
-          <div style="flex: 1;">'''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=20}}}</div>
+          <div style="flex: 1;">'''Publisher:'''<br>{{{field|Publisher|input type=text|autocomplete|size=18}}}</div>
         </div>
-        <div style="margin-bottom: 12px;">
+        <div style="margin-bottom: 8px;">
           '''Series:'''<br>
-          {{{field|Series|input type=tokens|values from category=Series|size=50|placeholder=Type and hit Enter}}}
+          {{{field|Series|input type=tokens|values from category=Series|size=45|placeholder=Type and hit Enter}}}
         </div>
-        <div style="display: flex; gap: 15px; margin-bottom: 12px;">
+        <div style="display: flex; gap: 10px; margin-bottom: 8px;">
           <div style="flex: 1;">'''Release Date:'''<br>{{{field|Release date|input type=datepicker|date format=dd.mm.yy}}}</div>
           <div style="flex: 1;">'''Cover Image:'''<br>{{{field|Image|uploadable}}}</div>
@@ Line 36: / Line 36: @@
      </div>
-     <div style="margin-bottom: 20px;">
+     <div style="margin-bottom: 20px; background: #f9f9f9; padding: 12px; border: 1px solid #eee; border-radius: 4px;">
-        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Versions & Links</div>
+        <div style="font-weight: bold; color: #3366cc; margin-bottom: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px;">Versions & Links</div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 8px;">
-          '''Current Version:'''<br>{{{field|Current version|input type=text|size=20}}}
+          '''Current Version:'''<br>{{{field|Current version|input type=text|size=15}}}
         </div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 8px;">
-          '''Store Links:'''<br>{{{field|Store links|input type=text|size=50}}}
+          '''Store Links:'''<br>{{{field|Store links|input type=text|size=45}}}
         </div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 8px;">
-          '''Community Links:'''<br>{{{field|Community|input type=text|size=50}}}
+          '''Community Links:'''<br>{{{field|Community|input type=text|size=45}}}
         </div>
      </div>
@@ Line 53: / Line 53: @@
    <div style="flex: 1; min-width: 350px;">
-     <div style="margin-bottom: 25px;">
+     <div style="margin-bottom: 20px;">
-        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Classification</div>
+        <div style="font-weight: bold; color: #3366cc; margin-bottom: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px;">Classification</div>
-        '''Genre:'''
+        <div style="margin-bottom: 5px; font-weight: bold;">Genre:</div>
-        <div style="column-width: 120px; column-gap: 20px; margin-bottom: 12px;">
+        <div style="background: #fff; border: 1px solid #eee; padding: 8px; margin-bottom: 10px; border-radius: 3px;">
-        {{{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=,|columns=3}}}
         </div>
-        '''Setting:'''
+        <div style="margin-bottom: 5px; font-weight: bold;">Setting:</div>
-        <div style="column-width: 120px; column-gap: 20px; margin-bottom: 12px;">
+        <div style="background: #fff; border: 1px solid #eee; padding: 8px; margin-bottom: 10px; border-radius: 3px;">
-        {{{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=,|columns=3}}}
         </div>
-        '''Game Modes:'''
+        <div style="margin-bottom: 5px; font-weight: bold;">Game Modes:</div>
-        <div style="display: flex; gap: 20px; margin-bottom: 10px;">
+        <div style="background: #fff; border: 1px solid #eee; padding: 8px; margin-bottom: 10px; border-radius: 3px;">
-        {{{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=,|columns=3}}}
         </div>
      </div>
      <div style="margin-bottom: 20px;">
-        <div style="font-weight: bold; color: #3366cc; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 5px;">Technical Specs</div>
+        <div style="font-weight: bold; color: #3366cc; margin-bottom: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px;">Technical Specs</div>
-        '''Original Release Platforms:'''
+        <div style="margin-bottom: 5px; font-weight: bold;">Original Release Platform:</div>
-        <div style="column-width: 130px; column-gap: 10px; margin-bottom: 15px; padding: 10px; background: #f9f9f9; border-radius: 4px;">
+        <div style="background: #f0f4ff; border: 1px solid #d0dcf5; padding: 10px; margin-bottom: 15px; border-radius: 4px;">
-        {{{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=,|columns=3}}}
         </div>
-        <div style="margin-bottom: 10px;">
+        <div style="margin-bottom: 8px;">
           '''System Requirements:'''<br>
-          {{{field|System requirements|input type=textarea|rows=4|style=width: 100%; box-sizing: border-box; font-family: monospace;}}}
+          {{{field|System requirements|input type=textarea|rows=3|style=width: 100%; box-sizing: border-box; font-family: monospace; font-size: 12px;}}}
         </div>
@@ Line 93: / Line 93: @@
    </div>
    </div>
-<div style="margin-top: 20px; padding-top: 15px; border-top: 2px solid #3366cc; text-align: right; background: #fcfcfc; padding: 15px;">
+<div style="margin-top: 15px; padding-top: 10px; border-top: 2px solid #3366cc; text-align: right; background: #fcfcfc;">
 {{{standard input|save}}} <span style="margin-left: 10px;">{{{standard input|preview}}}</span> <span style="margin-left: 10px;">{{{standard input|cancel}}}</span>
 </div>