Module:Message box/ombox.css - Revision history

>ExE Boss: Fix {{Ombox|small=1}} styles comment

2021-07-15T19:28:43Z

Fix {{Ombox|small=1}} styles comment

← Older revision		Revision as of 19:28, 15 July 2021
Line 91:		Line 91:
	*		*
	* These ".mbox-small" classes must be placed after all other		* These ".mbox-small" classes must be placed after all other
	* ".~~ambox~~" classes. "html body.mediawiki .~~ambox~~"		* ".ombox" classes. "html body.mediawiki .ombox"
	* is so they ~~override both "table.ambox + table.ambox"~~		* is so they apply only to other page message boxes.
	* and "table.ambox + link + table.ambox" above.
	*		*
	* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css		* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css

>ExE Boss: MediaWiki talk:Gadget-site.css § Last to TemplateStyles: mbox and MediaWiki:Gadget-enwp-boxes.css

2021-07-15T18:44:46Z

MediaWiki talk:Gadget-site.css § Last to TemplateStyles: mbox and MediaWiki:Gadget-enwp-boxes.css

← Older revision		Revision as of 18:44, 15 July 2021
Line 1:		Line 1:
	~~/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */~~
	~~th.mbox-text, td.mbox-text { /* The message body cell(s) */~~
	~~padding: 0.25em 0.9em; /* 0.9em left/right */~~
	}
	~~td.mbox-image { /* The left image cell */~~
	~~padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */~~
	}
	~~td.mbox-imageright { /* The right image cell */~~
	~~padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */~~
	}

	/**		/**
	* {{ombox}} (other pages message box) styles		* {{ombox}} (other pages message box) styles
	*		*
	* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css		* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
	* @revision 2021-07-06		* @revision 2021-07-15
	*/		*/
	table.ombox {		table.ombox {
Line 23:		Line 12:
	background-color: #f8f9fa;		background-color: #f8f9fa;
	box-sizing: border-box;		box-sizing: border-box;
			}

			/* An empty narrow cell */
			.ombox td.mbox-empty-cell {
			border: none;
			padding: 0;
			width: 1px;
			}

			/* The message body cell(s) */
			.ombox th.mbox-text,
			.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%;
			}

			/* The left image cell */
			.ombox td.mbox-image {
			border: none;
			text-align: center;
			/* 0.9em left, 0px right */
			/* @noflip */
			padding: 2px 0 2px 0.9em;
			}

			/* The right image cell */
			.ombox td.mbox-imageright {
			border: none;
			text-align: center;
			/* 0px left, 0.9em right */
			/* @noflip */
			padding: 2px 0.9em 2px 0;
	}		}

Line 63:		Line 87:
	}		}

	/* These mbox-small classes must be placed after all other		/**
	ambox~~/tmbox/ombox etc~~ classes. "html body.mediawiki" is so		* {{ombox\|small=1}} styles
	they override "table.ambox + table.ambox" above. */		*
	~~html body~~.mediawiki .~~mbox~~-~~small {~~ /* For the "small=yes" option. */		* These ".mbox-small" classes must be placed after all other
			* ".ambox" classes. "html body.mediawiki .ambox"
			* is so they override both "table.ambox + table.ambox"
			* and "table.ambox + link + table.ambox" above.
			*
			* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
			* @revision 2021-07-15
			*/

			/* For the "small=yes" option. */
			html body.mediawiki .ombox.mbox-small {
	clear: right;		clear: right;
	float: right;		float: right;
	margin: 4px 0 4px 1em;		margin: 4px 0 4px 1em;
			box-sizing: border-box;
			width: 238px;
			font-size: 88%;
			line-height: 1.25em;
	}		}

>ExE Boss: code style conventions

2021-07-15T17:25:21Z

code style conventions

