MediaWiki:Common.css: Difference between revisions

From N64brew Wiki
Jump to navigation Jump to search
Content added Content deleted
(Added styles for Mbox and other messagebox templates.)
(Attempt to change SyntaxHighlight's comment and single-comment styles)
 
(One intermediate revision by the same user not shown)
Line 253: Line 253:
}
}


/** @source http://en.wikipedia.org/wiki/MediaWiki:Common.css | 2020-02-03 */
/* Mbox and similar template styles. Copied from en.wikipedia.org */
/** {{mbox}}, {{ambox}}, {{ombox}}, .. */
.mbox-inside .standard-talk {
/** removed: messagebox, mbox-compact, standard-talk */
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}

.messagebox.small {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
}

.messagebox.small-talk {
width: 238px;
font-size: 85%;
/* @noflip */
float: right;
clear: both;
/* @noflip */
margin: 0 0 1em 1em;
line-height: 1.25em;
background-color: #f8eaba;
}


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
Line 292: Line 264:
width: 100%; /* Make all mboxes the same width regardless of text length */
width: 100%; /* Make all mboxes the same width regardless of text length */
}
}

td.mbox-image { /* The left image cell */
td.mbox-image { /* The left image cell */
border: none;
border: none;
Line 299: Line 270:
text-align: center;
text-align: center;
}
}

td.mbox-imageright { /* The right image cell */
td.mbox-imageright { /* The right image cell */
border: none;
border: none;
Line 306: Line 276:
text-align: center;
text-align: center;
}
}

td.mbox-empty-cell { /* An empty narrow cell */
td.mbox-empty-cell { /* An empty narrow cell */
border: none;
border: none;
Line 322: Line 291:
box-sizing: border-box;
box-sizing: border-box;
}
}

table.ambox + table.ambox { /* Single border between stacked boxes. */
table.ambox + table.ambox { /* Single border between stacked boxes. */
margin-top: -1px;
margin-top: -1px;
}
}

.ambox th.mbox-text,
.ambox th.mbox-text,
.ambox td.mbox-text { /* The message body cell(s) */
.ambox td.mbox-text { /* The message body cell(s) */
padding: 0.25em 0.5em; /* 0.5em left/right */
padding: 0.25em 0.5em; /* 0.5em left/right */
}
}

.ambox td.mbox-image { /* The left image cell */
.ambox td.mbox-image { /* The left image cell */
/* @noflip */
/* @noflip */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
}
}

.ambox td.mbox-imageright { /* The right image cell */
.ambox td.mbox-imageright { /* The right image cell */
/* @noflip */
/* @noflip */
Line 346: Line 311:
border-left: 10px solid #36c; /* Blue */
border-left: 10px solid #36c; /* Blue */
}
}

table.ambox-speedy {
table.ambox-speedy {
/* @noflip */
/* @noflip */
Line 352: Line 316:
background-color: #fee7e6; /* Pink */
background-color: #fee7e6; /* Pink */
}
}

table.ambox-delete {
table.ambox-delete {
/* @noflip */
/* @noflip */
border-left: 10px solid #b32424; /* Red */
border-left: 10px solid #b32424; /* Red */
}
}

table.ambox-content {
table.ambox-content {
/* @noflip */
/* @noflip */
border-left: 10px solid #f28500; /* Orange */
border-left: 10px solid #f28500; /* Orange */
}
}

table.ambox-style {
table.ambox-style {
/* @noflip */
/* @noflip */
border-left: 10px solid #fc3; /* Yellow */
border-left: 10px solid #fc3; /* Yellow */
}
}

table.ambox-move {
table.ambox-move {
/* @noflip */
/* @noflip */
border-left: 10px solid #9932cc; /* Purple */
border-left: 10px solid #9932cc; /* Purple */
}
}

table.ambox-protection {
table.ambox-protection {
/* @noflip */
/* @noflip */
Line 386: Line 345:
box-sizing: border-box;
box-sizing: border-box;
}
}

.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
display: block; /* Fix for webkit to force 100% width. */
display: block; /* Fix for webkit to force 100% width. */
}
}

.mbox-inside .imbox { /* For imboxes inside other templates. */
.mbox-inside .imbox { /* For imboxes inside other templates. */
margin: 4px;
margin: 4px;
Line 399: Line 356:
border: 3px solid #36c; /* Blue */
border: 3px solid #36c; /* Blue */
}
}

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

table.imbox-delete {
table.imbox-delete {
border: 3px solid #b32424; /* Red */
border: 3px solid #b32424; /* Red */
}
}

table.imbox-content {
table.imbox-content {
border: 3px solid #f28500; /* Orange */
border: 3px solid #f28500; /* Orange */
}
}

table.imbox-style {
table.imbox-style {
border: 3px solid #fc3; /* Yellow */
border: 3px solid #fc3; /* Yellow */
}
}

