More actions
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
<div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 20px;"> | <div style="display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 20px;"> | ||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | <div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | ||
<h2 style="color: #00FF00; font-size: 1.5em; margin: 0 0 15px;">[[42O Dayz]]</h2> | |||
<ul style="list-style-type: none; padding: 0;"> | <ul style="list-style-type: none; padding: 0;"> | ||
<li style="color: #D3D3D3; font-size: 1em; margin: 10px 0;">[[Getting Started]]</li> | <li style="color: #D3D3D3; font-size: 1em; margin: 10px 0;">[[Getting Started]]</li> | ||
Line 16: | Line 16: | ||
</ul> | </ul> | ||
</div> | </div> | ||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | <div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | ||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[San Andreas Multiplayer Wiki]]</h2> | <h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[San Andreas Multiplayer Wiki]]</h2> | ||
</div> | |||
<!-- New Navigation Items --> | |||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | |||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[Recovery Zone]]</h2> | |||
<p style="color: #D3D3D3; margin: 10px 0;">Get assistance and recover items here.</p> | |||
</div> | |||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | |||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[Help]]</h2> | |||
<p style="color: #D3D3D3; margin: 10px 0;">Find support and FAQs.</p> | |||
</div> | |||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | |||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[Settings]]</h2> | |||
<p style="color: #D3D3D3; margin: 10px 0;">Customize your experience and settings.</p> | |||
</div> | |||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | |||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[VIP System]]</h2> | |||
<p style="color: #D3D3D3; margin: 10px 0;">Exclusive benefits and features for VIP members.</p> | |||
</div> | |||
<div style="background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center;"> | |||
<h2 style="color: #800000; font-size: 1.5em; margin: 0;">[[Gang System]]</h2> | |||
<p style="color: #D3D3D3; margin: 10px 0;">Information on forming and joining gangs.</p> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
< | <style> | ||
body { | |||
font-family: 'Arial', sans-serif; | |||
background: #121212; /* Dark background for the whole page */ | |||
color: #FFFFFF; | |||
} | |||
/* Main container styling */ | |||
.modern-container { | |||
background-color: #000000; | |||
color: #FFFFFF; | |||
padding: 30px; | |||
border-radius: 15px; | |||
box-shadow: 0 10px 20px rgba(128, 0, 0, 0.3); | |||
} | |||
/* Heading styles */ | |||
h1 { | |||
font-size: 3em; | |||
text-shadow: 0 4px 8px rgba(255, 0, 0, 0.5); | |||
margin: 0; | |||
} | |||
/* Paragraph styles */ | |||
p { | |||
font-size: 20px; | |||
color: #D3D3D3; | |||
margin: 20px 0; | |||
} | |||
/* Navigation header */ | |||
.nav-header { | |||
text-align: center; | |||
font-size: 2.2em; | |||
color: #800000; | |||
margin-top: 30px; | |||
} | |||
/* Navigation containers */ | |||
.nav-item { | |||
background-color: #1a1a1a; | |||
color: #FFFFFF; | |||
padding: 20px; | |||
border-radius: 10px; | |||
box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); | |||
flex: 1 1 250px; | |||
min-width: 250px; | |||
text-align: center; | |||
margin: 10px; | |||
transition: transform 0.3s ease; | |||
} | |||
.nav-item:hover { | |||
transform: translateY(-5px); | |||
} | |||
/* Navigation lists */ | |||
ul { | |||
list-style-type: none; | |||
padding: 0; | |||
} | |||
li { | |||
color: #D3D3D3; | |||
font-size: 1em; | |||
margin: 10px 0; | |||
} | |||
/* Navigation item headers */ | |||
h2 { | |||
color: #800000; | |||
font-size: 1.5em; | |||
margin: 0 0 15px; | |||
} | |||
/* Flex layout for navigation */ | |||
.nav-flex { | |||
display: flex; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
padding: 20px; | |||
} | |||
/* Responsive design */ | |||
@media (max-width: 600px) { | |||
.nav-item { | |||
flex: 1 1 100%; | |||
} | } | ||
} | |||
</ | </style> | ||
Revision as of 04:58, 20 December 2024
Sampsphere Wiki
Welcome to the Sampsphere Wiki! Your ultimate resource for samp scripting. Explore, learn, contribute, and connect.
Navigation
Recovery Zone
Get assistance and recover items here.
Help
Find support and FAQs.
Settings
Customize your experience and settings.
VIP System
Exclusive benefits and features for VIP members.
Gang System
Information on forming and joining gangs.
<style>
body { font-family: 'Arial', sans-serif; background: #121212; /* Dark background for the whole page */ color: #FFFFFF; } /* Main container styling */ .modern-container { background-color: #000000; color: #FFFFFF; padding: 30px; border-radius: 15px; box-shadow: 0 10px 20px rgba(128, 0, 0, 0.3); }
/* Heading styles */ h1 { font-size: 3em; text-shadow: 0 4px 8px rgba(255, 0, 0, 0.5); margin: 0; }
/* Paragraph styles */ p { font-size: 20px; color: #D3D3D3; margin: 20px 0; }
/* Navigation header */ .nav-header { text-align: center; font-size: 2.2em; color: #800000; margin-top: 30px; }
/* Navigation containers */ .nav-item { background-color: #1a1a1a; color: #FFFFFF; padding: 20px; border-radius: 10px; box-shadow: 0 5px 10px rgba(128, 0, 0, 0.2); flex: 1 1 250px; min-width: 250px; text-align: center; margin: 10px; transition: transform 0.3s ease; }
.nav-item:hover { transform: translateY(-5px); }
/* Navigation lists */ ul { list-style-type: none; padding: 0; }
li { color: #D3D3D3; font-size: 1em; margin: 10px 0; }
/* Navigation item headers */ h2 { color: #800000; font-size: 1.5em; margin: 0 0 15px; }
/* Flex layout for navigation */ .nav-flex { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; padding: 20px; }
/* Responsive design */ @media (max-width: 600px) { .nav-item { flex: 1 1 100%; } }
</style>