Sampsphere Wiki

Welcome to the Sampsphere Wiki! Your ultimate resource for samp scripting. Explore, learn, contribute, and connect.

Navigation

42O Dayz

San Andreas Multiplayer Wiki

   <css>
       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%;
           }
       }
   </css>