MediaWiki:Common.css: различия между версиями

Интерактивная навигация по истории

← Предыдущая правка

@@ Строка 380: / Строка 380: @@
 	--text-color-dark-salmon: darksalmon;
 	--text-color-green: #269335;
-	--text-color-lime: #46bf46;
+	--text-color-lime: #57cd62;
 	--text-color-turquoise: #189d80;
 	--text-color-yellow: #dbdb11;
@@ Строка 389: / Строка 389: @@
 	--text-color-pink: #cd6dca;
 	--text-color-blue: #1c86ed;
-	--text-color-sky-blue: #3d78d1;
+	--text-color-sky-blue: #4981d5;
-	--text-color-aquamarine: #69d2d7;
+	--text-color-aquamarine: #68ced3;
 	--text-color-violet: #946ce3;
 	--text-color-silver: #a9a9a9;
@@ Строка 856: / Строка 856: @@
 }
-a.new, .new a {
+a.new, .new a,
+.cdx-link.is-red-link, .cdx-link.is-red-link:hover {
 	color: var(--text-color-link-new);
 }
-a.new:hover, .new a:hover {
+a.new:hover, .new a:hover,
+.cdx-link.is-red-link:visited, .cdx-link.is-red-link:visited:hover {
 	color: var(--text-color-link-new--visited);
 }
@@ Строка 868: / Строка 870: @@
 }
-.mw-parser-output a.external, .mw-parser-output a.extiw {
+.mw-parser-output a.external, .mw-parser-output a.extiw,
+.cdx-link, .cdx-link:hover {
 	color: var(--text-color-link-external)
 }
-.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited {
+.mw-parser-output a.external:visited, .mw-parser-output a.extiw:visited,
+.cdx-link:visited, .cdx-link:visited:hover {
 	color: var(--text-color-link-external--visited);
 }
@@ Строка 1052: / Строка 1056: @@
 		grid-template-columns: 1fr;
 	}
+}
+/*=== Шаблон:Сущность ===*/
+.ts-Cut-layout {
+	display: flex;
+	flex-direction: column;
+    justify-content: center;
+	gap: 8px;
+	padding: 10px 18px;
+	box-shadow: var(--box-shadow-high);
+	background-color: var(--bg-color); /* --bg-color из стилей шаблона; по умолчанию: var(--theme-bg-color-200) */
+	border-radius: var(--border-radius-low);
+    height: inherit;
+    box-sizing: border-box;
+	--clip: 1em;
+	clip-path: polygon(0 0, calc(100% - var(--clip)) 0, 100% var(--clip), 100% 100%, var(--clip) 100%, 0 calc(100% - var(--clip)));
+}
+.ts-Cut-layout__header {
+	display: flex;
+	justify-content: space-between;
+    align-items: center;
+	gap: 8px;
+}
+.ts-Cut-layout__header-arrow {
+    display: grid;
+    grid-template-columns: 1fr auto 1fr;
+    text-align: center;
+}
+.ts-Cut-layout__body {
+	flex-grow: 100;
+	padding: 8px;
+	position: relative;
+	font-size: var(--font-size-s);
+	overflow: auto;
+	margin: 0 6px;
+	background: rgba(0, 0, 0, var(--alpha-s));
+	border-radius: var(--border-radius-low);
 }
@@ Строка 1944: / Строка 1989: @@
 /* #region Классы */
 /* ============ */
+/* Складной списки с кнопкой в ширину всего блока */
+.collapsible-title {
+    display: grid;
+}
+.collapsible-title > *:not(.mw-collapsible-content) {
+    grid-row: 1;
+    grid-column: 1 / 3;
+}
+.collapsible-title > .mw-collapsible-content {
+    grid-row: 2;
+    grid-column: 1 / 3;
+}
+/* Делает кнопку раскрытия складного списка в виде стрелочки */
+.collapsible-toggle-arrow::before {
+    --wh-ratio: 1.5;
+    --w: 0.9em;
+    --h: calc(var(--w) / var(--wh-ratio));
+    content: "";
+    background-image: url(/images/1/12/Inverted_triangle.svg);
+    display: inline-block;
+    background-size: cover;
+    width: var(--w);
+    height: var(--h);
+    margin: 0 0.1em;
+    transition: transform 60ms ease;
+}
+.mw-collapsible:has(.mw-collapsible-toggle-collapsed) > .collapsible-toggle-arrow::before {
+    transform: rotate(-90deg);
+}
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle *,
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::after,
+.mw-collapsible:has(.collapsible-toggle-arrow) > .mw-collapsible-toggle::before {
+    display: none;
+}
 /* Ссылка на весь контейнер кнопки */
@@ Строка 2140: / Строка 2225: @@
 	margin-bottom: 0
 }
 @media (max-width: 800px) {
@@ Строка 2151: / Строка 2238: @@
 	gap: 8px;
 	grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 300px), 1fr));
+}
+.grid-big-item-adaptive {
+	display: grid;
+	gap: 10px;
+	grid-template-columns: repeat(auto-fit, minmax(clamp(200px, 30vw, 400px), 1fr));
 }
@@ Строка 3095: / Строка 3188: @@
 	clear: right;
 	margin: 0 0 1em 1em;
-	max-width: 400px;
+	width: 400px;
-	min-width: 300px;
 	box-sizing: border-box;
 	position: relative;
@@ Строка 3577: / Строка 3669: @@
 	background-size: cover;
 	margin: 0;
+}
+#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-flaggedElement-unseen::after, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-unseen-notifications::after {
+    background-color: var(--color-contrast);
 }
@@ Строка 4403: / Строка 4499: @@
 .mw-ge-help-panel-home-button-preheader-text,
 .mw-body-content .recent-questions-growthexperiments-help-questions h3, .overlay-content .recent-questions-growthexperiments-help-questions h3, .content .recent-questions-growthexperiments-help-questions h3, .mw-body-content .recent-questions-growthexperiments-mentor-questions h3, .overlay-content .recent-questions-growthexperiments-mentor-questions h3, .content .recent-questions-growthexperiments-mentor-questions h3,
-.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on {
+.mw-body-content .recent-questions-growthexperiments-help-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-help-questions .question-posted-on, .content .recent-questions-growthexperiments-help-questions .question-posted-on, .mw-body-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .overlay-content .recent-questions-growthexperiments-mentor-questions .question-posted-on, .content .recent-questions-growthexperiments-mentor-questions .question-posted-on,
+.mwe-vue-pt-snippet {
 	color: var(--ooui-text-color-dark);
 }