|
|
| Line 1: |
Line 1: |
| | <html> |
| | |
| <style> | | <style> |
| /* Sayfanın genel arka planı ve yazı rengi (Koyu Tema) */ | | /* Sayfanın genel arka planı ve yazı rengi (Koyu Tema) */ |
| Line 16: |
Line 18: |
| } | | } |
|
| |
|
| /* Ortadaki büyük başlık ve arama kutusu */ | | /* ... (diğer tüm CSS kodları burada) ... */ |
| .mainpage-header { | |
| text-align: center;
| |
| padding: 40px 20px;
| |
| }
| |
| .mainpage-header h1 { | |
| font-size: 3.5em;
| |
| font-weight: bold;
| |
| color: #fff;
| |
| margin: 0;
| |
| }
| |
| .mainpage-header p {
| |
| font-size: 1.2em;
| |
| color: #a9b3c2;
| |
| margin-top: 10px;
| |
| }
| |
| .mainpage-search .inputbox { | |
| transform: scale(1.2); /* Arama kutusunu biraz büyütür */
| |
| margin-top: 30px;
| |
| }
| |
|
| |
|
| /* Link Kutuları Izgarası (Grid) */
| |
| .mainpage-grid {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); /* Esnek kutu yapısı */
| |
| gap: 15px; /* Kutular arası boşluk */
| |
| margin-top: 30px;
| |
| }
| |
| .grid-box {
| |
| background-color: #2a2d34;
| |
| border: 1px solid #40444c;
| |
| border-radius: 8px;
| |
| padding: 20px;
| |
| text-align: center;
| |
| color: #f0f0f0;
| |
| text-decoration: none;
| |
| transition: all 0.2s ease-in-out;
| |
| }
| |
| .grid-box:hover {
| |
| transform: translateY(-5px);
| |
| border-color: #5865f2;
| |
| background-color: #31333b;
| |
| }
| |
| .grid-box img {
| |
| max-width: 64px;
| |
| max-height: 64px;
| |
| margin-bottom: 10px;
| |
| }
| |
| .grid-box span {
| |
| display: block;
| |
| font-size: 1.1em;
| |
| font-weight: bold;
| |
| }
| |
| </style> | | </style> |
|
| |
|
| Line 88: |
Line 39: |
| <img src="https://starcitizen.tools/images/thumb/3/36/Carrack_-_Expedition_-_Flight_-_Isometric.png/128px-Carrack_-_Expedition_-_Flight_-_Isometric.png" alt="Ships"> | | <img src="https://starcitizen.tools/images/thumb/3/36/Carrack_-_Expedition_-_Flight_-_Isometric.png/128px-Carrack_-_Expedition_-_Flight_-_Isometric.png" alt="Ships"> |
| <span>Ships</span> | | <span>Ships</span> |
| </a>
| |
| <a href="/index.php/Components" class="grid-box">
| |
| <img src="https://starcitizen.tools/images/thumb/e/e9/Cooler_Glacier.png/128px-Cooler_Glacier.png" alt="Components">
| |
| <span>Components</span>
| |
| </a>
| |
| <a href="/index.php/Equipment" class="grid-box">
| |
| <img src="https://starcitizen.tools/images/thumb/e/e9/FS-9_LMG.png/128px-FS-9_LMG.png" alt="Equipment">
| |
| <span>Equipment</span>
| |
| </a>
| |
| <a href="/index.php/Commodities" class="grid-box">
| |
| <img src="https://starcitizen.tools/images/thumb/9/91/SCU_1_crate.png/128px-SCU_1_crate.png" alt="Commodities">
| |
| <span>Commodities</span>
| |
| </a>
| |
| <a href="/index.php/Locations" class="grid-box">
| |
| <img src="https://starcitizen.tools/images/thumb/8/86/Stanton_I_Hurston.png/128px-Stanton_I_Hurston.png" alt="Locations">
| |
| <span>Locations</span>
| |
| </a>
| |
| <a href="/index.php/Careers" class="grid-box">
| |
| <img src="https://starcitizen.tools/images/thumb/4/4b/Refinery_thumbnail.png/128px-Refinery_thumbnail.png" alt="Careers">
| |
| <span>Careers</span>
| |
| </a> | | </a> |
| </div> | | </div> |
|
| |
|
| </div> | | </div> |
| | |
| | </html> |
