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

Maintenance script: Компактное оформление мобильной главной

2026-08-31T20:35:25Z

Компактное оформление мобильной главной

@@ Строка 148: / Строка 148: @@
 .mw-parser-output table {
      max-width: 100%;
+}

Maintenance script: Исправлен адаптивный дизайн Vector и Minerva

2026-08-31T20:24:57Z

Исправлен адаптивный дизайн Vector и Minerva

← Предыдущая версия		Версия от 23:24, 31 августа 2026
Строка 1:		Строка 1:
			/* =========================================================
			RAMBA Wiki
			Common styles for Vector 2022 + Minerva
			========================================================= */

			/* ---------- Portal header ---------- */

	.portal-header {		.portal-header {
	text-align: center;		text-align: center;
Строка 12:		Строка 19:
	color: #666;		color: #666;
	}		}


			/* ---------- Desktop portal cards ---------- */

	.portal-grid {		.portal-grid {
Строка 26:		Строка 36:
	border-radius: 12px;		border-radius: 12px;
	padding: 18px;		padding: 18px;
			box-sizing: border-box;
	box-shadow: 0 2px 6px rgba(0,0,0,.08);		box-shadow: 0 2px 6px rgba(0,0,0,.08);
	transition: transform .2s ease, box-shadow .2s ease;		transition: transform .2s ease, box-shadow .2s ease;
	~~overflow-wrap: anywhere;~~
	}		}

Строка 39:		Строка 49:
	margin-top: 0;		margin-top: 0;
	}		}


			/* ---------- Tablet ---------- */

	@media (max-width: 900px) {		@media (max-width: 900px) {
Строка 45:		Строка 58:
	}		}
	}		}


			/* ---------- Generic small screens ---------- */

	@media (max-width: 720px) {		@media (max-width: 720px) {
Строка 61:		Строка 77:

	.portal-card {		.portal-card {
	~~width: auto;~~
	padding: 16px;		padding: 16px;
	border-radius: 10px;		border-radius: 10px;
Строка 71:		Строка 86:
	}		}

	.~~mw-highlight~~,
	~~pre,~~		/* =========================================================
	.~~syntaxhighlight~~ {		Minerva / MobileFrontend
	~~max-width~~: ~~100%~~;
	~~overflow-x~~: ~~auto~~;		Do not depend on viewport width here.
	~~box-sizing~~: ~~border-box~~;		If Minerva is active, cards are always vertical.
			========================================================= */

			.skin-minerva .mw-parser-output .portal-grid {
			display: block;
			width: 100%;
			margin: 0 0 20px;
	}		}

	.mw-parser-output ~~table~~ {		.skin-minerva .mw-parser-output .portal-card {
			display: block;
			width: 100%;
			min-width: 0;
	max-width: 100%;		max-width: 100%;
			margin: 0 0 14px;
			padding: 16px;
			box-sizing: border-box;
			overflow: hidden;
	}		}

	~~@media (max~~-~~width: 720px) {~~		.skin-minerva .mw-parser-output .portal-card h3 {
	.mw-parser-output {		margin-top: 0;
	~~overflow~~-~~wrap~~: ~~anywhere~~;		word-break: normal;
	}		overflow-wrap: normal;
	}

	~~/* ===== Minerva / MobileFrontend ===== */~~

	~~.skin~~-~~minerva .portal-grid {~~
	}		}

	.skin-minerva .portal-card {		.skin-minerva .mw-parser-output .portal-card p,
			.skin-minerva .mw-parser-output .portal-card li,
			.skin-minerva .mw-parser-output .portal-card a {
			word-break: normal;
			overflow-wrap: break-word;
	}		}

	.skin-minerva .portal-~~card h3,~~		.skin-minerva .portal-header {
	~~.skin-minerva .portal-card p,~~		margin: 8px 0 22px;
	~~.skin-minerva .portal-card li,~~
	~~.skin-minerva .portal-card a {~~
	}		}

	.skin-minerva .portal-header h1 {		.skin-minerva .portal-header h1 {
	font-size: 1.~~8em~~;		font-size: 1.7em;
	}		}

	~~/* ===== Minerva / MobileFrontend ===== */~~

	.~~skin~~-~~minerva~~ .~~portal~~-~~grid {~~		/* ---------- Source code ---------- */

			.mw-highlight,
			pre,
			.syntaxhighlight {
			max-width: 100%;
			overflow-x: auto;
			box-sizing: border-box;
	}		}

	~~.skin-minerva .portal-card {~~
	}

	~~.skin~~-~~minerva .portal~~-~~card h3,~~		/* ---------- Tables ---------- */
	~~.skin~~-~~minerva .portal~~-~~card p,~~
	~~.skin~~-~~minerva .portal~~-~~card li,~~
	~~.skin~~-~~minerva .portal~~-~~card a {~~
	}

	.~~skin~~-~~minerva .portal~~-~~header h1~~ {		.mw-parser-output table {
	~~font~~-~~size~~: ~~1.8em~~;		max-width: 100%;
	}		}

Maintenance script: Исправление карточек Minerva

2026-08-31T20:22:22Z

Исправление карточек Minerva

@@ Строка 87: / Строка 87: @@
          overflow-wrap: anywhere;
+     }
+}

