Main Page: Difference between revisions

From ECLIPSE Roleplay
Added remaining icons
Styling: Adjusted div spacing, changed shadow effect and added radius to bottom corners
Line 5: Line 5:
<div style="flex: 1; margin-right: 20px;">
<div style="flex: 1; margin-right: 20px;">


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Start_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Start_icon.png|40px|right]]</div>
     <h3>Getting Started</h3>
     <h3>Getting Started</h3>
Line 16: Line 16:
</div>
</div>


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Puzzle_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Puzzle_icon.png|40px|right]]</div>
     <h3>Features</h3>
     <h3>Features</h3>
Line 44: Line 44:
         <li>[[Crafting]]</li> </ul>
         <li>[[Crafting]]</li> </ul>
</div>
</div>
<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
 
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Key_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Key_icon.png|40px|right]]</div>
     <h3>Server Lore & Notable Events</h3>
     <h3>Server Lore & Notable Events</h3>
Line 56: Line 57:
</div>
</div>


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Community_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Community_icon.png|40px|right]]</div>
     <h3>Community</h3>
     <h3>Community</h3>
Line 67: Line 68:
</div>
</div>


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Help_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Help_icon.png|40px|right]]</div>
     <h3>Help and Support</h3>
     <h3>Help and Support</h3>
Line 81: Line 82:
</div>
</div>


<div style="flex: 1; margin-left: 20px;">
<div style="flex: 1; margin-left: 20;">


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Work_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Work_icon.png|40px|right]]</div>
     <h3>Jobs</h3>
     <h3>Jobs</h3>
Line 107: Line 108:
</div>
</div>


<div style="border: 1px solid #D8D8D8; padding: 8px; margin: 10px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.5); border-radius: 5px 5px 0 0;">
<div style="border: 1px solid #D8D8D8; padding: 8px; margin-top: 20px; box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2); border-radius: 5px 5px 5px 5px;">
     <div style="float:right; width: 40px;">[[File:Group_icon.png|40px|right]]</div>
     <div style="float:right; width: 40px;">[[File:Group_icon.png|40px|right]]</div>
     <h3>Factions</h3>
     <h3>Factions</h3>

Revision as of 14:42, 18 July 2024


Factions


Government Factions

Legal Factions

Current Illegal Factions

Former Notable Illegal Factions