Item List: Difference between revisions

← Older edit

Latest revision as of 03:08, 22 December 2024

Items

Medical Supplies

Food & Drink

General Loot

Backpack Types

Garden Stuff

Weapons & Ammunition

Tools & Miscellaneous

420 Stuff

@@ Line 1: / Line 1: @@
-<div style="background-color: #000000; padding: 20px; border-radius: 10px; width: 80%; margin: auto; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5); font-family: 'Arial', sans-serif;">
+<div style="background-color: #000000; padding: 30px; border-radius: 20px; width: 90%; margin: auto; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.5); font-family: 'Roboto', sans-serif;">
-     <h2 style="color: #800000; text-align: center; font-size: 2.5em; margin-bottom: 20px;">Items</h2>
+     <h2 style="color: #FF4500; text-align: center; font-size: 3em; margin-bottom: 30px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);">Items</h2>
-     <div style="display: flex; flex-wrap: wrap; justify-content: space-around; gap: 20px;">
+     <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;">
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Medical Supplies]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Medical Supplies]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Food & Drink]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Food & Drink]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[General Loot]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[General Loot]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Backpack Types]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Backpack Types]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Garden Stuff]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Garden Stuff]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Weapons & Ammunition]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Weapons & Ammunition]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[Tools & Miscellaneous]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[Tools & Miscellaneous]]</h3>
          </div>
-         <div style="width: 30%; padding: 15px; background-color: #1a1a1a; border: 2px solid #800000; border-radius: 10px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);">
+         <div style="background: #1a1a1a; padding: 20px; border-radius: 15px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; height: 100px;">
-             <h3 style="color: #800000;">[[420 Stuff]]</h3>
+             <h3 style="color: #FF4500; font-size: 1.5em; margin: 0;">[[420 Stuff]]</h3>
          </div>
      </div>
 </div>