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

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

Revision as of 18:40, 11 July 2022

616 bytes removed , 11 July 2022

and move mbox-small to 720px here as well

Anonymous user

wikipedia>Izno

@@ Line 1: / Line 1: @@
-/**
+/* {{pp|small=y}} */
- * {{ombox}} (other pages message box) styles
+.ombox {
- *
+	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;
-	/* Default "notice" gray */
+	border: 1px solid #a2a9b1;    /* Default "notice" gray */
-	border: 1px solid #a2a9b1;
 	background-color: #f8f9fa;
 	box-sizing: border-box;
 }
-/* An empty narrow cell */
+/* For the "small=yes" option. */
-.ombox td.mbox-empty-cell {
+.ombox.mbox-small {
-	border: none;
+	font-size: 88%;
-	padding: 0;
+	line-height: 1.25em;
-	width: 1px;
 }
-/* The message body cell(s) */
+.ombox-speedy {
-.ombox th.mbox-text,
+	border: 2px solid #b32424;    /* Red */
-.ombox td.mbox-text {
+	background-color: #fee7e6;    /* Pink */
-	border: none;
-	/* 0.9em left/right */
-	padding: 0.25em 0.9em;
-	/* Make all mboxes the same width regardless of text length */
-	width: 100%;
 }
-/* The left image cell */
+.ombox-delete {
-.ombox td.mbox-image {
+	border: 2px solid #b32424;    /* Red */
-	border: none;
-	text-align: center;
-	/* 0.9em left, 0px right */
-	/* @noflip */
-	padding: 2px 0 2px 0.9em;
 }
-/* The right image cell */
+.ombox-content {
-.ombox td.mbox-imageright {
+	border: 1px solid #f28500;    /* Orange */
-	border: none;
-	text-align: center;
-	/* 0px left, 0.9em right */
-	/* @noflip */
-	padding: 2px 0.9em 2px 0;
 }
-table.ombox-notice {
+.ombox-style {
-	/* Gray */
+	border: 1px solid #fc3;       /* Yellow */
-	border-color: #a2a9b1;
 }
-table.ombox-speedy {
+.ombox-move {
-	/* Pink */
+	border: 1px solid #9932cc;    /* Purple */
-	background-color: #fee7e6;
 }
-table.ombox-speedy,
+.ombox-protection {
-table.ombox-delete {
+	border: 2px solid #a2a9b1;    /* Gray-gold */
-	/* Red */
-	border-color: #b32424;
-	border-width: 2px;
 }
-table.ombox-content {
+.ombox .mbox-text {
-	/* Orange */
+	border: none;
-	border-color: #f28500;
+	/* @noflip */
+	padding: 0.25em 0.9em;
+	width: 100%;
 }
-table.ombox-style {
+.ombox .mbox-image {
-	/* Yellow */
+	border: none;
-	border-color: #fc3;
+	/* @noflip */
+	padding: 2px 0 2px 0.9em;
+	text-align: center;
 }
-table.ombox-move {
+.ombox .mbox-imageright {
-	/* Purple */
+	border: none;
-	border-color: #9932cc;
+	/* @noflip */
+	padding: 2px 0.9em 2px 0;
+	text-align: center;
 }
-table.ombox-protection {
+/* An empty narrow cell */
-	/* Gray-gold */
+.ombox .mbox-empty-cell {
-	border-color: #a2a9b1;
+	border: none;
-	border-width: 2px;
+	padding: 0;
+	width: 1px;
 }
-/**
+.ombox .mbox-invalid-type {
- * {{ombox|small=1}} styles
+	text-align: center;
- *
+}
- * 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
- */
-/* For the "small=yes" option. */
+@media (min-width: 720px) {
-html body.mediawiki .ombox.mbox-small {
+	.ombox {
-	clear: right;
+		margin: 4px 10%;
-	float: right;
+	}
-	margin: 4px 0 4px 1em;
-	box-sizing: border-box;
+	.ombox.mbox-small {
-	width: 238px;
+		/* @noflip */
-	font-size: 88%;
+		clear: right;
-	line-height: 1.25em;
+		/* @noflip */
+		float: right;
+		/* @noflip */
+		margin: 4px 0 4px 1em;
+		width: 238px;
+	}
 }