MediaWiki:Common.css - История изменений

M&B: Перенос кода олуха на M&B с Common в Extra

2025-09-09T21:20:51Z

Перенос кода олуха на M&B с Common в Extra

← Предыдущая версия		Версия от 21:20, 9 сентября 2025
Строка 33:		Строка 33:
	border-bottom: none;		border-bottom: none;
	}		}

	~~/ADD M&B/~~

	~~/* Табличка start */~~
	~~.fancy-table {~~
	~~border-collapse: collapse;~~
	~~width: 100%;~~
	~~font-family: Arial, sans-serif;~~
	}

	~~.fancy-table th,~~
	~~.fancy-table td {~~
	~~border: 1px solid;~~
	~~padding: 6px;~~
	~~position: relative;~~
	~~transition: background-color 0.3s, box-shadow 0.3s;~~
	}

	~~/* Hover для заголовков — старый эффект */~~
	~~.fancy-table th:hover {~~
	~~background-color: rgba(81, 29, 129, 0.733);~~
	~~color: white;~~
	}

	~~/* Hover для ячеек — старый эффект */~~
	~~.fancy-table td:hover {~~
	~~box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);~~
	~~transition: linear 0.3s;~~
	}

	~~/* Нижняя линия при hover */~~
	~~.fancy-table td::before {~~
	~~content: "";~~
	~~position: absolute;~~
	~~bottom: 0;~~
	~~left: 0;~~
	~~width: 100%;~~
	~~height: 3px;~~
	~~background-color: currentColor;~~
	~~transform: scaleX(0);~~
	~~transform-origin: left;~~
	~~transition: transform 0.3s ease;~~
	}

	~~.fancy-table td:hover::before {~~
	~~transform: scaleX(1);~~
	}
	~~/* Табличка end */~~

	~~/END M&B/~~

M&B: Больше эффектов для таблички

2025-09-09T19:35:33Z

Больше эффектов для таблички

← Предыдущая версия		Версия от 19:35, 9 сентября 2025
Строка 51:		Строка 51:
	}		}

	/* Hover для заголовков */		/* Hover для заголовков — старый эффект */
	.fancy-table th:hover {		.fancy-table th:hover {
	~~filter~~: ~~brightness~~(~~85%~~);		background-color: rgba(81, 29, 129, 0.733);
			color: white;
	}		}

	/* Hover для ячеек */		/* Hover для ячеек — старый эффект */
	.fancy-table td:hover {		.fancy-table td:hover {
	box-shadow: inset ~~0 0 10px~~ rgba(~~255~~, ~~255~~, ~~255~~, 0.2);		box-shadow: inset 0px 0px 15px rgba(0,0,0,0.3);
			transition: linear 0.3s;
	}		}

M&B: Чуть чуть больше правок

2025-09-09T19:20:39Z

Чуть чуть больше правок

