Шаблон:FunnyTable.css - История изменений

Lnnuux: Увеличена высота

2026-02-16T15:37:36Z

Увеличена высота

← Предыдущая версия		Версия от 17:37, 16 февраля 2026
Строка 20:		Строка 20:
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px;
	padding: ~~15px~~ 8px; /* увеличен вертикальный padding для высоты */		padding: 35px 8px; /* увеличен вертикальный padding для высоты */
	min-height: 60px; /* минимальная высота */		min-height: 60px; /* минимальная высота */
	background-color: transparent;		background-color: transparent;

Lnnuux: Изменён размер шрифта

2026-02-16T15:36:42Z

Изменён размер шрифта

← Предыдущая версия		Версия от 17:36, 16 февраля 2026
Строка 20:		Строка 20:
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px;
	padding: ~~35px~~;		padding: 15px 8px; /* увеличен вертикальный padding для высоты */
			min-height: 60px; /* минимальная высота */
	background-color: transparent;		background-color: transparent;
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;
Строка 45:		Строка 46:
	text-decoration: none !important;		text-decoration: none !important;
	text-shadow: 0 0 2px rgba(0,0,0,0.5); /* лёгкая тень для читаемости */		text-shadow: 0 0 2px rgba(0,0,0,0.5); /* лёгкая тень для читаемости */
			font-size: 20px; /* увеличен размер шрифта до 20px */
	}		}

Lnnuux в 15:32, 16 февраля 2026

2026-02-16T15:32:15Z

← Предыдущая версия		Версия от 17:32, 16 февраля 2026
Строка 20:		Строка 20:
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px;
	padding: ~~25px~~;		padding: 35px;
	background-color: transparent;		background-color: transparent;
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;

Lnnuux в 15:31, 16 февраля 2026

2026-02-16T15:31:56Z

← Предыдущая версия		Версия от 17:31, 16 февраля 2026
Строка 20:		Строка 20:
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px;
	padding: ~~18px~~;		padding: 25px;
	background-color: transparent;		background-color: transparent;
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;

Lnnuux в 15:31, 16 февраля 2026

2026-02-16T15:31:31Z

← Предыдущая версия		Версия от 17:31, 16 февраля 2026
Строка 20:		Строка 20:
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px;
	padding: ~~8px~~;		padding: 18px;
	background-color: transparent;		background-color: transparent;
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;

Lnnuux в 15:23, 16 февраля 2026

2026-02-16T15:23:26Z

← Предыдущая версия		Версия от 17:23, 16 февраля 2026
Строка 1:		Строка 1:
	/* Общие стили для таблиц внутри .wrap */		/* Общие стили для всех таблиц внутри .wrap */
	.wrap table {		.wrap table {
	width: 100%;		width: 100%;
	border-collapse: separate; ~~/* ячейки не слипаются */~~		border-collapse: separate;
	border-spacing: 10px; /* расстояние между кнопками */		border-spacing: 10px; /* расстояние между кнопками */
	margin-bottom: 40px;		margin-bottom: 40px;
	table-layout: fixed; /* одинаковая ширина ячеек */		table-layout: fixed; /* одинаковая ширина ячеек */
	background-color: transparent; ~~/* прозрачный фон таблицы */~~		background-color: transparent;
	}		}

			/* Убираем стандартные границы */
	.wrap table,		.wrap table,
	.wrap th,		.wrap th,
	.wrap td {		.wrap td {
	border: none; ~~/* убираем стандартные рамки */~~		border: none;
	}		}

