MediaWiki:Timeless.css: различия между версиями
Материал из Игровой проект Хаос Тайги
Elite (обсуждение | вклад) Нет описания правки |
Elite (обсуждение | вклад) Нет описания правки |
||
| Строка 1: | Строка 1: | ||
/* | /* === Стили для главной страницы === */ | ||
/* Баннер */ | |||
.hero-banner { | .hero-banner { | ||
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); | background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); | ||
| Строка 6: | Строка 8: | ||
border-radius: 10px; | border-radius: 10px; | ||
text-align: center; | text-align: center; | ||
margin-bottom: | margin-bottom: 25px; | ||
} | |||
.hero-banner h1 { | |||
margin: 0 0 10px 0; | |||
font-size: 2em; | |||
} | } | ||
. | .hero-banner p { | ||
margin: 0; | |||
font-size: 1.1em; | |||
opacity: 0.9; | |||
} | } | ||
.server- | /* Карточка сервера */ | ||
.server-card { | |||
background: #f8f9fa; | background: #f8f9fa; | ||
border-radius: 8px; | border-radius: 8px; | ||
padding: 20px; | padding: 20px; | ||
border-left: | border-left: 5px solid #ccc; | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | |||
cursor: pointer; | |||
text-decoration: none; | |||
color: inherit; | |||
display: block; | |||
} | |||
.server-card:hover { | |||
transform: translateY(-3px); | |||
box-shadow: 0 6px 15px rgba(0,0,0,0.1); | |||
} | |||
/* Цветовые акценты */ | |||
.server-card.tf2-vsh { border-left-color: #e67e22; } | |||
.server-card.tf2-mm { border-left-color: #d35400; } | |||
.server-card.csgo { border-left-color: #3498db; } | |||
.server-card.css { border-left-color: #f1c40f; } | |||
.server-card h3 { | |||
margin: 0 0 10px 0; | |||
font-size: 1.3em; | |||
} | |||
.server-card p { | |||
margin: 0 0 15px 0; | |||
color: #555; | |||
} | |||
.server-card .go-link { | |||
color: #e67e22; | |||
font-weight: bold; | |||
font-size: 0.95em; | |||
} | } | ||
/* Блок быстрых ссылок */ | |||
.quick-links-box { | .quick-links-box { | ||
background: #f8f9fa; | background: #f8f9fa; | ||
| Строка 26: | Строка 68: | ||
border-radius: 8px; | border-radius: 8px; | ||
text-align: center; | text-align: center; | ||
margin-top: | margin-top: 25px; | ||
} | |||
.quick-links-box a { | |||
display: inline-block; | |||
margin: 5px 8px; | |||
padding: 8px 16px; | |||
background: #2a2a2a; | |||
color: white !important; | |||
border-radius: 6px; | |||
text-decoration: none; | |||
font-weight: 600; | |||
} | |||
.quick-links-box a:hover { | |||
background: #e67e22; | |||
} | } | ||
Версия от 13:21, 4 ноября 2026
/* === Стили для главной страницы === */
/* Баннер */
.hero-banner {
background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
color: white;
padding: 30px;
border-radius: 10px;
text-align: center;
margin-bottom: 25px;
}
.hero-banner h1 {
margin: 0 0 10px 0;
font-size: 2em;
}
.hero-banner p {
margin: 0;
font-size: 1.1em;
opacity: 0.9;
}
/* Карточка сервера */
.server-card {
background: #f8f9fa;
border-radius: 8px;
padding: 20px;
border-left: 5px solid #ccc;
transition: transform 0.2s ease, box-shadow 0.2s ease;
cursor: pointer;
text-decoration: none;
color: inherit;
display: block;
}
.server-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(0,0,0,0.1);
}
/* Цветовые акценты */
.server-card.tf2-vsh { border-left-color: #e67e22; }
.server-card.tf2-mm { border-left-color: #d35400; }
.server-card.csgo { border-left-color: #3498db; }
.server-card.css { border-left-color: #f1c40f; }
.server-card h3 {
margin: 0 0 10px 0;
font-size: 1.3em;
}
.server-card p {
margin: 0 0 15px 0;
color: #555;
}
.server-card .go-link {
color: #e67e22;
font-weight: bold;
font-size: 0.95em;
}
/* Блок быстрых ссылок */
.quick-links-box {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
text-align: center;
margin-top: 25px;
}
.quick-links-box a {
display: inline-block;
margin: 5px 8px;
padding: 8px 16px;
background: #2a2a2a;
color: white !important;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
}
.quick-links-box a:hover {
background: #e67e22;
}