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

/* Общие настройки таблицы */
.infobox-table {
    width: 100%;
    max-width: 100%;
    background-color: #1e2d40; /* Тёмно-синий фон */
    color: #e0e0e0; /* Светлый текст */
    border: 1px solid #003366; /* Тёмно-синяя рамка */
    border-radius: 5px;
    box-shadow: 0px 0px 15px rgba(0, 51, 102, 0.7); /* Тень для строгого вида */
    padding: 5px;
    margin-bottom: 20px; /* Добавляем отступы снизу между таблицами */
}

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

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

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

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

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

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

.home-grid {
	display: grid;
	grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );
	grid-auto-rows: minmax( 3rem, auto );
	grid-gap: calc(0.5 * 1rem);
}

.home-grid--col2 {
	grid-template-columns: 1fr 1fr;
}

.home-grid a.external {
	background-image: none;
}

.home-card {
	position: relative;
	padding: 1rem;
	background: hsl(220,25%,12%);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 8px;
	box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.04 ), 0 3px 6px rgba( 0, 0, 0, 0.0575 );
	font-size: 0.875rem;
}

.home-card table.timeline {
	margin-top: 0.2rem;
}

.home-card--col2 {
	grid-column: span 2;
}

.home-card--col3 {
	grid-column: span 1;
}

.home-card--row1 {
	grid-row: span 1;
}

.home-card--row3 {
	grid-row: span 3;
}

.home-card--row4 {
	grid-row: span 4;
}

.home-card--row8 {
	grid-row: span 8 / auto;
}