Строка 18:		Строка 19:
	.wrap td {		.wrap td {
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px; ~~/* скругление углов */~~		border-radius: 12px;
	padding: 8px;		padding: 8px;
	background-color: transparent; ~~/* прозрачный фон кнопок */~~		background-color: transparent;
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
Строка 31:		Строка 32:

	/* Стили для ВСЕХ ссылок внутри ячеек */		/* Стили для ВСЕХ ссылок внутри ячеек */
	.wrap td a {		.wrap td a,
			.wrap td a:link,
			.wrap td a:visited,
			.wrap td a:hover,
			.wrap td a:active {
	display: flex;		display: flex;
	~~flex-direction: column;~~
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	width: 100%;		width: 100%;
	height: 100%;		height: 100%;
	color: white; /* белый цвет ~~текста~~ */		color: white !important; /* белый цвет для любого состояния */
	text-decoration: none;		text-decoration: none !important;
	text-shadow: 0 0 2px rgba(0,0,0,0.5); /* тень для читаемости ~~на светлом фоне */~~		text-shadow: 0 0 2px rgba(0,0,0,0.5); /* лёгкая тень для читаемости */
	}

	~~/* Псевдоэлемент для текста под картинкой (только если есть атрибут title) */~~
	~~.wrap td a[title]::after {~~
	~~display: block;~~
	~~content: attr(title); /* текст из title */~~
	~~font-size: 1rem;~~
	~~color: white;~~
	~~text-shadow: 0 0 2px rgba(0,0,0,0.5);~~
	~~padding-bottom: 3px;~~
	}

	~~/* Стили для изображений внутри ссылок */~~
	~~.wrap td a img {~~
	~~max-width: 32px;~~
	~~max-height: 32px;~~
	~~transition: transform linear 0.15s;~~
	}

	~~.wrap td a:hover img {~~
	~~transform: scale(0.9); /* уменьшение картинки при наведении~~ */
	}		}

Строка 78:		Строка 61:
	}		}

	/* Обнуляем фоновые цвета у всех цветовых классов таблиц ~~(прозрачность)~~ */		/* Обнуляем фоновые цвета у всех цветовых классов таблиц */
	.table-elementary {		.table-elementary{
	background-color: transparent !important;		background-color: transparent !important;
	}		}

Lnnuux в 15:20, 16 февраля 2026

2026-02-16T15:20:15Z

← Предыдущая версия		Версия от 17:20, 16 февраля 2026
Строка 1:		Строка 1:
	/* Общие стили для ~~всех~~ таблиц внутри .wrap */		/* Общие стили для таблиц внутри .wrap */
	.wrap table {		.wrap table {
	width: 100%;		width: 100%;
Строка 5:		Строка 5:
	border-spacing: 10px; /* расстояние между кнопками */		border-spacing: 10px; /* расстояние между кнопками */
	margin-bottom: 40px;		margin-bottom: 40px;
	table-layout: fixed; /* ~~фиксированная~~ ширина ячеек */		table-layout: fixed; /* одинаковая ширина ячеек */
	background-color: transparent; /* прозрачный фон таблицы */		background-color: transparent; /* прозрачный фон таблицы */
	}		}

	~~/* Убираем стандартные границы */~~
	.wrap table,		.wrap table,
	.wrap th,		.wrap th,
	.wrap td {		.wrap td {
	border: none;		border: none; /* убираем стандартные рамки */
	}		}

Строка 26:		Строка 25:
	}		}

	~~/* Эффект при наведении */~~
	.wrap td:hover {		.wrap td:hover {
	box-shadow: inset 0 2px 20px -5px black, 0 4px 8px rgba(0,0,0,0.2);		box-shadow: inset 0 2px 20px -5px black, 0 4px 8px rgba(0,0,0,0.2);
Строка 32:		Строка 30:
	}		}

	/* Стили для ~~содержимого ячейки~~ */		/* Стили для ВСЕХ ссылок внутри ячеек */
	.wrap td ~~> span >~~ a ~~> img~~ {		.wrap td a {
	~~max-width: 32px;~~
	~~max-height: 32px;~~
	~~transition: transform linear 0.15s;~~
	}

	~~.wrap td > span > a {~~
	~~height: 100%;~~
	display: flex;		display: flex;
			flex-direction: column;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	~~flex-direction~~: ~~column~~;		width: 100%;
			height: 100%;
			color: white; /* белый цвет текста */
	text-decoration: none;		text-decoration: none;
			text-shadow: 0 0 2px rgba(0,0,0,0.5); /* тень для читаемости на светлом фоне */
	}		}

	/* ~~Текст~~ под ~~иконкой~~ (~~берётся из~~ title ~~ссылки~~) */		/* Псевдоэлемент для текста под картинкой (только если есть атрибут title) */
	.wrap td ~~> span >~~ a::after {		.wrap td a[title]::after {
	display: block;		display: block;
	content: attr(title);		content: attr(title); /* текст из title */
	font-size: 1rem;		font-size: 1rem;
	color: white; ~~/* белый цвет текста */~~		color: white;
	text-shadow: 0 0 2px rgba(0,0,0,0.5); ~~/* тень для читаемости на любом фоне */~~		text-shadow: 0 0 2px rgba(0,0,0,0.5);
	padding-bottom: 3px;		padding-bottom: 3px;
			}

			/* Стили для изображений внутри ссылок */
			.wrap td a img {
			max-width: 32px;
			max-height: 32px;
			transition: transform linear 0.15s;
			}

			.wrap td a:hover img {
			transform: scale(0.9); /* уменьшение картинки при наведении */
	}		}

