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

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

@@ Строка 1: / Строка 1: @@
 /* Размещённый здесь CSS будет применяться ко всем темам оформления */
-body {
-	--color-surface-0: white;
-}
 #ca-talk  { display: none !important; }
@@ Строка 9: / Строка 5: @@
 /* Infoboxes */
 .infobox {
-	border: 1px solid #a2a9b1;
+    border: 1px solid var(--border-color-base);
-	color: black;
+    border-radius: var(--border-radius--medium);
-	padding: 0.2em;
+    border-spacing: 3px;
-	font-size: 88%;
+    background-color: var(--color-surface-2);
-	line-height: 1.5em;
+    color: var(--color-base);
-	border-spacing: 3px;
+    margin: 0 auto var(--space-md) var(--space-lg);
+    padding: 0.2em;
+    float: right;
+    clear: right;
+    font-size: 0.875rem;
+    line-height: 1.5em;
+    width: 22em;
+    text-align: left;
+}
+.infobox-header,.infobox-label,.infobox-above,.infobox-full-data,.infobox-data,.infobox-below,.infobox-subheader,.infobox-image,.infobox-navbar,.infobox th,.infobox td {
+    vertical-align: top
 }
-@media screen {
+.infobox-label,.infobox-data,.infobox th,.infobox td {
-	.infobox {
+    text-align: left
-		background-color: #f8f9fa;
-    }
 }
-@media (max-width: 640px) {
+.infobox .infobox-above,.infobox .infobox-title,.infobox caption {
-	.infobox {
+    font-size: 125%;
-		width: 100%;
+     font-weight: bold;
-	}
+    text-align: center
-	.infobox .nowrap {
-		white-space: normal;
-	}
 }
-@media (min-width: 640px) {
+.infobox-title,.infobox caption {
-	.infobox {
+    padding: 0.2em
-		/* @noflip */
-		margin: 0.5em 0 0.5em 1em;
-		/* @noflip */
-		float: right;
-		/* @noflip */
-		clear: right;
-		width: 22em;
-	}
 }
-.infobox-header,
+.infobox .infobox-header,.infobox .infobox-subheader,.infobox .infobox-image,.infobox .infobox-full-data,.infobox .infobox-below {
-.infobox-label,
+    text-align: center
-.infobox-above,
-.infobox-full-data,
-.infobox-data,
-.infobox-below,
-.infobox-subheader,
-.infobox-image,
-.infobox-navbar,
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
-.infobox th,
-.infobox td {
-	vertical-align: top;
 }
-.infobox-label,
+.infobox .infobox-navbar {
-.infobox-data,
+    text-align: right
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
-.infobox th,
-.infobox td {
-	/* @noflip */
-	text-align: left;
 }
-/* Remove .infobox when element selectors above are removed */
+.infobox tbody {
-.infobox .infobox-above,
+    display: table;
-.infobox .infobox-title,
+    width: 100%;
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
-.infobox caption {
-	font-size: 125%;
-	font-weight: bold;
-	text-align: center;
 }
-.infobox-title,
+.infobox .infobox-header {
-/* Remove element selector when every .infobox thing is using the standard module/templates  */
+    background-color: var(--background-color-progressive-subtle);
-.infobox caption {
-	padding: 0.2em;
 }
-/* Remove .infobox when element selectors above are removed */
+td.infobox-data {
-.infobox .infobox-header,
+    word-break: break-word;
-.infobox .infobox-subheader,
-.infobox .infobox-image,
-.infobox .infobox-full-data,
-.infobox .infobox-below {
-	text-align: center;
 }
-/* Remove .infobox when element selectors above are removed */
+@media screen and (max-width: 720px) {
-.infobox .infobox-navbar {
+    table.infobox {
-	/* @noflip */
+    	margin-left: auto;
-	text-align: right;
+        float: unset;
+        display: block;
+        margin: auto;
+        max-width: 90vw;
+    }
 }