Mavi Neon + Animation
```css
/* Base Styles */
body {
background-color: #121212; /* Koyu arka plan */
color: #00aaff; /* Parlak mavi metin */
font-family: 'Courier New', Courier, monospace; /* Daha okunaklı bir font */
margin: 0;
padding: 0;
line-height: 1.8;
text-shadow: 0 0 8px #00aaff;
animation: fadeIn 2s ease-in-out;
}
/* Trampoline effect for the body when it has the specified classes */
body.show-menu.theme-dark.tab-system.disable-error {
animation: trampoline 1.5s ease-out;
}
/* Trampoline animation */
@keyframes trampoline {
0% { transform: scale(1); }
20% { transform: scale(1.12); }
40% { transform: scale(0.88); }
60% { transform: scale(1.06); }
80% { transform: scale(0.98); }
100% { transform: scale(1); }
}
/* Fade-in effect */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
/* Header */
header {
background-color: #0a0a0a;
color: #00aaff;
text-align: center;
padding: 15px 25px;
font-size: 24px;
text-transform: uppercase;
letter-spacing: 3px;
border-bottom: 2px solid #00aaff;
animation: slideDown 1.5s ease-out;
}
/* Header animation */
@keyframes slideDown {
from { transform: translateY(-70px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
/* Navigation */
nav a {
color: #00aaff;
text-decoration: none;
margin: 0 25px;
font-size: 20px;
font-weight: bold;
letter-spacing: 1.5px;
transition: color 0.4s ease, transform 0.4s ease;
}
nav a:hover {
color: #ff007f;
text-decoration: underline;
transform: scale(1.15) rotate(5deg);
}
/* Buttons with animations */
button {
background-color: #00aaff;
color: #000000;
border: 3px solid #00aaff;
padding: 12px 25px;
border-radius: 8px;
font-size: 18px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 0 12px rgba(0, 170, 255, 0.9);
transition: transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}
button:hover {
background-color: #ff007f;
color: #000000;
border: 3px solid #ff007f;
box-shadow: 0 0 18px rgba(255, 0, 127, 0.9);
transform: scale(1.15) rotate(-5deg);
}
```
{"642":{"id":642,"name":"Kurucu","color":"#00a31b","image":"","group_id":"404","power_group":1,"power_role":1,"power_member":1,"power_channel":1,"power_post":1,"power_room":0,"order":1},"643":{"id":643,"name":"Mod","color":"#d68800","image":"","group_id":"404","power_group":0,"power_role":0,"power_member":1,"power_channel":1,"power_post":1,"power_room":0,"order":2},"644":{"id":644,"name":"\u2714\ufe0f Verifed","color":"#ffffff","image":"","group_id":"404","power_group":0,"power_role":0,"power_member":0,"power_channel":0,"power_post":0,"power_room":0,"order":3},"645":{"id":645,"name":"Topluyo Staff","color":"#ff007b","image":"","group_id":"404","power_group":1,"power_role":1,"power_member":1,"power_channel":0,"power_post":1,"power_room":0,"order":0},"694":{"id":694,"name":"Security","color":"#00aaff","image":"","group_id":"404","power_group":0,"power_role":0,"power_member":0,"power_channel":0,"power_post":0,"power_room":0,"order":0}}
Kurucu — 1
Çevrimiçi — 0
Topluyo Staff — 0
Security — 0
Kurucu — 0
Mod — 0
✔️ Verifed — 0
Üyeler — 0