Строка 67:		Строка 73:
	}		}

	/* Для таблицы .table-elementary задаём ячейкам ширину 50% (по две ~~на ряд~~) */		/* Для таблицы .table-elementary задаём ячейкам ширину 50% (по две в ряду) */
	.table-elementary td {		.table-elementary td {
	width: 50%;		width: 50%;
	}		}

	/* Обнуляем фоновые цвета у всех цветовых классов таблиц */		/* Обнуляем фоновые цвета у всех цветовых классов таблиц (прозрачность) */
	.table-elementary,		.table-elementary {
	~~.table-world,~~
	~~.table-engineering,~~
	~~.table-medicine,~~
	~~.table-science,~~
	~~.table-security,~~
	~~.table-civil,~~
	~~.table-antagonists,~~
	~~.table-other,~~
	~~.table-technical~~ {
	background-color: transparent !important;		background-color: transparent !important;
	}		}

Lnnuux в 15:05, 16 февраля 2026

2026-02-16T15:05:18Z

← Предыдущая версия		Версия от 17:05, 16 февраля 2026
Строка 1:		Строка 1:
	/* Общие стили для таблиц внутри .wrap */		/* Общие стили для всех таблиц внутри .wrap */
	.wrap table {		.wrap table {
	width: 100%;		width: 100%;
	border-collapse: separate;		border-collapse: separate; /* ячейки не слипаются */
	border-spacing: 10px; /* расстояние между кнопками */		border-spacing: 10px; /* расстояние между кнопками */
	margin-bottom: 40px;		margin-bottom: 40px;
	table-layout: fixed; /* фиксированная ширина ячеек */		table-layout: fixed; /* фиксированная ширина ячеек */
	background-color: transparent; /* прозрачный фон */		background-color: transparent; /* прозрачный фон таблицы */
	}		}

Строка 19:		Строка 19:
	.wrap td {		.wrap td {
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px;		border-radius: 12px; /* скругление углов */
	padding: 8px;		padding: 8px;
	background-color: transparent; /* прозрачный фон кнопок */		background-color: transparent; /* прозрачный фон кнопок */
Строка 32:		Строка 32:
	}		}

	/* ~~Ссылка внутри~~ ячейки */		/* Стили для содержимого ячейки */
			.wrap td > span > a > img {
			max-width: 32px;
			max-height: 32px;
			transition: transform linear 0.15s;
			}

	.wrap td > span > a {		.wrap td > span > a {
	height: 100%;		height: 100%;
Строка 40:		Строка 46:
	flex-direction: column;		flex-direction: column;
	text-decoration: none;		text-decoration: none;
	~~font-size: 0; /* скрываем прямой текст ссылки (например, "Файл:...") */~~
	~~color: black; /* базовый цвет для содержимого */~~
	}

	~~/* Ссылка в состоянии посещения — цвет не меняется */~~
	~~.wrap td > span > a:visited {~~
	~~color: black;~~
	}

	~~/* Изображение внутри ссылки */~~
	~~.wrap td > span > a > img {~~
	~~max-width: 32px;~~
	~~max-height: 32px;~~
	~~transition: transform linear 0.15s;~~
	}

	~~/* Эффект при наведении на ячейку — уменьшаем картинку */~~
	~~.wrap td:hover > span > a > img {~~
	~~transform: scale(0.9);~~
	}		}

	/* ~~Псевдоэлемент для вывода текста~~ из title */		/* Текст под иконкой (берётся из title ссылки) */
	.wrap td > span > a::after {		.wrap td > span > a::after {
	display: block;		display: block;
	content: attr(title);		content: attr(title);
	font-size: 1rem; /* ~~восстанавливаем размер~~ текста */		font-size: 1rem;
	~~color~~: ~~black~~; /* ~~цвет текста кнопки~~ */		color: white; /* белый цвет текста */
			text-shadow: 0 0 2px rgba(0,0,0,0.5); /* тень для читаемости на любом фоне */
	padding-bottom: 3px;		padding-bottom: 3px;
	}		}