Maintenance script: Исправление карточек Minerva

2026-08-31T20:22:08Z

Исправление карточек Minerva

@@ Строка 87: / Строка 87: @@
          overflow-wrap: anywhere;
+     }
+}

Maintenance script: Адаптивный дизайн RAMBA Wiki

2026-08-31T20:18:52Z

Адаптивный дизайн RAMBA Wiki

@@ Строка 14: / Строка 14: @@
 .portal-grid {
-     display: flex;
+     display: grid;
-     flex-wrap: wrap;
+     grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
      margin-bottom: 20px;
@@ Строка 21: / Строка 21: @@
 .portal-card {
-    flex: 1;
+     min-width: 0;
      background: #f8f9fa;
      border: 1px solid #c8ccd1;
@@ Строка 28: / Строка 27: @@
      padding: 18px;
      box-shadow: 0 2px 6px rgba(0,0,0,.08);
-     transition: all .2s ease;
+     transition: transform .2s ease, box-shadow .2s ease;
+}
@@ Строка 38: / Строка 38: @@
 .portal-card h3 {
      margin-top: 0;
+}

Admin в 13:56, 16 июня 2026

2026-06-16T13:56:37Z

@@ Строка 1: / Строка 1: @@
-/* Убираем лишнюю линию под заголовком */
+.portal-header {
-.mw-body h1:first-child {
+    text-align: center;
-     border-bottom: none;
+    margin: 20px 0 30px;
+}
 .portal-card {
-     transition: all 0.2s ease;
+    flex: 1;
+}
 .portal-card:hover {
-     transform: translateY(-3px);
+     transform: translateY(-4px);
+}

Admin в 13:54, 16 июня 2026

2026-06-16T13:54:50Z

← Предыдущая версия		Версия от 16:54, 16 июня 2026
Строка 1:		Строка 1:
	/* ~~Размещённый здесь CSS будет применяться ко всем темам оформления~~ */		/* Убираем лишнюю линию под заголовком */
	.~~Program~~ {		.mw-body h1:first-child {
	~~background: #252525;~~		border-bottom: none;
	border: ~~1px solid #aaa;~~
	~~float: right;~~
	~~margin: 0 0 1em 1em;~~
	~~padding: 1em;~~
	~~width: 400px~~;
	}		}
	.~~Program~~-~~title~~ {
	~~font-size~~: ~~2em;~~		/* Эффект наведения для карточек */
	~~text-align: center~~;		.portal-card {
			transition: all 0.2s ease;
	}		}
	.~~Program-logo {~~
	~~text~~-~~align~~: ~~center;~~		.portal-card:hover {
	}		transform: translateY(-3px);
	~~.Program th~~ {
	~~text-align~~: ~~right;~~
	~~vertical~~-~~align: top;~~
	~~width: 120px;~~
	}
	~~.Program td {~~
	~~vertical-align: top~~;
	}		}

Admin: Новая страница: «/* Размещённый здесь CSS будет применяться ко всем темам оформления */ .Program { background: #252525; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 400px; } .Program-title { font-size: 2em; text-align: center; } .Program-logo { text-align: center; } .Program th { text-align: right; vertical-align: top; width: 120px; } .Progr...»

2023-03-25T15:39:43Z

Новая страница: «Размещённый здесь CSS будет применяться ко всем темам оформления: .Program { background: #252525; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 400px; } .Program-title { font-size: 2em; text-align: center; } .Program-logo { text-align: center; } .Program th { text-align: right; vertical-align: top; width: 120px; } .Progr...»

Новая страница

/* Размещённый здесь CSS будет применяться ко всем темам оформления */
.Program {
background: #252525;
border: 1px solid #aaa;
float: right;
margin: 0 0 1em 1em;
padding: 1em;
width: 400px;
}
.Program-title {
font-size: 2em;
text-align: center;
}
.Program-logo {
text-align: center;
}
.Program th {
text-align: right;
vertical-align: top;
width: 120px;
}
.Program td {
vertical-align: top;
}