Recovery Zone: Difference between revisions

← Older edit

Latest revision as of 02:40, 22 December 2024

Job Categories

Explore various jobs available in the Recovery Zone.

Commands

List of commands to use in the Recovery Zone for players.

Houses

Information on houses in the Recovery Zone.

Factions

Overview of factions in the Recovery Zone, their characteristics, and how to join them.

Vehicles System

Details of the vehicle system including types of vehicles and functionalities.

Other

Other miscellaneous information about Recovery Zone.

@@ Line 2: / Line 2: @@
 === Categories ===
-<div style="display: flex; justify-content: space-around; flex-wrap: wrap; padding: 20px; background-color: #000000; border-radius: 10px;">
+<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 30px; background: linear-gradient(45deg, #2c3e50, #34495e); border-radius: 15px;">
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Recovery Zone Jobs|Job Categories]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Recovery Zone Jobs|Job Categories]]</h3>
-     <p style="color: #333333; text-align: center;">Explore various jobs available in the Recovery Zone.</p>
+     <p style="color: #7f8c8d; text-align: center;">Explore various jobs available in the Recovery Zone.</p>
    </div>
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Recovery Zone Commands|Commands]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Recovery Zone Commands|Commands]]</h3>
-     <p style="color: #333333; text-align: center;">List of commands to use in the Recovery Zone for players.</p>
+     <p style="color: #7f8c8d; text-align: center;">List of commands to use in the Recovery Zone for players.</p>
    </div>
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Recovery Zone Houses|Houses]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Recovery Zone Houses|Houses]]</h3>
-     <p style="color: #333333; text-align: center;">Information on houses in the Recovery Zone.</p>
+     <p style="color: #7f8c8d; text-align: center;">Information on houses in the Recovery Zone.</p>
    </div>
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Recovery Zone Factions|Factions]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Recovery Zone Factions|Factions]]</h3>
-     <p style="color: #333333; text-align: center;">Overview of factions in the Recovery Zone, their characteristics, and how to join them.</p>
+     <p style="color: #7f8c8d; text-align: center;">Overview of factions in the Recovery Zone, their characteristics, and how to join them.</p>
    </div>
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Vehicle System|Vehicles System]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Vehicle System|Vehicles System]]</h3>
-     <p style="color: #333333; text-align: center;">Details of the vehicle system including types of vehicles and functionalities.</p>
+     <p style="color: #7f8c8d; text-align: center;">Details of the vehicle system including types of vehicles and functionalities.</p>
    </div>
-   <div style="border: 3px solid #800000; border-radius: 10px; padding: 20px; margin: 10px; background-color: #ffffff; width: 30%; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);">
+   <div style="background: #fff; border-radius: 12px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); padding: 25px; transition: transform 0.3s ease, box-shadow 0.3s ease; cursor: pointer;">
-     <h3 style="color: #800000; text-align: center; font-size: 1.2em; margin: 0 0 15px 0;">[[Test Example|Test Example]]</h3>
+     <h3 style="color: #e74c3c; text-align: center; font-size: 1.3em; margin-bottom: 15px;">[[Other|Other]]</h3>
-     <p style="color: #333333; text-align: center;">ttt</p>
+     <p style="color: #7f8c8d; text-align: center;">Other miscellaneous information about Recovery Zone.</p>
    </div>
 </div>