MediaWiki:Common.css - Revision history

Buburka Rinderbuy at 18:08, 8 August 2025

2025-08-08T18:08:50Z

← Older revision		Revision as of 14:08, 8 August 2025
Line 1:		Line 1:
			.mw-kartographer-map,
			.mw-kartographer-map .leaflet-container {
			height: 400px !important;
			}


	.infobox-venue {		.infobox-venue {
	width: 320px;		width: 320px;

Buburka Rinderbuy at 06:29, 8 August 2025

2025-08-08T06:29:42Z

← Older revision		Revision as of 02:29, 8 August 2025
Line 1:		Line 1:
			.infobox-venue {
			width: 320px;
			border: 1px solid #3a0a0a;
			background: #0f0f0f;
			color: #eee;
			font-size: 92%;
			line-height: 1.45;
			border-radius: 10px;
			overflow: hidden;
			box-shadow: 0 0 0 1px #5b1212 inset, 0 6px 18px rgba(0,0,0,.35);
			}

			.infobox-venue > caption,
			.infobox-venue > tbody > tr:first-child > th[colspan="2"],
			.infobox-venue > .infobox-title {
			display: none;
			}

			.infobox-venue > .ib-title {
			font-weight: 700;
			}

			.infobox-venue .ib-image {
			padding: 0;
			background: #1a0b0b;
			}
			.infobox-venue .ib-img {
			display: block;
			width: 100%;
			height: auto;
			border-bottom: 1px solid #4a1111;
			}
			.infobox-venue .ib-caption {
			font-size: 85%;
			color: #ccc;
			padding: .4em .8em;
			border-bottom: 1px solid #311010;
			background: #130505;
			}

			.infobox-venue th {
			text-align: left;
			vertical-align: top;
			width: 40%;
			white-space: nowrap;
			padding: .5em .7em;
			color: #ffd4d4;
			background: #170909;
			border-bottom: 1px solid #2d0e0e;
			}

			.infobox-venue td {
			padding: .5em .7em;
			border-bottom: 1px solid #231010;
			vertical-align: top;
			}

			.infobox-venue .ib-note {
			opacity: .8;
			font-style: italic;
			font-size: 90%;
			}

			.infobox-venue .ib-map {
			padding: 0;
			border-top: 1px solid #2d0e0e;
			background: #0f0f0f;
			}



	.image-frame2 {		.image-frame2 {
	display: inline-block;		display: inline-block;

Buburka Rinderbuy at 07:07, 11 July 2025

2025-07-11T07:07:55Z

← Older revision		Revision as of 03:07, 11 July 2025
Line 151:		Line 151:
	border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	display: block; /* Убирает лишние отступы под изображением */		display: block; /* Убирает лишние отступы под изображением */
	max-width: ~~450px~~; /* ~~Максимальная~~ ширина изображения */		max-width: 300px; /* Увеличенная максимальная ширина изображения */
	max-height: ~~550px~~; /* ~~Максимальная~~ высота изображения */		max-height: 450px; /* Увеличенная максимальная высота изображения */
	height: auto; /* Сохраняет пропорции изображения */		height: auto; /* Сохраняет пропорции изображения */
	object-fit: contain; /* Изображение не обрезается, а вписывается целиком */		object-fit: contain; /* Изображение не обрезается, а вписывается целиком */

Buburka Rinderbuy at 07:02, 11 July 2025

2025-07-11T07:02:39Z

← Older revision		Revision as of 03:02, 11 July 2025
Line 151:		Line 151:
	border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	display: block; /* Убирает лишние отступы под изображением */		display: block; /* Убирает лишние отступы под изображением */
	max-width: ~~350px~~; /* Максимальная ширина изображения */		max-width: 450px; /* Максимальная ширина изображения */
	max-height: ~~450px~~; /* Максимальная высота изображения */		max-height: 550px; /* Максимальная высота изображения */
	height: auto; /* Сохраняет пропорции изображения */		height: auto; /* Сохраняет пропорции изображения */
	object-fit: contain; /* Изображение не обрезается, а вписывается целиком */		object-fit: contain; /* Изображение не обрезается, а вписывается целиком */

Buburka Rinderbuy at 07:02, 11 July 2025

2025-07-11T07:02:06Z

← Older revision		Revision as of 03:02, 11 July 2025
Line 151:		Line 151:
	border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	display: block; /* Убирает лишние отступы под изображением */		display: block; /* Убирает лишние отступы под изображением */
	max-width: ~~200px~~; /* Максимальная ширина изображения */		max-width: 350px; /* Максимальная ширина изображения */
	max-height: ~~300px~~; /* Максимальная высота изображения */		max-height: 450px; /* Максимальная высота изображения */
	height: auto; /* Сохраняет пропорции изображения */		height: auto; /* Сохраняет пропорции изображения */
	object-fit: contain; /* Изображение не обрезается, а вписывается целиком */		object-fit: contain; /* Изображение не обрезается, а вписывается целиком */

Buburka Rinderbuy at 06:49, 11 July 2025

2025-07-11T06:49:16Z

← Older revision		Revision as of 02:49, 11 July 2025
Line 126:		Line 126:
	text-align: center; /* Центрирование подписи */		text-align: center; /* Центрирование подписи */
	margin: 10px; /* Отступ для визуального разделения */		margin: 10px; /* Отступ для визуального разделения */
	padding: 10px; /* ~~Внутренний~~ отступ, чтобы ~~рамка не обрезала фото~~ */		padding: 10px 10px 0; /* Уменьшен нижний отступ, чтобы подпись была ближе */
	vertical-align: top; /* Выравнивание по верхнему краю */		vertical-align: top; /* Выравнивание по верхнему краю */
	opacity: 0; /* Изначально невидимый */		opacity: 0; /* Изначально невидимый */
Line 165:		Line 165:
	}		}

			/* Стиль для подписи */
			.photo-frame .caption {
			margin-top: 5px; /* Минимальный отступ сверху для подписи */
			font-size: 14px; /* Размер шрифта подписи */
			color: #333; /* Цвет текста подписи */
			line-height: 1.2; /* Межстрочный интервал для компактности */
			}

	/* Media */		/* Media */

Buburka Rinderbuy at 06:47, 11 July 2025

2025-07-11T06:47:40Z

← Older revision		Revision as of 02:47, 11 July 2025
Line 151:		Line 151:
	border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	display: block; /* Убирает лишние отступы под изображением */		display: block; /* Убирает лишние отступы под изображением */
	max-width: ~~100%~~; /* ~~Изображение не выходит за контейнер~~ */		max-width: 200px; /* Максимальная ширина изображения */
			max-height: 300px; /* Максимальная высота изображения */
	height: auto; /* Сохраняет пропорции изображения */		height: auto; /* Сохраняет пропорции изображения */
	object-fit: contain; /* Изображение не обрезается, а вписывается целиком */		object-fit: contain; /* Изображение не обрезается, а вписывается целиком */

Buburka Rinderbuy at 06:45, 11 July 2025

2025-07-11T06:45:48Z

← Older revision		Revision as of 02:45, 11 July 2025
Line 121:		Line 121:

	/photo frames /		/photo frames /
	~~/* Стиль для контейнера изображения с рамкой и подписью */~~
	/* Стиль для контейнера изображения с рамкой и подписью */		/* Стиль для контейнера изображения с рамкой и подписью */
	.photo-frame {		.photo-frame {
	display: inline-block; /* Для корректного центрирования и отображения */		display: inline-block; /* Для корректного центрирования и отображения */
	text-align: center; /* Центрирование подписи */		text-align: center; /* Центрирование подписи */
	margin: 10px; /* ~~Увеличенный отступ~~ для ~~лучшего~~ визуального разделения */		margin: 10px; /* Отступ для визуального разделения */
	padding: 10px; /* Внутренний отступ, чтобы рамка не обрезала фото */		padding: 10px; /* Внутренний отступ, чтобы рамка не обрезала фото */
	vertical-align: top; /* Выравнивание по верхнему краю */		vertical-align: top; /* Выравнивание по верхнему краю */
Line 152:		Line 151:
	border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	display: block; /* Убирает лишние отступы под изображением */		display: block; /* Убирает лишние отступы под изображением */
	width: ~~150px~~; /* ~~Базовая ширина изображения~~ */		max-width: 100%; /* Изображение не выходит за контейнер */
	height: ~~225px~~; /* ~~Базовая высота~~ изображения */		height: auto; /* Сохраняет пропорции изображения */
	object-fit: ~~cover~~; /* ~~Обрезает изображение~~, ~~чтобы оно вписалось~~ */		object-fit: contain; /* Изображение не обрезается, а вписывается целиком */
			box-sizing: border-box; /* Рамка включается в размеры изображения */
	transition: all 0.3s ease; /* Плавный переход для всех изменений */		transition: all 0.3s ease; /* Плавный переход для всех изменений */
	}		}
Line 160:		Line 160:
	/* Эффект при наведении */		/* Эффект при наведении */
	.photo-frame img:hover {		.photo-frame img:hover {
	border-width: 23px 47px; /* ~~Увеличенная рамка~~ при наведении */		border-width: 23px 47px; /* Увеличиваем рамку при наведении */
	transform: scale(1.05); /* Увеличение изображения на 5% */		transform: scale(1.05); /* Увеличение изображения на 5% */
	}		}

Buburka Rinderbuy at 06:41, 11 July 2025

2025-07-11T06:41:09Z

← Older revision		Revision as of 02:41, 11 July 2025
Line 121:		Line 121:

	/photo frames /		/photo frames /
			/* Стиль для контейнера изображения с рамкой и подписью */
	/* Стиль для контейнера изображения с рамкой и подписью */		/* Стиль для контейнера изображения с рамкой и подписью */
	.photo-frame {		.photo-frame {
	display: inline-block;		display: inline-block; /* Для корректного центрирования и отображения */
	text-align: center;		text-align: center; /* Центрирование подписи */
	margin: ~~5px~~;		margin: 10px; /* Увеличенный отступ для лучшего визуального разделения */
	opacity: 0;		padding: 10px; /* Внутренний отступ, чтобы рамка не обрезала фото */
	animation: fadeIn 1s ease forwards;		vertical-align: top; /* Выравнивание по верхнему краю */
			opacity: 0; /* Изначально невидимый */
			animation: fadeIn 1s ease forwards; /* Анимация появления */
			box-sizing: border-box; /* Учитывает рамку и отступы в размерах */
	}		}

			/* Анимация появления */
	@keyframes fadeIn {		@keyframes fadeIn {
	from { opacity: 0; transform: translateY(10px);}		from {
	~~to { opacity: 1; transform: translateY(0);}~~		opacity: 0;
	}		transform: translateY(10px); /* Легкий сдвиг вниз */
			}
	/* ~~Внешняя рамка вокруг фото~~ */		to {
	~~.photo-border {~~		opacity: 1;
	~~display: inline-block;~~		transform: translateY(0);
	~~padding: 12px 24px 12px 24px; /* Тонкие верх/низ, широкие бока */~~		}
	~~border-left: 18px solid #d02019;~~
	~~border-right: 18px solid #d02019;~~
	~~border-top: 8px solid #d02019;~~
	~~border-bottom~~: ~~8px solid #d02019;~~
	~~border-radius: 18px;~~
	~~background: none;~~
	~~transition:~~
	~~box-shadow 0.3s cubic-bezier(.22,1,.36,1),~~
	~~transform 0.3s cubic-bezier(.22,1,.36,1),~~
	~~padding 0.3s cubic-bezier(.22,1,.36,~~1);
	}
	~~.photo-border:hover {~~
	~~box-shadow: 0 9px 32px rgba(150,20,20,0.17), 0 2px 16px rgba(0,0,0,0.08)~~;
	transform: ~~scale(1.04)~~ translateY(~~-3px~~);
	~~padding: 16px 30px 16px 30px;~~
	~~border-width: 11px 24px 11px 24px;~~
	}		}

	/* ~~Само изображение~~ */		/* Стиль для самой фотографии */
	.photo-~~border img,~~		.photo-frame img {
	~~.photo-~~img {		border-style: solid; /* Тип рамки */
	~~display~~: ~~block~~;		border-color: #D02019; /* Красная рамка */
	~~max~~-~~width~~: ~~150px~~;		border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
	~~max~~-~~height~~: ~~225px~~;		display: block; /* Убирает лишние отступы под изображением */
	~~width~~: ~~auto;~~		width: 150px; /* Базовая ширина изображения */
	~~height~~: ~~auto;~~		height: 225px; /* Базовая высота изображения */
	~~object-fit~~: ~~contain~~; /* ~~Фото не обрезается, а вписывается~~ */		object-fit: cover; /* Обрезает изображение, чтобы оно вписалось */
	~~border~~: ~~none~~;		transition: all 0.3s ease; /* Плавный переход для всех изменений */
	~~background~~: ~~#222~~; /* ~~Можно убрать, если не нужно~~ */
	~~border~~-~~radius~~: ~~10px~~;
	transition: ~~box-shadow~~ 0.3s;
	}		}

	~~.caption {~~
	~~margin-top: 9px;~~
	~~background: #181217;~~
	~~color: #e0a6b4;~~
	~~font-size: 1.08em;~~
	~~padding: 8px 0 7px 0;~~
	~~border-radius: 0 0 15px 15px;~~
	~~border-bottom: 5px solid #d02019;~~
	~~width: 90%;~~
	~~margin-left: auto;~~
	~~margin-right: auto;~~
	}


	/* Эффект при наведении */		/* Эффект при наведении */
	.photo-frame img:hover {		.photo-frame img:hover {
	border-width: ~~23px 47px~~ 23px 47px; /* ~~Увеличиваем рамку~~ при наведении */		border-width: 23px 47px; /* Увеличенная рамка при наведении */
	transform: scale(1.05); /* Увеличение изображения на 5% */		transform: scale(1.05); /* Увеличение изображения на 5% */
	}		}

Buburka Rinderbuy at 06:36, 11 July 2025

2025-07-11T06:36:31Z

← Older revision		Revision as of 02:36, 11 July 2025
Line 123:		Line 123:
	/* Стиль для контейнера изображения с рамкой и подписью */		/* Стиль для контейнера изображения с рамкой и подписью */
	.photo-frame {		.photo-frame {
	display: inline-block; ~~/* Для корректного центрирования и отображения */~~		display: inline-block;
	text-align: center; ~~/* Центрирование подписи */~~		text-align: center;
	margin: ~~5px~~ 5px; ~~/* Верх/низ~~: ~~5px, лево/право: 5px */~~		margin: 5px;
	~~vertical-align~~: ~~top~~; ~~/* Выравнивание по верхнему краю, чтобы избежать смещений */~~		opacity: 0;
	opacity: 0; ~~/* Изначально невидимый */~~		animation: fadeIn 1s ease forwards;
	~~animation~~: ~~fadeIn 1s ease forwards~~; ~~/* Анимация появления */~~		}
			@keyframes fadeIn {
			from { opacity: 0; transform: translateY(10px);}
			to { opacity: 1; transform: translateY(0);}
	}		}

	/* ~~Анимация появления~~ */		/* Внешняя рамка вокруг фото */
	~~@keyframes fadeIn~~ {		.photo-border {
	~~from~~ {		display: inline-block;
	~~opacity~~: 0;		padding: 12px 24px 12px 24px; /* Тонкие верх/низ, широкие бока */
	transform: translateY(~~10px~~); /* ~~Легкий сдвиг вниз~~ */		border-left: 18px solid #d02019;
	}		border-right: 18px solid #d02019;
	~~to {~~		border-top: 8px solid #d02019;
	~~opacity~~: 1;		border-bottom: 8px solid #d02019;
	~~transform~~: ~~translateY(0)~~;		border-radius: 18px;
	}		background: none;
			transition:
			box-shadow 0.3s cubic-bezier(.22,1,.36,1),
			transform 0.3s cubic-bezier(.22,1,.36,1),
			padding 0.3s cubic-bezier(.22,1,.36,1);
			}
			.photo-border:hover {
			box-shadow: 0 9px 32px rgba(150,20,20,0.17), 0 2px 16px rgba(0,0,0,0.08);
			transform: scale(1.04) translateY(-3px);
			padding: 16px 30px 16px 30px;
			border-width: 11px 24px 11px 24px;
			}

			/* Само изображение */
			.photo-border img,
			.photo-img {
			display: block;
			max-width: 150px;
			max-height: 225px;
			width: auto;
			height: auto;
			object-fit: contain; /* Фото не обрезается, а вписывается */
			border: none;
			background: #222; /* Можно убрать, если не нужно */
			border-radius: 10px;
			transition: box-shadow 0.3s;
	}		}

	~~/* Стиль для самой фотографии */~~		.caption {
	.~~photo-frame img~~ {		margin-top: 9px;
	~~border~~-~~style~~: ~~solid~~; ~~/* Тип рамки */~~		background: #181217;
	~~border-~~color: #~~D02019~~; ~~/* Красная рамка */~~		color: #e0a6b4;
	~~border~~-~~width~~: ~~20px 40px 20px 40px~~; ~~/* Верх~~: ~~20px, Право: 40px, Низ: 20px, Лево: 40px */~~		font-size: 1.08em;
	~~display~~: ~~block~~; ~~/* Убирает лишние отступы под изображением */~~		padding: 8px 0 7px 0;
	~~width~~: ~~150px~~; ~~/* Уменьшенная ширина изображения */~~		border-radius: 0 0 15px 15px;
	~~height~~: ~~225px~~; ~~/* Уменьшенная высота изображения */~~		border-bottom: 5px solid #d02019;
	~~object~~-~~fit~~: ~~cover~~; ~~/* Обрезает изображение, чтобы оно вписалось в заданные размеры */~~		width: 90%;
	~~transition~~: ~~all 0.3s ease~~; ~~/* Плавный переход для всех изменений */~~		margin-left: auto;
			margin-right: auto;
	}		}


	/* Эффект при наведении */		/* Эффект при наведении */