table.imbox-move {
table.imbox-move {
border: 3px solid #9932cc; /* Purple */
border: 3px solid #9932cc; /* Purple */
}
}

table.imbox-protection {
table.imbox-protection {
border: 3px solid #a2a9b1; /* Gray-gold */
border: 3px solid #a2a9b1; /* Gray-gold */
}
}

table.imbox-license {
table.imbox-license {
border: 3px solid #88a; /* Dark gray */
border: 3px solid #88a; /* Dark gray */
background-color: #f7f8ff; /* Light gray */
background-color: #f7f8ff; /* Light gray */
}
}

table.imbox-featured {
table.imbox-featured {
border: 3px solid #cba135; /* Brown-gold */
border: 3px solid #cba135; /* Brown-gold */
Line 446: Line 395:
background-color: #d8e8ff; /* Blue */
background-color: #d8e8ff; /* Blue */
}
}

table.cmbox-speedy {
table.cmbox-speedy {
margin-top: 4px;
margin-top: 4px;
Line 453: Line 401:
background-color: #ffdbdb; /* Pink */
background-color: #ffdbdb; /* Pink */
}
}

table.cmbox-delete {
table.cmbox-delete {
background-color: #ffdbdb; /* Pink */
background-color: #ffdbdb; /* Pink */
}
}

table.cmbox-content {
table.cmbox-content {
background-color: #ffe7ce; /* Orange */
background-color: #ffe7ce; /* Orange */
}
}

table.cmbox-style {
table.cmbox-style {
background-color: #fff9db; /* Yellow */
background-color: #fff9db; /* Yellow */
}
}

table.cmbox-move {
table.cmbox-move {
background-color: #e4d8ff; /* Purple */
background-color: #e4d8ff; /* Purple */
}
}

table.cmbox-protection {
table.cmbox-protection {
background-color: #efefe1; /* Gray-gold */
background-color: #efefe1; /* Gray-gold */
Line 486: Line 429:
border: 1px solid #a2a9b1; /* Gray */
border: 1px solid #a2a9b1; /* Gray */
}
}

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

table.ombox-delete {
table.ombox-delete {
border: 2px solid #b32424; /* Red */
border: 2px solid #b32424; /* Red */
}
}

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

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

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

table.ombox-protection {
table.ombox-protection {
border: 2px solid #a2a9b1; /* Gray-gold */
border: 2px solid #a2a9b1; /* Gray-gold */
Line 521: Line 458:
box-sizing: border-box;
box-sizing: border-box;
}
}

.tmbox.mbox-small {
.tmbox.mbox-small {
min-width: 0; /* reset the min-width of tmbox above */
min-width: 0; /* reset the min-width of tmbox above */
}
}

.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
.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) */
margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */
width: 100%; /* For Safari and Opera */
width: 100%; /* For Safari and Opera */
}
}

.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
line-height: 1.5em; /* also "nested", so reset styles that are */
line-height: 1.5em; /* also "nested", so reset styles that are */
Line 540: Line 474:
background-color: #fee7e6; /* Pink */
background-color: #fee7e6; /* Pink */
}
}

table.tmbox-delete {
table.tmbox-delete {
border: 2px solid #b32424; /* Red */
border: 2px solid #b32424; /* Red */
}
}

table.tmbox-content {
table.tmbox-content {
border: 2px solid #f28500; /* Orange */
border: 2px solid #f28500; /* Orange */
}
}

table.tmbox-style {
table.tmbox-style {
border: 2px solid #fc3; /* Yellow */
border: 2px solid #fc3; /* Yellow */
}
}

table.tmbox-move {
table.tmbox-move {
border: 2px solid #9932cc; /* Purple */
border: 2px solid #9932cc; /* Purple */
}
}

table.tmbox-protection,
table.tmbox-protection,
table.tmbox-notice {
table.tmbox-notice {
Line 571: Line 500:
box-sizing: border-box;
box-sizing: border-box;
}
}

table.fmbox-system {
table.fmbox-system {
background-color: #f8f9fa;
background-color: #f8f9fa;
}
}

table.fmbox-warning {
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
border: 1px solid #bb7070; /* Dark pink */
background-color: #ffdbdb; /* Pink */
background-color: #ffdbdb; /* Pink */
}
}

table.fmbox-editnotice {
table.fmbox-editnotice {
background-color: transparent;
background-color: transparent;
}
}

/* Div based "warning" style fmbox messages. */
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-warning-with-logexcerpt,
Line 598: Line 523:
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
box-sizing: border-box;
box-sizing: border-box;
}

/* 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. */
/* @noflip */
clear: right;
/* @noflip */
float: right;
/* @noflip */
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. */
/* @noflip */
margin: 4px 1em 4px 0;
box-sizing: border-box;
overflow: hidden;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}