← Предыдущая версия		Версия от 19:20, 9 сентября 2025
Строка 37:		Строка 37:

	/* Табличка start */		/* Табличка start */
	~~/* Таблица с переменными для цветов */~~
	.fancy-table {		.fancy-table {
	border-collapse: collapse;		border-collapse: collapse;
	~~border: 1px solid var(--table-border, white);~~
	width: 100%;		width: 100%;
	font-family: Arial, sans-serif;		font-family: Arial, sans-serif;
	~~background-color: var(--table-bg, #1a1a1a);~~
	~~color: var(--table-color, white);~~
	}		}

	~~/* Заголовки */~~		.fancy-table th,
	.fancy-table th {		.fancy-table td {
	~~background~~-~~color: var(--th-bg, rgba(137,43,226,0.418));~~		border: 1px solid;
	border: 1px solid ~~var(--table-border, white);~~
	~~color: var(--th-color, white)~~;
	padding: 6px;		padding: 6px;
	transition: background-color 0.3s, ~~color~~ 0.3s;		position: relative;
			transition: background-color 0.3s, box-shadow 0.3s;
	}		}

	/* Hover для ~~заголовка~~ */		/* Hover для заголовков */
	.fancy-table th:hover {		.fancy-table th:hover {
	~~background-color~~: ~~var~~(~~--th-hover-bg, rgba(81,29,129,0.733));~~		filter: brightness(85%);
	~~color: var(--th-hover-color, #ffffcc~~);
	}

	~~/* Ячейки */~~
	~~.fancy-table td {~~
	~~border: 1px solid var(--table-border, white);~~
	~~padding: 6px;~~
	~~position: relative;~~
	~~transition: background-color 0.3s, box-shadow 0.3s~~;
	}		}

	/* Hover для ячеек */		/* Hover для ячеек */
	.fancy-table td:hover {		.fancy-table td:hover {
	box-shadow: inset 0 0 10px ~~var(--td-shadow,~~ rgba(255,255,255,0.2));		box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
	}		}

Строка 83:		Строка 69:
	width: 100%;		width: 100%;
	height: 3px;		height: 3px;
	background-color: ~~var(--table-border, white)~~;		background-color: currentColor;
	transform: scaleX(0);		transform: scaleX(0);
	transform-origin: left;		transform-origin: left;

M&B: Добавлена возможность настройки цвета вне CSS файла

2025-09-09T19:15:18Z

Добавлена возможность настройки цвета вне CSS файла

← Предыдущая версия		Версия от 19:15, 9 сентября 2025
Строка 37:		Строка 37:

	/* Табличка start */		/* Табличка start */
	/* ~~Основные настройки таблицы~~ */		/* Таблица с переменными для цветов */
	.fancy-table {		.fancy-table {
	border-collapse: collapse;		border-collapse: collapse;
	border: 1px solid white;		border: 1px solid var(--table-border, white);
	width: 100%;		width: 100%;
	font-family: Arial, sans-serif;		font-family: Arial, sans-serif;
	background-color: #1a1a1a;		background-color: var(--table-bg, #1a1a1a);
	color: white;		color: var(--table-color, white);
	}		}

	/* ~~Настройка заголовка таблицы~~ */		/* Заголовки */
	.~~guide~~-table {		.fancy-table th {
	~~border~~-~~collapse~~: ~~collapse;~~		background-color: var(--th-bg, rgba(137,43,226,0.418));
	~~border: 1px solid white;~~		border: 1px solid var(--table-border, white);
	}		color: var(--th-color, white);

	~~/* Стиль заголовков таблицы */~~
	~~.guide~~-~~table~~ th {
	~~background~~-~~color:~~ rgba(137, 43, 226, 0.418);
	border: 1px solid white;
	padding: 6px;		padding: 6px;
	~~color: white;~~
	transition: background-color 0.3s, color 0.3s;		transition: background-color 0.3s, color 0.3s;
	}		}

	/* ~~Эффект при наведении на заголовок~~ */		/* Hover для заголовка */
	.~~guide~~-table th:hover {		.fancy-table th:hover {
	background-color: rgba(81, 29, 129, 0.733);		background-color: var(--th-hover-bg, rgba(81,29,129,0.733));
	color: #ffffcc;		color: var(--th-hover-color, #ffffcc);
	}		}

	/* ~~Стиль обычных ячеек таблицы~~ */		/* Ячейки */
	.~~guide~~-table td {		.fancy-table td {
	border: 1px solid white;		border: 1px solid var(--table-border, white);
	padding: 6px;		padding: 6px;
	position: relative;		position: relative;
Строка 76:		Строка 70:
	}		}

	/* Hover ~~эффект~~ для ячеек */		/* Hover для ячеек */
	.fancy-table td:hover {		.fancy-table td:hover {
	box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);		box-shadow: inset 0 0 10px var(--td-shadow, rgba(255,255,255,0.2));
	}		}

	/* Нижняя линия при ~~наведении~~ */		/* Нижняя линия при hover */
	.fancy-table td::before {		.fancy-table td::before {
	content: "";		content: "";
Строка 89:		Строка 83:
	width: 100%;		width: 100%;
	height: 3px;		height: 3px;
	background-color: white;		background-color: var(--table-border, white);
	transform: scaleX(0);		transform: scaleX(0);
	transform-origin: left;		transform-origin: left;
Строка 95:		Строка 89:
	}		}

	~~/* Анимация нижней линии при ховере */~~
	.fancy-table td:hover::before {		.fancy-table td:hover::before {
	transform: scaleX(1);		transform: scaleX(1);

M&B: Играюсь с цветами

2025-09-09T19:08:10Z

Играюсь с цветами

← Предыдущая версия		Версия от 19:08, 9 сентября 2025
Строка 40:		Строка 40:
	.fancy-table {		.fancy-table {
	border-collapse: collapse;		border-collapse: collapse;
	border: 1px solid ~~black~~;		border: 1px solid white;
	width: 100%;		width: 100%;
	font-family: Arial, sans-serif;		font-family: Arial, sans-serif;
			background-color: #1a1a1a;
			color: white;
	}		}

	/* Настройка заголовка таблицы */		/* Настройка заголовка таблицы */
	.~~fancy~~-table th {		.guide-table {
	background-color: rgba(137, 43, 226, 0.42);		border-collapse: collapse;
	border: 1px solid ~~black~~;		border: 1px solid white;
			}

			/* Стиль заголовков таблицы */
			.guide-table th {
			background-color: rgba(137, 43, 226, 0.418);
			border: 1px solid white;
	padding: 6px;		padding: 6px;
	~~text-align~~: ~~left~~;		color: white;
	transition: background-color 0.3s, color 0.3s;		transition: background-color 0.3s, color 0.3s;
	}		}

	/* ~~Hover эффект для заголовков~~ */		/* Эффект при наведении на заголовок */
	.~~fancy~~-table th:hover {		.guide-table th:hover {
	background-color: rgba(81, 29, 129, 0.73);		background-color: rgba(81, 29, 129, 0.733);
	color: ~~white~~;		color: #ffffcc;
	}		}

	/* ~~Обычные ячейки~~ */		/* Стиль обычных ячеек таблицы */
	.~~fancy~~-table td {		.guide-table td {
	border: 1px solid ~~black~~;		border: 1px solid white;
	padding: 6px;		padding: 6px;
	position: relative;		position: relative;
Строка 70:		Строка 78:
	/* Hover эффект для ячеек */		/* Hover эффект для ячеек */
	.fancy-table td:hover {		.fancy-table td:hover {
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);		box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.2);
	}		}

Строка 81:		Строка 89:
	width: 100%;		width: 100%;
	height: 3px;		height: 3px;
	background-color: ~~black~~;		background-color: white;
	transform: scaleX(0);		transform: scaleX(0);
	transform-origin: left;		transform-origin: left;

M&B: Небольшая правка названия.

2025-09-09T19:01:46Z

Небольшая правка названия.

← Предыдущая версия		Версия от 19:01, 9 сентября 2025
Строка 38:		Строка 38:
	/* Табличка start */		/* Табличка start */
	/* Основные настройки таблицы */		/* Основные настройки таблицы */
	.~~guide~~-table {		.fancy-table {
	border-collapse: collapse;		border-collapse: collapse;
	border: 1px solid black;		border: 1px solid black;
Строка 46:		Строка 46:

	/* Настройка заголовка таблицы */		/* Настройка заголовка таблицы */
	.~~guide~~-table th {		.fancy-table th {
	background-color: rgba(137, 43, 226, 0.42);		background-color: rgba(137, 43, 226, 0.42);
	border: 1px solid black;		border: 1px solid black;
Строка 55:		Строка 55:

	/* Hover эффект для заголовков */		/* Hover эффект для заголовков */
	.~~guide~~-table th:hover {		.fancy-table th:hover {
	background-color: rgba(81, 29, 129, 0.73);		background-color: rgba(81, 29, 129, 0.73);
	color: white;		color: white;
Строка 61:		Строка 61:

	/* Обычные ячейки */		/* Обычные ячейки */
	.~~guide~~-table td {		.fancy-table td {
	border: 1px solid black;		border: 1px solid black;
	padding: 6px;		padding: 6px;
Строка 69:		Строка 69:

	/* Hover эффект для ячеек */		/* Hover эффект для ячеек */
	.~~guide~~-table td:hover {		.fancy-table td:hover {
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
	}		}

	/* Нижняя линия при наведении */		/* Нижняя линия при наведении */
	.~~guide~~-table td::before {		.fancy-table td::before {
	content: "";		content: "";
	position: absolute;		position: absolute;
Строка 88:		Строка 88:

	/* Анимация нижней линии при ховере */		/* Анимация нижней линии при ховере */
	.~~guide~~-table td:hover::before {		.fancy-table td:hover::before {
	transform: scaleX(1);		transform: scaleX(1);
	}		}

M&B: Немного дополнил код таблицы. Добавил комментарии, мы же всё-таки цивилизованные разработчики.

2025-09-09T18:59:54Z

Немного дополнил код таблицы. Добавил комментарии, мы же всё-таки цивилизованные разработчики.

← Предыдущая версия		Версия от 18:59, 9 сентября 2025
Строка 35:		Строка 35:

	/ADD M&B/		/ADD M&B/
	.~~fancy~~-table {
			/* Табличка start */
			/* Основные настройки таблицы */
			.guide-table {
	border-collapse: collapse;		border-collapse: collapse;
	border: 1px solid black;		border: 1px solid black;
			width: 100%;
			font-family: Arial, sans-serif;
	}		}

	.~~fancy~~-table th {		/* Настройка заголовка таблицы */
	background-color: rgba(137, 43, 226, 0.~~418~~);		.guide-table th {
			background-color: rgba(137, 43, 226, 0.42);
	border: 1px solid black;		border: 1px solid black;
	padding: 6px;		padding: 6px;
			text-align: left;
			transition: background-color 0.3s, color 0.3s;
	}		}

	.~~fancy~~-table th:hover {		/* Hover эффект для заголовков */
	background-color: rgba(81, 29, 129, 0.~~733~~);		.guide-table th:hover {
			background-color: rgba(81, 29, 129, 0.73);
	color: white;		color: white;
	}		}

	.~~fancy~~-table td {		/* Обычные ячейки */
			.guide-table td {
	border: 1px solid black;		border: 1px solid black;
	padding: 6px;		padding: 6px;
	position: relative;		position: relative;
			transition: background-color 0.3s, box-shadow 0.3s;
	}		}

	.~~fancy~~-table td:hover {		/* Hover эффект для ячеек */
	box-shadow: inset ~~0px 0px 15px;~~		.guide-table td:hover {
	~~transition: linear~~ 0.3s;		box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.15);
	}		}

	.~~fancy~~ td::before {		/* Нижняя линия при наведении */
	~~border-bottom: 3px solid black;~~		.guide-table td::before {
	content: "";		content: "";
	position: absolute;		position: absolute;
Строка 69:		Строка 80:
	left: 0;		left: 0;
	width: 100%;		width: 100%;
			height: 3px;
			background-color: black;
			transform: scaleX(0);
			transform-origin: left;
	transition: transform 0.3s ease;		transition: transform 0.3s ease;
	~~transform: scaleX(0);~~
	}		}

	.~~fancy~~-table td:hover::before {		/* Анимация нижней линии при ховере */
			.guide-table td:hover::before {
	transform: scaleX(1);		transform: scaleX(1);
	}		}
			/* Табличка end */

	/END M&B/		/END M&B/

Schrodinger: Правка стилей попросил M&B

2025-09-09T18:05:16Z

Правка стилей попросил M&B

← Предыдущая версия		Версия от 18:05, 9 сентября 2025
Строка 33:		Строка 33:
	border-bottom: none;		border-bottom: none;
	}		}

			/ADD M&B/
			.fancy-table {
			border-collapse: collapse;
			border: 1px solid black;
			}

			.fancy-table th {
			background-color: rgba(137, 43, 226, 0.418);
			border: 1px solid black;
			padding: 6px;
			}

			.fancy-table th:hover {
			background-color: rgba(81, 29, 129, 0.733);
			color: white;
			}

			.fancy-table td {
			border: 1px solid black;
			padding: 6px;
			position: relative;
			}

			.fancy-table td:hover {
			box-shadow: inset 0px 0px 15px;
			transition: linear 0.3s;
			}

			.fancy td::before {
			border-bottom: 3px solid black;
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			transition: transform 0.3s ease;
			transform: scaleX(0);
			}

			.fancy-table td:hover::before {
			transform: scaleX(1);
			}
			/END M&B/

Mr. Arceni: Добавление стилей

2025-05-04T22:29:25Z

Добавление стилей

← Предыдущая версия		Версия от 22:29, 4 мая 2025
Строка 27:		Строка 27:
	select option {		select option {
	background: var(--color-surface-0);		background: var(--color-surface-0);
			}

			/* Кастомизация для дополнительных логотипов */
			.citizen-header__logo {
			border-bottom: none;
	}		}

Eddiemercury: Добавлен импорт на стили Tooltips

2024-11-16T20:23:26Z

Добавлен импорт на стили Tooltips

← Предыдущая версия		Версия от 20:23, 16 ноября 2024
Строка 6:		Строка 6:
	/* Pages - страница с новыми селекторами для отдельных страниц */		/* Pages - страница с новыми селекторами для отдельных страниц */
	@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Pages.css";		@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Pages.css";
			/* Tooltips - страница с новыми селекторами для шаблона Tooltips */
			@import "/index.php?ctype=text/css&action=raw&title=MediaWiki:Tooltips.css";

	@font-face {		@font-face {