Untitled
unknown
plain_text
a month ago
3.8 kB
2
Indexable
/* ===== RESET STYLÓW ===== */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; display: flex; flex-direction: column; background-color: #13181F; color: #B4C2D7; font-family: 'Poppins', sans-serif; text-align: center; margin: 0; padding: 0; } .logo { display: block; margin: 70px auto; } /* ===== KONTENERY ===== */ .container { display: flex; justify-content: space-between; max-width: 1600px; /* Większa szerokość */ margin: 0 auto; } .box { width: 25%; /* Zmniejszamy szerokość lewego i prawego kontenera */ } .box.center { width: 40%; /* Zwiększamy szerokość środkowego kontenera */ } /* ===== NAGŁÓWKI ===== */ h2 { color: #fff; font-weight: bold; font-size: 28px; /* Lekko większa czcionka */ margin-bottom: 15px; } h2 span { color: #69A81B; } a { color: #69A81B; } .underline { width: 60px; height: 4px; background-color: #303B4A; margin: 10px auto 30px; margin-bottom: 20px; } /* ===== FILMIK YOUTUBE ===== */ .video-container { background-color: #191F28; padding: 10px; border-radius: 8px; margin-bottom: 50px; margin-bottom: 50px; } .video-container iframe { width: 100%; height: 250px; display: block; } /* ===== WSPIERANE SERWERY ===== */ .server-boxes { display: flex; justify-content: center; gap: 20px; margin-top: 30px; } .server-box { display: flex; align-items: center; background-color: #1F2630; padding: 15px 20px; border-radius: 8px; text-decoration: none; color: #fff; font-size: 18px; } .server-box img { width: 28px; height: 28px; border-radius: 50%; margin-right: 12px; } /* ===== MENU BOTA (SLIDER) ===== */ .slider-container { display: flex; justify-content: center; align-items: center; position: relative; } /* ✅ OBRAMÓWKA JAK W FILMIKU YOUTUBE */ .image-container { background-color: #191F28; padding: 10px; border-radius: 8px; display: flex; justify-content: center; align-items: center; width: 475px; height: 475px; } .slider { position: relative; width: 455px; /* Zachowanie oryginalnych wymiarów */ height: 455px; } .slider-img { width: 100%; height: 100%; display: block; } /* ✅ PRZESUNIĘCIE STRZAŁEK CAŁKOWICIE POZA OBRAZEK */ .prev, .next { position: absolute; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 32px; cursor: pointer; z-index: 10; } /* Strzałki przesunięte poza container */ .prev { left: -30px; } .next { right: -30px; } /* ===== TEKSTY I ODSTĘPY ===== */ p { font-family: 'Poppins', sans-serif; font-weight: 400; /* Regular */ font-size: 16px; /* Zmniejszony rozmiar tekstu (2 poziomy niżej) */ display: block; /* Każde zdanie traktowane jako osobny blok */ } /* ✅ USTAWIENIE ODSTĘPÓW, ABY WSZYSTKO BYŁO SYMETRYCZNE */ .section { margin-bottom: 50px; /* Równe odstępy między sekcjami */ } .youtube-container, .discord-container, .servers-container { margin-top: 20px; /* Upewnienie się, że są na tej samej wysokości */ } /* ===== STOPKA NA DOLE ===== */ footer { background: #13181F; padding: 10px; text-align: center; margin-top: auto; /* Umożliwia jej pozostanie na dole */ font-size: 12px; width: 100%; } /* ===== ODSTĘP DLA SERWERA DISCORD ===== */ .spacer { height: 105px; /* Dostosuj wysokość do wyrównania */ }
Editor is loading...
Leave a Comment