Шаблон:NanoTrasen Archive/styles.css

/* Контейнер для таблиц */
.infobox-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px; /* Расстояние между таблицами */
}

/* Общие настройки таблицы */
.infobox-table {
    background-color: #1e2d40; /* Тёмно-синий фон */
    color: #e0e0e0; /* Светлый текст */
    border: 1px solid #003366; /* Тёмно-синяя рамка */
    box-shadow: 0px 0px 8px rgba(0, 51, 102, 0.5); /* Слабая тень для строгого вида */
    padding: 0;
    margin-bottom: 10px; /* Отступы снизу */
    box-sizing: border-box; /* Гарантирует, что границы и padding учитываются в ширине */
}

/* Заголовки таблицы */
.infobox-table th {
    background-color: #003366; /* Глубокий синий цвет для заголовков */
    color: #ffffff; /* Белый текст для контраста */
    text-align: center;
    font-weight: bold;
    padding: 8px;
    border-bottom: 1px solid #005999; /* Более светлая синяя линия снизу */
}

/* Текстовые ячейки */
.infobox-table td {
    background-color: #1e2d40; /* Сохранение темного синего фона для ячеек */
    color: #d0d0d0; /* Немного светлее для текста в ячейках */
    padding: 5px;
    border: 1px solid #005999; /* Границы ячеек чуть светлее */
}

/* Изображения */
.infobox-table-img {
    background-color: #001a33; /* Ещё более тёмный синий фон для изображений */
    padding: 5px;
    border: 1px solid #005999; /* Светло-синяя граница для изображения */
}

/* Название персонажа */
.infobox-table-name {
    font-size: 1.3em;
    font-weight: bold;
    color: #ffffff; /* Белый текст */
    background-color: #003366; /* Синий фон */
    padding: 8px;
    border-bottom: 1px solid #005999; /* Разделительная линия */
}

/* Заголовки разделов */
.infobox-table-h1 {
    background-color: #002b4d; /* Темный синий для разделов */
    color: #ffffff; /* Белый текст */
    font-weight: bold;
    padding: 6px;
    border-top: 1px solid #005999; /* Границы сверху для разделов */
}

/* Дополнительные настройки */
.citizen-table-nowrap td {
    white-space: nowrap;
}