/* Override SyntaxHighlight's comment and single-comment styles to no longer be italisized */
.mw-highlight .c {
font-style: normal;
}
.mw-highlight .c1 {
font-style: normal;
}
}

Latest revision as of 04:52, 8 August 2021

/* CSS placed here will be applied to all skins */

/* Reset italic styling set by user agent */
cite, dfn {
	font-style: inherit;
}

/* Hatnotes and disambiguation notices */
.hatnote {
	font-style: italic;
}
.hatnote i {
	font-style: normal;
}
div.hatnote {
	/* @noflip */
	padding-left: 1.6em;
	margin-bottom: 0.5em;
}
div.hatnote + div.hatnote {
	margin-top: -0.5em;
}

/* For template documentation */
/* TemplateStyles */
.template-documentation {
	clear: both;
	margin: 1em 0 0 0;
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	padding: 1em;
}

/* Template:Nihongo_foot */
@media screen, tv {
	*[lang="ja"] {
		color: green;
	}
}

/* Make the list of references smaller */
/* Keep in sync with Template:Refbegin/styles.css */
ol.references,
div.reflist {
	font-size: 90%;            /* Default font-size */
	margin-bottom: 0.5em;
}
div.reflist ol.references {
	font-size: 100%;           /* Reset font-size when nested in div.reflist */
	margin-bottom: 0;          /* Avoid double margin when nested in div.reflist */
	list-style-type: inherit;  /* Enable custom list style types */
}

/* Allow hidden ref errors to be shown by user CSS */
/* TemplateStyles */
span.brokenref {
	display: none;
}

/* Highlight linked elements (such as clicked references) in blue */
body.action-info .mw-body-content :target,
.citation:target {
	background-color: #def;  /* Fallback */
	background-color: rgba(0, 127, 255, 0.133);
}

/* Styling for citations. Breaks long urls, etc., rather than overflowing box */
.citation {
	word-wrap: break-word;
}

/* For linked citation numbers and document IDs, where the number need not be shown
   on a screen or a handheld, but should be included in the printed version */
@media screen, handheld {
	.citation .printonly {
		display: none;
	}
}

/* Straight quote marks for <q> */
q {
	quotes: '"' '"' "'" "'";
}

/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px;
}

/* Consistent size for <small>, <sub> and <sup> */
small {
	font-size: 85%;
}
.mw-body-content sub,
.mw-body-content sup,
span.reference /* for Parsoid */ {
	font-size: 80%;
}

/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline-block;
	white-space: nowrap;
}
.mw-body-content .navbar ul {
	line-height: inherit;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}

/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
}
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}
.infobox td,
.infobox th {
	vertical-align: top;
	/* @noflip */
	text-align: left;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
	border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
	border: 0;
	border-top: 1px solid #a2a9b1;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
	border: 0;
	/* @noflip */
	border-right: 1px solid #a2a9b1;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
	border-collapse: collapse;
	line-height: 1.2em;
	font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
	border-top: 1px solid #a2a9b1;
	padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
	border: 0;
	padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
	border-top: 0;
	border-bottom: 1px solid #a2a9b1;
	padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
	border: 0;
	padding: 0;
}

/** @source http://en.wikipedia.org/wiki/MediaWiki:Common.css | 2020-02-03 */
/** {{mbox}}, {{ambox}}, {{ombox}}, .. */
/** removed: messagebox, mbox-compact, standard-talk */

/* 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;
	/* @noflip */
	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;
	/* @noflip */
	padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
	text-align: center;
}
td.mbox-imageright {           /* The right image cell */
	border: none;
	/* @noflip */
	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;
	/* @noflip */
	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 */
	/* @noflip */
	padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
	/* @noflip */
	padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
	/* @noflip */
	border-left: 10px solid #36c;       /* Blue */
}
table.ambox-speedy {
	/* @noflip */
	border-left: 10px solid #b32424;    /* Red */
	background-color: #fee7e6;          /* Pink */
}
table.ambox-delete {
	/* @noflip */
	border-left: 10px solid #b32424;    /* Red */
}
table.ambox-content {
	/* @noflip */
	border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
	/* @noflip */
	border-left: 10px solid #fc3;       /* Yellow */
}
table.ambox-move {
	/* @noflip */
	border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
	/* @noflip */
	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;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning,
div.locked-warning {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: #ffdbdb;
	padding: 0.25em 0.9em;
	box-sizing: border-box;
}

/* 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. */
	/* @noflip */
	clear: right;
	/* @noflip */
	float: right;
	/* @noflip */
	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. */
	/* @noflip */
	margin: 4px 1em 4px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em;
}

/* Override SyntaxHighlight's comment and single-comment styles to no longer be italisized */
.mw-highlight .c {
	font-style: normal;
}
.mw-highlight .c1 {
	font-style: normal;
}
Retrieved from "https://n64brew.dev/wiki/MediaWiki:Common.css?oldid=4191"