|
|
| Строка 1: |
Строка 1: |
| /* === Стили для главной страницы === */
| |
|
| |
|
| /* Баннер */
| |
| .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-table {
| |
| width: 100%;
| |
| border: none;
| |
| border-spacing: 15px;
| |
| margin-bottom: 25px;
| |
| }
| |
|
| |
| .server-table td {
| |
| padding: 0;
| |
| vertical-align: top;
| |
| width: 50%;
| |
| }
| |
|
| |
| /* Карточка сервера */
| |
| .server-card {
| |
| background: #f8f9fa;
| |
| border-radius: 10px;
| |
| padding: 20px;
| |
| border-left: 5px solid #ccc;
| |
| border-top: 5px solid #ccc;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| min-height: 180px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .server-card:hover {
| |
| transform: translateY(-4px);
| |
| box-shadow: 0 8px 20px rgba(0,0,0,0.12);
| |
| }
| |
|
| |
| /* Цветовые акценты */
| |
| .server-card.tf2-vsh {
| |
| border-left-color: #e67e22;
| |
| border-top-color: #e67e22;
| |
| }
| |
|
| |
| .server-card.tf2-mm {
| |
| border-left-color: #d35400;
| |
| border-top-color: #d35400;
| |
| }
| |
|
| |
| .server-card.csgo {
| |
| border-left-color: #3498db;
| |
| border-top-color: #3498db;
| |
| }
| |
|
| |
| .server-card.css {
| |
| border-left-color: #f1c40f;
| |
| border-top-color: #f1c40f;
| |
| }
| |
|
| |
| .server-card h3 {
| |
| margin: 0 0 10px 0;
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
| .server-card p {
| |
| margin: 0 0 15px 0;
| |
| color: #555;
| |
| font-size: 0.95em;
| |
| }
| |
|
| |
| .server-card a {
| |
| text-decoration: none;
| |
| color: inherit;
| |
| display: block;
| |
| }
| |
|
| |
| .server-card .go-link {
| |
| color: #e67e22;
| |
| font-weight: bold;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| /* Блок быстрых ссылок */
| |
| .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: #ffffff;
| |
| border-radius: 6px;
| |
| text-decoration: none;
| |
| font-weight: 600;
| |
| }
| |
|
| |
| .quick-links-box a:hover {
| |
| background: #e67e22;
| |
| }
| |
| /* === СКРЫТИЕ ТОЛЬКО БОКОВЫХ ПАНЕЛЕЙ (НЕ ТРОГАЕМ ВЕРХНЕЕ МЕНЮ!) === */
| |
|
| |
| /* Скрываем левую панель "Навигация" */
| |
| .skin-timeless #mw-panel-navigation,
| |
| .skin-timeless .mw-portlet-navigation,
| |
| .skin-timeless #p-navigation {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Скрываем правую панель "Ещё" (toolbox) */
| |
| .skin-timeless #mw-panel-tb,
| |
| .skin-timeless .mw-portlet-tb,
| |
| .skin-timeless #p-tb {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Скрываем панель инструментов страницы */
| |
| .skin-timeless #mw-panel-page-tools,
| |
| .skin-timeless .mw-portlet-page-tools,
| |
| .skin-timeless #p-page-tools {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Скрываем панель "Вики-инструменты" */
| |
| .skin-timeless #mw-panel-wikimenutools,
| |
| .skin-timeless .mw-portlet-wikimenutools,
| |
| .skin-timeless #p-wikimenutools {
| |
| display: none !important;
| |
| }
| |
|
| |
| /* Убираем пустое место, которое оставляли боковые панели */
| |
| .skin-timeless #mw-content-container {
| |
| padding-left: 0 !important;
| |
| padding-right: 0 !important;
| |
| max-width: 100% !important;
| |
| margin: 0 auto !important;
| |
| }
| |
|
| |
| /* === СТИЛИ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ === */
| |
|
| |
| /* Баннер */
| |
| .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;
| |
| }
| |
|
| |
| /* Сетка карточек 2x2 */
| |
| .server-grid {
| |
| display: grid;
| |
| grid-template-columns: 1fr 1fr;
| |
| gap: 20px;
| |
| margin-bottom: 25px;
| |
| }
| |
|
| |
| /* Карточка сервера */
| |
| .server-card {
| |
| background: #f8f9fa;
| |
| border-radius: 10px;
| |
| padding: 20px;
| |
| border-left: 5px solid #ccc;
| |
| border-top: 5px solid #ccc;
| |
| transition: transform 0.2s ease, box-shadow 0.2s ease;
| |
| min-height: 180px;
| |
| display: flex;
| |
| flex-direction: column;
| |
| justify-content: space-between;
| |
| }
| |
|
| |
| .server-card:hover {
| |
| transform: translateY(-4px);
| |
| box-shadow: 0 8px 20px rgba(0,0,0,0.12);
| |
| }
| |
|
| |
| /* Цветовые акценты */
| |
| .server-card.tf2-vsh {
| |
| border-left-color: #e67e22;
| |
| border-top-color: #e67e22;
| |
| }
| |
|
| |
| .server-card.tf2-mm {
| |
| border-left-color: #d35400;
| |
| border-top-color: #d35400;
| |
| }
| |
|
| |
| .server-card.csgo {
| |
| border-left-color: #3498db;
| |
| border-top-color: #3498db;
| |
| }
| |
|
| |
| .server-card.css {
| |
| border-left-color: #f1c40f;
| |
| border-top-color: #f1c40f;
| |
| }
| |
|
| |
| .server-card h3 {
| |
| margin: 0 0 10px 0;
| |
| font-size: 1.2em;
| |
| }
| |
|
| |
| .server-card p {
| |
| margin: 0 0 15px 0;
| |
| color: #555;
| |
| font-size: 0.95em;
| |
| }
| |
|
| |
| .server-card .go-link {
| |
| color: #e67e22;
| |
| font-weight: bold;
| |
| font-size: 0.9em;
| |
| }
| |
|
| |
| /* Адаптация под мобильные */
| |
| @media (max-width: 768px) {
| |
| .server-grid {
| |
| grid-template-columns: 1fr;
| |
| }
| |
| .server-card {
| |
| min-height: 150px;
| |
| }
| |
| }
| |