Template:RecipeBlock: Difference between revisions

Revision as of 20:44, 18 January 2026

   🔨

Crafting Recipe

📦 Required Materials

{{{ingredients}}}

Icon	Material	Qty

⚙️ Crafting Details

🔧

Workbench

[[{{{bench}}}]]

⭐

Required Tier

{{{tier}}}

⏱️

Crafting Time

{{{time}}}

📋

Requirements

{{{requirements}}}

Usage

{{RecipeBlock
| ingredients = {{RecipeRow|File:Ingredient_Bar_Cobalt.png|Cobalt Ingot|7}}
{{RecipeRow|File:Ingredient_Leather_Heavy.png|Heavy Leather|2}}
{{RecipeRow|File:Ingredient_Fabric_Scrap_Shadoweave.png|Shadoweave Scraps|4}}
| bench = Workbench
| tier = None
| time = 4 seconds
| requirements = None
| output = 1x Cobalt Pickaxe
}}

Parameters

ingredients - Use Template:Tl template for each ingredient
bench - Crafting station required
tier - Required tier/level
time - Crafting duration
requirements - Additional requirements (optional)
output - What the recipe produces (optional)

@@ Line 29: / Line 29: @@
        <table style="width: 100%; border-collapse: separate; border-spacing: 0;">
-         <thead>
+         <tr style="background: rgba(52, 152, 219, 0.1); border-bottom: 2px solid #0f4c75;">
-          <tr style="background: rgba(52, 152, 219, 0.1); border-bottom: 2px solid #0f4c75;">
+          <th style="padding: 8px; text-align: left; color: #3498db; width: 50px;">Icon</th>
-            <th style="padding: 8px; text-align: left; color: #3498db; width: 50px;">Icon</th>
+          <th style="padding: 8px; text-align: left; color: #3498db;">Material</th>
-            <th style="padding: 8px; text-align: left; color: #3498db;">Material</th>
+          <th style="padding: 8px; text-align: center; color: #3498db; width: 70px;">Qty</th>
-            <th style="padding: 8px; text-align: center; color: #3498db; width: 70px;">Qty</th>
+        </tr>
-          </tr>
+         {{{ingredients}}}
-         </thead>
-        <tbody>
-          {{{ingredients}}}
-        </tbody>
        </table>
      </div>
@@ Line 51: / Line 47: @@
          <!-- Workbench -->
-         <div style="display: flex; align-items: center; gap: 0.5em; margin-bottom: 0.75em; padding: 0.5em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
+         <div style="display: grid; grid-template-columns: 40px 1fr; gap: 0.75em; align-items: center; margin-bottom: 0.75em; padding: 0.75em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
-           <span style="font-size: 1.2em;">🔧</span>
+           <div style="width: 40px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">🔧</div>
            <div>
              <div style="font-size: 0.85em; color: #95a5a6;">Workbench</div>
@@ Line 60: / Line 56: @@
          <!-- Tier -->
-         <div style="display: flex; align-items: center; gap: 0.5em; margin-bottom: 0.75em; padding: 0.5em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
+         <div style="display: grid; grid-template-columns: 40px 1fr; gap: 0.75em; align-items: center; margin-bottom: 0.75em; padding: 0.75em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
-           <span style="font-size: 1.2em;">⭐</span>
+           <div style="width: 40px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">⭐</div>
            <div>
              <div style="font-size: 0.85em; color: #95a5a6;">Required Tier</div>
@@ Line 69: / Line 65: @@
          <!-- Time -->
-         <div style="display: flex; align-items: center; gap: 0.5em; margin-bottom: 0.75em; padding: 0.5em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
+         <div style="display: grid; grid-template-columns: 40px 1fr; gap: 0.75em; align-items: center; margin-bottom: 0.75em; padding: 0.75em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
-           <span style="font-size: 1.2em;">⏱️</span>
+           <div style="width: 40px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">⏱️</div>
            <div>
              <div style="font-size: 0.85em; color: #95a5a6;">Crafting Time</div>
@@ Line 78: / Line 74: @@
          <!-- Requirements -->
-         <div style="display: flex; align-items: center; gap: 0.5em; padding: 0.5em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
+         <div style="display: grid; grid-template-columns: 40px 1fr; gap: 0.75em; align-items: center; padding: 0.75em; background: rgba(52, 152, 219, 0.1); border-radius: 6px;">
-           <span style="font-size: 1.2em;">📋</span>
+           <div style="width: 40px; height: 40px; background: rgba(0,0,0,0.3); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">📋</div>
            <div>
              <div style="font-size: 0.85em; color: #95a5a6;">Requirements</div>