Mòideal:Message box/styles.css

O Wiktionary
/**
 * Messagebox templates
 * Imported from [[:en:MediaWiki:Common.css]] on 2020-05-23
 */
/* Cell sizes for Ambox/Tmbox/Imbox/Cmbox/Ombox/Fmbox/Dmbox message boxes */
th.Mbox-text, td.Mbox-text {   /* The message body cell(s) */
	border: none;
	padding: 0.25em 0.9em;     /* 0.9em left/right */
	width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.Mbox-image {                /* The left image cell */
	border: none;
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}
td.Mbox-imageright {           /* The right image cell */
	border: none;
	padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
	text-align: center;
}
td.Mbox-empty-cell {           /* An empty narrow cell */
	border: none;
	padding: 0;
	width: 1px;
}

/* Article message box styles */
table.Ambox {
	margin: 0 10%;                  /* 10% = Will not overlap with other elements */
	border: 1px solid #a2a9b1;
	border-left: 10px solid #36c;  /* Default "notice" blue */
	background-color: #fbfbfb;
	box-sizing: border-box;
}
table.Ambox + table.Ambox {      /* Single border between stacked boxes. */
	margin-top: -1px;
}
.Ambox th.mbox-text,
.Ambox td.mbox-text {            /* The message body cell(s) */
	padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.Ambox td.mbox-image {           /* The left image cell */
	padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.Ambox td.mbox-imageright {      /* The right image cell */
	padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

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

/* Image message box styles */
table.Imbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 3px solid #36c;    /* Default "notice" blue */
	background-color: #fbfbfb;
	box-sizing: border-box;
}
.Imbox .mbox-text .Imbox {  /* For Imboxes inside Imbox-text cells. */
	margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
	display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .Imbox {       /* For Imboxes inside other templates.  */
	margin: 4px;
}

table.Imbox-notice {
	border: 3px solid #36c;       /* Blue */
}
table.Imbox-speedy {
	border: 3px solid #b32424;    /* Red */
	background-color: #fee7e6;    /* Pink */
}
table.Imbox-delete {
	border: 3px solid #b32424;    /* Red */
}
table.Imbox-content {
	border: 3px solid #f28500;    /* Orange */
}
table.Imbox-style {
	border: 3px solid #fc3;       /* Yellow */
}
table.Imbox-move {
	border: 3px solid #9932cc;    /* Purple */
}
table.Imbox-protection {
	border: 3px solid #a2a9b1;    /* Gray-gold */
}
table.Imbox-license {
	border: 3px solid #88a;       /* Dark gray */
	background-color: #f7f8ff;    /* Light gray */
}
table.Imbox-featured {
	border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.Cmbox {
	margin: 3px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;
	background-color: #dfe8ff;    /* Default "notice" blue */
	box-sizing: border-box;
}

table.Cmbox-notice {
	background-color: #d8e8ff;    /* Blue */
}
table.Cmbox-speedy {
	margin-top: 4px;
	margin-bottom: 4px;
	border: 4px solid #b32424;    /* Red */
	background-color: #ffdbdb;    /* Pink */
}
table.Cmbox-delete {
	background-color: #ffdbdb;    /* Pink */
}
table.Cmbox-content {
	background-color: #ffe7ce;    /* Orange */
}
table.Cmbox-style {
	background-color: #fff9db;    /* Yellow */
}
table.Cmbox-move {
	background-color: #e4d8ff;    /* Purple */
}
table.Cmbox-protection {
	background-color: #efefe1;    /* Gray-gold */
}

/* 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 */
}

/* Talk page message box styles */
table.Tmbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #c0c090;    /* Default "notice" gray-brown */
	background-color: #f8eaba;
	min-width: 80%;
	box-sizing: border-box;
}
.Tmbox.mbox-small {
	min-width: 0;                /* reset the min-width of Tmbox above        */
}
.mediawiki .mbox-inside .Tmbox { /* For Tmboxes inside other templates. The "mediawiki" class ensures that */
	margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
	width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .Tmbox.mbox-small { /* "small" Tmboxes should not be small when  */
	line-height: 1.5em;          /* also "nested", so reset styles that are   */
	font-size: 100%;             /* set in "mbox-small" above.                */
}

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

/* Footer and header message box styles */
table.Fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;     /* Default "system" gray */
	box-sizing: border-box;
}
table.Fmbox-system {
	background-color: #f8f9fa;
}
table.Fmbox-warning {
	border: 1px solid #bb7070;  /* Dark pink */
	background-color: #ffdbdb;  /* Pink */
}
table.Fmbox-editnotice {
	background-color: transparent;
}

/* 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;
	box-sizing: border-box;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em;
}
html body.mediawiki .Mbox-small-left {   /* For the "small=left" option. */
	margin: 4px 1em 4px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}