Строка 79:		Строка 67:
	}		}

	/* Для таблицы .table-elementary ~~ячейки занимают~~ по ~~половине ширины~~ */		/* Для таблицы .table-elementary задаём ячейкам ширину 50% (по две на ряд) */
	.table-elementary td {		.table-elementary td {
	width: 50%;		width: 50%;
Строка 85:		Строка 73:

	/* Обнуляем фоновые цвета у всех цветовых классов таблиц */		/* Обнуляем фоновые цвета у всех цветовых классов таблиц */
	.table-elementary{		.table-elementary,
			.table-world,
			.table-engineering,
			.table-medicine,
			.table-science,
			.table-security,
			.table-civil,
			.table-antagonists,
			.table-other,
			.table-technical {
	background-color: transparent !important;		background-color: transparent !important;
	}		}

Lnnuux в 15:00, 16 февраля 2026

2026-02-16T15:00:22Z

← Предыдущая версия		Версия от 17:00, 16 февраля 2026
Строка 1:		Строка 1:
	/* Общие стили для ~~всех~~ таблиц внутри .wrap */		/* Общие стили для таблиц внутри .wrap */
	.wrap table {		.wrap table {
	width: 100%;		width: 100%;
	border-collapse: separate; ~~/* ячейки не слипаются */~~		border-collapse: separate;
	border-spacing: 10px; /* расстояние между кнопками */		border-spacing: 10px; /* расстояние между кнопками */
	margin-bottom: 40px;		margin-bottom: 40px;
	table-layout: fixed; /* фиксированная ~~разметка –~~ ширина ~~будет задана явно~~ */		table-layout: fixed; /* фиксированная ширина ячеек */
	background-color: transparent; /* ~~полностью~~ прозрачный фон ~~таблицы~~ */		background-color: transparent; /* прозрачный фон */
	}		}

	/* Убираем стандартные границы ~~у таблицы и ячеек~~ */		/* Убираем стандартные границы */
	.wrap table,		.wrap table,
	.wrap th,		.wrap th,
Строка 16:		Строка 16:
	}		}

	/* Оформляем ~~сами~~ ячейки как кнопки */		/* Оформляем ячейки как кнопки */
	.wrap td {		.wrap td {
	border: 1px solid grey;		border: 1px solid grey;
	border-radius: 12px; ~~/* скругление */~~		border-radius: 12px;
	padding: 8px;		padding: 8px;
	background-color: transparent; /* прозрачный фон кнопок */		background-color: transparent; /* прозрачный фон кнопок */
Строка 32:		Строка 32:
	}		}

	/* ~~Содержимое~~ ячейки ~~(картинка + текст)~~ */		/* Ссылка внутри ячейки */
	~~.wrap td > span > a > img {~~
	~~max-width: 32px;~~
	~~max-height: 32px;~~
	~~transition: transform linear 0.15s;~~
	}

	.wrap td > span > a {		.wrap td > span > a {
	height: 100%;		height: 100%;
Строка 46:		Строка 40:
	flex-direction: column;		flex-direction: column;
	text-decoration: none;		text-decoration: none;
			font-size: 0; /* скрываем прямой текст ссылки (например, "Файл:...") */
			color: black; /* базовый цвет для содержимого */
			}

			/* Ссылка в состоянии посещения — цвет не меняется */
			.wrap td > span > a:visited {
			color: black;
			}

			/* Изображение внутри ссылки */
			.wrap td > span > a > img {
			max-width: 32px;
			max-height: 32px;
			transition: transform linear 0.15s;
			}

			/* Эффект при наведении на ячейку — уменьшаем картинку */
			.wrap td:hover > span > a > img {
			transform: scale(0.9);
	}		}

			/* Псевдоэлемент для вывода текста из title */
	.wrap td > span > a::after {		.wrap td > span > a::after {
	display: block;		display: block;
	content: attr(title);		content: attr(title);
	font-size: 1rem;		font-size: 1rem; /* восстанавливаем размер текста */
	color: ~~var(--color-base,~~ black);		color: black; /* цвет текста кнопки */
	padding-bottom: 3px;		padding-bottom: 3px;
	}		}
Строка 61:		Строка 75:
	font-size: 1.2em;		font-size: 1.2em;
	text-align: center;		text-align: center;
	background-color: transparent; ~~/* можно задать цвет, если нужно */~~		background-color: transparent;
	color: inherit;		color: inherit;
	}		}

	/* Для таблицы .table-elementary ~~задаём ячейкам ширину 50%, чтобы они были одинаковыми~~ */		/* Для таблицы .table-elementary ячейки занимают по половине ширины */
	.table-elementary td {		.table-elementary td {
	width: 50%;		width: 50%;
	}		}

	/* Обнуляем фоновые цвета у всех цветовых классов таблиц,		/* Обнуляем фоновые цвета у всех цветовых классов таблиц */
	~~чтобы фон был полностью прозрачным~~ */		.table-elementary{
	.table-elementary
	{
	background-color: transparent !important;		background-color: transparent !important;
	}		}

Lnnuux в 14:56, 16 февраля 2026

2026-02-16T14:56:17Z