← Older revision		Revision as of 17:25, 15 July 2021
Line 10:		Line 10:
	}		}

	/* ~~Other~~ pages message box styles */		/**
			* {{ombox}} (other pages message box) styles
			*
			* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
			* @revision 2021-07-06
			*/
	table.ombox {		table.ombox {
	margin: 4px 10%;		margin: 4px 10%;
	border-collapse: collapse;		border-collapse: collapse;
	~~border: 1px solid #a2a9b1;~~ /* Default "notice" gray */		/* Default "notice" gray */
			border: 1px solid #a2a9b1;
	background-color: #f8f9fa;		background-color: #f8f9fa;
	box-sizing: border-box;		box-sizing: border-box;
Line 20:		Line 26:

	table.ombox-notice {		table.ombox-notice {
	border: ~~1px solid~~ #a2a9b1; ~~/* Gray */~~		/* Gray */
			border-color: #a2a9b1;
	}		}

	table.ombox-speedy {		table.ombox-speedy {
	~~border: 2px solid #b32424;~~ /* ~~Red~~ */		/* Pink */
	background-color: #fee7e6; ~~/* Pink */~~		background-color: #fee7e6;
	}		}

			table.ombox-speedy,
	table.ombox-delete {		table.ombox-delete {
	border: ~~2px solid~~ #b32424; ~~/* Red */~~		/* Red */
			border-color: #b32424;
			border-width: 2px;
	}		}

	table.ombox-content {		table.ombox-content {
	border: ~~1px solid~~ #f28500; ~~/* Orange */~~		/* Orange */
			border-color: #f28500;
	}		}

	table.ombox-style {		table.ombox-style {
	border: ~~1px solid~~ #fc3; ~~/* Yellow */~~		/* Yellow */
			border-color: #fc3;
	}		}

	table.ombox-move {		table.ombox-move {
	border: ~~1px solid~~ #9932cc; ~~/* Purple */~~		/* Purple */
			border-color: #9932cc;
	}		}

	table.ombox-protection {		table.ombox-protection {
	~~border: 2px solid #a2a9b1;~~ /* Gray-gold */		/* Gray-gold */
			border-color: #a2a9b1;
			border-width: 2px;
	}		}

>ExE Boss: Import {{Ombox}} styles from MediaWiki:Gadget‑enwp‑boxes.css

2021-07-15T17:23:59Z

Import {{Ombox}} styles from MediaWiki:Gadget‑enwp‑boxes.css

← Older revision		Revision as of 17:23, 15 July 2021
Line 8:		Line 8:
	td.mbox-imageright { /* The right image cell */		td.mbox-imageright { /* The right image cell */
	padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */		padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
			}

			/* Other pages message box styles */
			table.ombox {
			margin: 4px 10%;
			border-collapse: collapse;
			border: 1px solid #a2a9b1; /* Default "notice" gray */
			background-color: #f8f9fa;
			box-sizing: border-box;
			}

			table.ombox-notice {
			border: 1px solid #a2a9b1; /* Gray */
			}
			table.ombox-speedy {
			border: 2px solid #b32424; /* Red */
			background-color: #fee7e6; /* Pink */
			}
			table.ombox-delete {
			border: 2px solid #b32424; /* Red */
			}
			table.ombox-content {
			border: 1px solid #f28500; /* Orange */
			}
			table.ombox-style {
			border: 1px solid #fc3; /* Yellow */
			}
			table.ombox-move {
			border: 1px solid #9932cc; /* Purple */
			}
			table.ombox-protection {
			border: 2px solid #a2a9b1; /* Gray-gold */
	}		}

>ExE Boss: ExE Boss moved page Template:Ombox/styles.css to Module:Message box/ombox.css without leaving a redirect: MediaWiki talk:Gadget-site.css § Last to TemplateStyles: mbox and MediaWiki:Gadget-enwp-boxes.css

2021-07-15T17:19:32Z

ExE Boss moved page Template:Ombox/styles.css to Module:Message box/ombox.css without leaving a redirect: MediaWiki talk:Gadget-site.css § Last to TemplateStyles: mbox and MediaWiki:Gadget-enwp-boxes.css

← Older revision	Revision as of 17:19, 15 July 2021
(No difference)

>Shirayuki: copy from MediaWiki:Gadget-enwp-boxes.css

2020-10-23T13:40:45Z

copy from MediaWiki:Gadget-enwp-boxes.css

← Older revision		Revision as of 13:40, 23 October 2020
Line 8:		Line 8:
	td.mbox-imageright { /* The right image cell */		td.mbox-imageright { /* The right image cell */
	padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */		padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
			}

			/* These mbox-small classes must be placed after all other
			ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
			they override "table.ambox + table.ambox" above. */
			html body.mediawiki .mbox-small { /* For the "small=yes" option. */
			clear: right;
			float: right;
			margin: 4px 0 4px 1em;
	}		}

>Shirayuki: copy from MediaWiki:Gadget-enwp-boxes.css

2020-10-23T13:35:53Z

copy from MediaWiki:Gadget-enwp-boxes.css

← Older revision		Revision as of 13:35, 23 October 2020
Line 1:		Line 1:
	~~html body~~.~~mediawiki~~ .mbox-~~small~~ {		/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
	~~clear~~: right;		th.mbox-text, td.mbox-text { /* The message body cell(s) */
	~~float~~: right;		padding: 0.25em 0.9em; /* 0.9em left/right */
	~~margin~~: ~~4px~~ 0 ~~4px 1em~~;		}
			td.mbox-image { /* The left image cell */
			padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
			}
			td.mbox-imageright { /* The right image cell */
			padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
	}		}

>Tacsipacsi: use the exact same selector and rules as found in MediaWiki:Gadget-enwp-boxes.css—TemplateStyles will make sure that this rule overrides the gadget’s one and that this rule flips appropriately on RTL pages (as long as they have page language set, i.e. they use the Translate extension)

2020-10-21T23:59:19Z

use the exact same selector and rules as found in MediaWiki:Gadget-enwp-boxes.css—TemplateStyles will make sure that this rule overrides the gadget’s one and that this rule flips appropriately on RTL pages (as long as they have page language set, i.e. they use the Translate extension)

← Older revision		Revision as of 23:59, 21 October 2020
Line 1:		Line 1:
	.mw-~~content-rtl .ombox~~ {		html body.mediawiki .mbox-small {
	~~float~~:~~left~~;		clear: right;
	~~clear~~:~~left~~;		float: right;
	margin:4px 1em ~~4px 0~~;		margin: 4px 0 4px 1em;
	}		}

>Shirayuki: rtl

2020-10-19T22:05:07Z

rtl

New page

.mw-content-rtl .ombox {
float:left;
clear:left;
margin:4px 1em 4px 0;
}