MediaWiki:Common.css - Revision history

N.Sorokin at 12:04, 26 June 2026

2026-06-26T12:04:24Z

← Older revision		Revision as of 12:04, 26 June 2026
Line 317:		Line 317:
	table.concert-table th:first-child,		table.concert-table th:first-child,
	table.concert-table td.date-cell {		table.concert-table td.date-cell {
	width: ~~22ch~~; /* Ширина примерно в 22 символа текста */		width: 20ch; /* Ширина примерно в 22 символа текста */
	min-width: ~~22ch~~;		min-width: 20ch;
	max-width: ~~22ch~~;		max-width: 20ch;
	word-wrap: break-word; /* Аккуратный перенос длинных строк */		word-wrap: break-word; /* Аккуратный перенос длинных строк */
	}		}
	}		}

N.Sorokin at 12:02, 26 June 2026

2026-06-26T12:02:21Z

@@ Line 310: / Line 310: @@
      box-sizing: border-box;
      margin-bottom: 15px; /* Отступ от заголовка до первой карточки-даты */
+   }
+}

N.Sorokin at 11:57, 26 June 2026

2026-06-26T11:57:11Z

← Older revision		Revision as of 11:57, 26 June 2026
Line 223:		Line 223:
	height: 100%;		height: 100%;
	background: lightgrey;		background: lightgrey;
			}

			.date-cell {
			text-align: center;
			vertical-align: middle;
	}		}

N.Sorokin at 11:19, 26 June 2026

2026-06-26T11:19:40Z

← Older revision		Revision as of 11:19, 26 June 2026
Line 298:		Line 298:
	}		}

	/* ~~Оформление главного заголовка (тег \|+) для~~ таблицы ~~концертов~~ */		/* Заставляем заголовок таблицы центрироваться, когда сама таблица стала блоком */
	table.concert-table caption {		table.concert-table caption {
	~~caption-side~~: ~~top~~;		display: block !important;
	text-align: center !important; ~~/* Жестко центрируем текст */~~		width: 100% !important;
	~~font~~-~~weight~~: ~~bold~~;		text-align: center !important;
	~~font~~-~~size~~: ~~1.2em~~; /* ~~Делаем шрифт чуть крупнее~~ */		box-sizing: border-box;
	~~padding: 15px 10px;~~		margin-bottom: 15px; /* Отступ от заголовка до первой карточки-даты */
	~~width: 100%;~~		}
	}
	}		}

N.Sorokin at 11:04, 26 June 2026

2026-06-26T11:04:20Z

← Older revision		Revision as of 11:04, 26 June 2026
Line 298:		Line 298:
	}		}

	* Оформление главного заголовка (тег \|+) для таблицы концертов */		/* Оформление главного заголовка (тег \|+) для таблицы концертов */
	table.concert-table caption {		table.concert-table caption {
	caption-side: top;		caption-side: top;

N.Sorokin at 10:52, 26 June 2026

2026-06-26T10:52:51Z

@@ Line 297: / Line 297: @@
      display: none;
+   }
+}

N.Sorokin at 10:49, 26 June 2026

2026-06-26T10:49:31Z

← Older revision		Revision as of 10:49, 26 June 2026
Line 289:		Line 289:
	table.concert-table th:first-child::after,		table.concert-table th:first-child::after,
	table.concert-table td:first-child::after {		table.concert-table td:first-child::after {
			display: none;
			}

			/* 5. Скрываем верхнюю шапку таблицы (строку с названиями колонок) на телефонах */
			table.concert-table > thead,
			table.concert-table > tbody > tr:first-child {
	display: none;		display: none;
	}		}
	}		}

N.Sorokin at 10:41, 26 June 2026

2026-06-26T10:41:17Z

← Older revision		Revision as of 10:41, 26 June 2026
Line 231:		Line 231:
	.entry {		.entry {
	min-width: 100%;		min-width: 100%;
	grid-template-columns: max-content ~~auto~~;		grid-template-columns: max-content 1fr;
	grid-template-areas:		grid-template-areas:
	"number chapter"		"number chapter"
Line 259:		Line 259:
	}		}

	/* Чтобы у самого последнего произведения в списке не было лишней черты снизу */		/* Чтобы у самого последнего произведения в списке не было лишней черты снизу
	.entry:last-child .composer {		.entry:last-child .composer {
	border-bottom: none;		border-bottom: none;
	}		} */

	/* 4. Чиним "липкую" таблицу */		/* 4. Чиним "липкую" таблицу */

N.Sorokin at 10:36, 26 June 2026

2026-06-26T10:36:49Z

← Older revision		Revision as of 10:36, 26 June 2026
Line 254:		Line 254:
	.composer {		.composer {
	text-align: right;		text-align: right;
	~~font-size: 0.9em;~~
	~~color: #555;~~
	margin-top: 0.2rem;		margin-top: 0.2rem;
	border-bottom: 2px dotted #ccc; /* Та самая легкая точечная линия */		border-bottom: 2px dotted #ccc; /* Та самая легкая точечная линия */

N.Sorokin at 10:36, 26 June 2026

2026-06-26T10:36:03Z

← Older revision		Revision as of 10:36, 26 June 2026
Line 228:		Line 228:
	@media screen and (max-width: 768px) {		@media screen and (max-width: 768px) {

	/* 1. ~~Снимаем жесткое ограничение ширины списка~~ */		/* 1. Меняем сетку, чтобы вторая строка занимала всю ширину */
	.entry {		.entry {
	min-width: 100%; ~~/* Убиваем min-width: 50ch */~~		min-width: 100%;
	~~/* Перестраиваем грид в 2 строки: номер+название, под ними композитор */~~
	grid-template-columns: max-content auto;		grid-template-columns: max-content auto;
	grid-template-areas:		grid-template-areas:
	"number chapter"		"number chapter"
	". page"; /* ~~Точка означает пустую ячейку под номером~~ */		"page page"; /* Заменили точку на page, теперь фамилия занимает всю ширину от края до края */
	margin-bottom: 0.8rem;		margin-bottom: 0.8rem;
	}		}
Line 252:		Line 251:
	}		}

	/* 3. ~~Сдвигаем~~ композитора ~~вправо~~ и ~~делаем чуть бледнее~~ */		/* 3. Оформляем композитора и добавляем точечную линию ВНИЗУ */
	.composer {		.composer {
	text-align: right;		text-align: right;
			font-size: 0.9em;
			color: #555;
	margin-top: 0.2rem;		margin-top: 0.2rem;
			border-bottom: 2px dotted #ccc; /* Та самая легкая точечная линия */
			/* padding-bottom: 0.4rem; Воздух между фамилией и линией */
			}

			/* Чтобы у самого последнего произведения в списке не было лишней черты снизу */
			.entry:last-child .composer {
			border-bottom: none;
	}		}