← Предыдущая версия		Версия от 16:56, 16 февраля 2026
Строка 2:		Строка 2:
	.wrap table {		.wrap table {
	width: 100%;		width: 100%;
	border-collapse: separate; /* ~~вместо collapse –~~ ячейки не слипаются */		border-collapse: separate; /* ячейки не слипаются */
	border-spacing: 10px; /* расстояние между ~~ячейками (можно подобрать) */~~		border-spacing: 10px; /* расстояние между кнопками */
	~~box-shadow: none; /* убираем общую тень таблицы, перенесём её на ячейки~~ */
	margin-bottom: 40px;		margin-bottom: 40px;
			table-layout: fixed; /* фиксированная разметка – ширина будет задана явно */
			background-color: transparent; /* полностью прозрачный фон таблицы */
	}		}

	/* Убираем стандартные границы у таблицы~~, строк~~ и ячеек */		/* Убираем стандартные границы у таблицы и ячеек */
	.wrap table,		.wrap table,
	.wrap th,		.wrap th,
Строка 17:		Строка 18:
	/* Оформляем сами ячейки как кнопки */		/* Оформляем сами ячейки как кнопки */
	.wrap td {		.wrap td {
	border: 1px solid grey; ~~/* рамка кнопки */~~		border: 1px solid grey;
	border-radius: 12px; /* скругление ~~углов~~ */		border-radius: 12px; /* скругление */
	padding: 8px; ~~/* внутренние отступы, чтобы содержимое не прилипало */~~		padding: 8px;
	background-color: ~~inherit~~; /* фон ~~наследуется от таблицы (можно задать явно)~~ */		background-color: transparent; /* прозрачный фон кнопок */
	transition: box-shadow linear 0.15s, border-color linear 0.15s;		transition: box-shadow linear 0.15s, border-color linear 0.15s;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1); ~~/* лёгкая тень для объёма */~~		box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	}		}

Строка 28:		Строка 29:
	.wrap td:hover {		.wrap td:hover {
	box-shadow: inset 0 2px 20px -5px black, 0 4px 8px rgba(0,0,0,0.2);		box-shadow: inset 0 2px 20px -5px black, 0 4px 8px rgba(0,0,0,0.2);
	border-color: #aaa; ~~/* чуть светлее рамка */~~		border-color: #aaa;
	}		}

	/* ~~Стили для содержимого~~ ячейки (~~изображение и~~ текст) ~~оставляем почти без изменений~~ */		/* Содержимое ячейки (картинка + текст) */
	.wrap td > span > a > img {		.wrap td > span > a > img {
	max-width: 32px;		max-width: 32px;
	max-height: 32px;		max-height: 32px;
	transition: transform linear 0.15s;		transition: transform linear 0.15s;
	~~margin-top: 0; /* убираем лишний отступ, если он был */~~
	}		}

Строка 56:		Строка 56:
	}		}

	/* ~~Для заголовков~~ таблиц, если ~~они есть, можно оставить прежнее оформление~~ */		/* Заголовки таблиц (если используются) */
	.wrap th {		.wrap th {
	padding: 10px;		padding: 10px;
	font-size: 1.2em;		font-size: 1.2em;
	text-align: center;		text-align: center;
	background-color: ~~#2C5697~~; /* ~~пример~~, ~~лучше задавать через классы таблиц~~ */		background-color: transparent; /* можно задать цвет, если нужно */
	color: ~~#FFFFFF !important~~;		color: inherit;
	}		}

	/* ~~Сохраняем цветовые классы таблиц, но теперь фон будет виден в промежутках между ячейками,~~		/* Для таблицы .table-elementary задаём ячейкам ширину 50%, чтобы они были одинаковыми */
	~~а сами ячейки можно сделать полупрозрачными, если нужно сохранить оттенок.~~
	~~Ниже пример для~~ .table-elementary~~: */~~
	~~.table-elementary {~~
	~~background-color: hsla(220, 30%, 80~~%, ~~0.4); /* фон в промежутках~~ */
	}
	.table-elementary td {		.table-elementary td {
	~~background-color~~: ~~hsla(220, 30~~%~~, 80%, 0.7)~~; ~~/* чуть плотнее фон самих кнопок */~~		width: 50%;
	}		}
	.table-elementary th {
	background-color: ~~#2C5697;~~		/* Обнуляем фоновые цвета у всех цветовых классов таблиц,
	~~color: #FFFFFF~~ !important;		чтобы фон был полностью прозрачным */
			.table-elementary
			{
			background-color: transparent !important;
	}		}

	~~/* Аналогично нужно настроить для остальных классов таблиц (.table-world, .table-engineering и т.д.) */~~