Module:Message box/ombox.css: Difference between revisions

Module:Message box/ombox.css (view source)

Revision as of 14:03, 19 April 2023

616 bytes added , 19 April 2023

m

1 revision imported: forgot this existed...

Clarke

Bureaucrats, Interface administrators, Suppressors, Administrators

169

edits

@@ Line 1: / Line 1: @@
-/* {{pp|small=y}} */
+/**
-.ombox {
+ * {{ombox}} (other pages message box) styles
-	margin: 4px 0;
+ *
+ * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
+ * @revision 2021-07-15
+ */
+table.ombox {
+	margin: 4px 10%;
 	border-collapse: collapse;
-	border: 1px solid #a2a9b1;    /* Default "notice" gray */
+	/* Default "notice" gray */
+	border: 1px solid #a2a9b1;
 	background-color: #f8f9fa;
 	box-sizing: border-box;
 }
-/* For the "small=yes" option. */
+/* An empty narrow cell */
-.ombox.mbox-small {
+.ombox td.mbox-empty-cell {
-	font-size: 88%;
+	border: none;
-	line-height: 1.25em;
+	padding: 0;
+	width: 1px;
 }
-.ombox-speedy {
+/* The message body cell(s) */
-	border: 2px solid #b32424;    /* Red */
+.ombox th.mbox-text,
-	background-color: #fee7e6;    /* Pink */
+.ombox td.mbox-text {
+	border: none;
+	/* 0.9em left/right */
+	padding: 0.25em 0.9em;
+	/* Make all mboxes the same width regardless of text length */
+	width: 100%;
 }
-.ombox-delete {
+/* The left image cell */
-	border: 2px solid #b32424;    /* Red */
+.ombox td.mbox-image {
+	border: none;
+	text-align: center;
+	/* 0.9em left, 0px right */
+	/* @noflip */
+	padding: 2px 0 2px 0.9em;
 }
-.ombox-content {
+/* The right image cell */
-	border: 1px solid #f28500;    /* Orange */
+.ombox td.mbox-imageright {
+	border: none;
+	text-align: center;
+	/* 0px left, 0.9em right */
+	/* @noflip */
+	padding: 2px 0.9em 2px 0;
 }
-.ombox-style {
+table.ombox-notice {
-	border: 1px solid #fc3;       /* Yellow */
+	/* Gray */
+	border-color: #a2a9b1;
 }
-.ombox-move {
+table.ombox-speedy {
-	border: 1px solid #9932cc;    /* Purple */
+	/* Pink */
+	background-color: #fee7e6;
 }
-.ombox-protection {
+table.ombox-speedy,
-	border: 2px solid #a2a9b1;    /* Gray-gold */
+table.ombox-delete {
+	/* Red */
+	border-color: #b32424;
+	border-width: 2px;
 }
-.ombox .mbox-text {
+table.ombox-content {
-	border: none;
+	/* Orange */
-	/* @noflip */
+	border-color: #f28500;
-	padding: 0.25em 0.9em;
-	width: 100%;
 }
-.ombox .mbox-image {
+table.ombox-style {
-	border: none;
+	/* Yellow */
-	/* @noflip */
+	border-color: #fc3;
-	padding: 2px 0 2px 0.9em;
-	text-align: center;
 }
-.ombox .mbox-imageright {
+table.ombox-move {
-	border: none;
+	/* Purple */
-	/* @noflip */
+	border-color: #9932cc;
-	padding: 2px 0.9em 2px 0;
-	text-align: center;
 }
-/* An empty narrow cell */
+table.ombox-protection {
-.ombox .mbox-empty-cell {
+	/* Gray-gold */
-	border: none;
+	border-color: #a2a9b1;
-	padding: 0;
+	border-width: 2px;
-	width: 1px;
 }
-.ombox .mbox-invalid-type {
+/**
-	text-align: center;
+ * {{ombox|small=1}} styles
-}
+ *
+ * These ".mbox-small" classes must be placed after all other
+ * ".ombox" classes. "html body.mediawiki .ombox"
+ * is so they apply only to other page message boxes.
+ *
+ * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
+ * @revision 2021-07-15
+ */
-@media (min-width: 720px) {
+/* For the "small=yes" option. */
-	.ombox {
+html body.mediawiki .ombox.mbox-small {
-		margin: 4px 10%;
+	clear: right;
-	}
+	float: right;
+	margin: 4px 0 4px 1em;
-	.ombox.mbox-small {
+	box-sizing: border-box;
-		/* @noflip */
+	width: 238px;
-		clear: right;
+	font-size: 88%;
-		/* @noflip */
+	line-height: 1.25em;
-		float: right;
-		/* @noflip */
-		margin: 4px 0 4px 1em;
-		width: 238px;
-	}
 }