MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */<br/> th.mbox-text, td.mbox-text { /* The message body cell(s) */<br/> border: none;<br/> padding: 0.25em 0.9em; /* 0.9em left/right */<br/> width: 100%; /* Make all mboxes the same width regardless of text length */<br/> }<br/> td.mbox-image { /* The left image cell */<br/> border: none;<br/> padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */<br/> text-align: center;<br/> }<br/> td.mbox-imageright { /* The right image cell */<br/> border: none;<br/> padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */<br/> text-align: center;<br/> }<br/> td.mbox-empty-cell { /* An empty narrow cell */<br/> border: none;<br/> padding: 0px;<br/> width: 1px;<br/> } | |||
th.mbox-text, td.mbox-text { | |||
} | |||
td.mbox-image { | |||
} | |||
td.mbox-imageright { | |||
} | |||
td.mbox-empty-cell { | |||
} | |||
/* Article message box styles */ | /* Article message box styles */<br/> table.ambox {<br/> margin: 0px 10%; /* 10% = Will not overlap with other elements */<br/> border: 1px solid #aaa;<br/> border-left: 10px solid #1e90ff; /* Default "notice" blue */<br/> background: #fbfbfb;<br/> }<br/> table.ambox + table.ambox { /* Single border between stacked boxes. */<br/> margin-top: -1px;<br/> }<br/> .ambox th.mbox-text,<br/> .ambox td.mbox-text { /* The message body cell(s) */<br/> padding: 0.25em 0.5em; /* 0.5em left/right */<br/> }<br/> .ambox td.mbox-image { /* The left image cell */<br/> padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */<br/> }<br/> .ambox td.mbox-imageright { /* The right image cell */<br/> padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */<br/> } | ||
table.ambox { | |||
} | |||
table.ambox + table.ambox { | |||
} | |||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { | |||
} | |||
.ambox td.mbox-image { | |||
} | |||
.ambox td.mbox-imageright { | |||
} | |||
table.ambox-notice { | table.ambox-notice {<br/> border-left: 10px solid #1e90ff; /* Blue */<br/> }<br/> table.ambox-speedy {<br/> border-left: 10px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.ambox-delete {<br/> border-left: 10px solid #b22222; /* Red */<br/> }<br/> table.ambox-content {<br/> border-left: 10px solid #f28500; /* Orange */<br/> }<br/> table.ambox-style {<br/> border-left: 10px solid #f4c430; /* Yellow */<br/> }<br/> table.ambox-move {<br/> border-left: 10px solid #9932cc; /* Purple */<br/> }<br/> table.ambox-protection {<br/> border-left: 10px solid #bba; /* Gray-gold */<br/> } | ||
} | |||
table.ambox-speedy { | |||
} | |||
table.ambox-delete { | |||
} | |||
table.ambox-content { | |||
} | |||
table.ambox-style { | |||
} | |||
table.ambox-move { | |||
} | |||
table.ambox-protection { | |||
} | |||
/* Image message box styles */ | /* Image message box styles */<br/> table.imbox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 3px solid #1e90ff; /* Default "notice" blue */<br/> background: #fbfbfb;<br/> }<br/> .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */<br/> margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */<br/> display: block; /* Fix for webkit to force 100% width. */<br/> }<br/> .mbox-inside .imbox { /* For imboxes inside other templates. */<br/> margin: 4px;<br/> } | ||
table.imbox { | |||
} | |||
.imbox .mbox-text .imbox { | |||
} | |||
.mbox-inside .imbox { | |||
} | |||
table.imbox-notice { | table.imbox-notice {<br/> border: 3px solid #1e90ff; /* Blue */<br/> }<br/> table.imbox-speedy {<br/> border: 3px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.imbox-delete {<br/> border: 3px solid #b22222; /* Red */<br/> }<br/> table.imbox-content {<br/> border: 3px solid #f28500; /* Orange */<br/> }<br/> table.imbox-style {<br/> border: 3px solid #f4c430; /* Yellow */<br/> }<br/> table.imbox-move {<br/> border: 3px solid #9932cc; /* Purple */<br/> }<br/> table.imbox-protection {<br/> border: 3px solid #bba; /* Gray-gold */<br/> }<br/> table.imbox-license {<br/> border: 3px solid #88a; /* Dark gray */<br/> background: #f7f8ff; /* Light gray */<br/> }<br/> table.imbox-featured {<br/> border: 3px solid #cba135; /* Brown-gold */<br/> } | ||
} | |||
table.imbox-speedy { | |||
} | |||
table.imbox-delete { | |||
} | |||
table.imbox-content { | |||
} | |||
table.imbox-style { | |||
} | |||
table.imbox-move { | |||
} | |||
table.imbox-protection { | |||
} | |||
table.imbox-license { | |||
} | |||
table.imbox-featured { | |||
} | |||
/* Category message box styles */ | /* Category message box styles */<br/> table.cmbox {<br/> margin: 3px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #aaa;<br/> background: #DFE8FF; /* Default "notice" blue */<br/> } | ||
table.cmbox { | |||
} | |||
table.cmbox-notice { | table.cmbox-notice {<br/> background: #D8E8FF; /* Blue */<br/> }<br/> table.cmbox-speedy {<br/> margin-top: 4px;<br/> margin-bottom: 4px;<br/> border: 4px solid #b22222; /* Red */<br/> background: #FFDBDB; /* Pink */<br/> }<br/> table.cmbox-delete {<br/> background: #FFDBDB; /* Red */<br/> }<br/> table.cmbox-content {<br/> background: #FFE7CE; /* Orange */<br/> }<br/> table.cmbox-style {<br/> background: #FFF9DB; /* Yellow */<br/> }<br/> table.cmbox-move {<br/> background: #E4D8FF; /* Purple */<br/> }<br/> table.cmbox-protection {<br/> background: #EFEFE1; /* Gray-gold */<br/> } | ||
} | |||
table.cmbox-speedy { | |||
} | |||
table.cmbox-delete { | |||
} | |||
table.cmbox-content { | |||
} | |||
table.cmbox-style { | |||
} | |||
table.cmbox-move { | |||
} | |||
table.cmbox-protection { | |||
} | |||
/* Other pages message box styles */ | /* Other pages message box styles */<br/> table.ombox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #aaa; /* Default "notice" gray */<br/> background: #f9f9f9;<br/> } | ||
table.ombox { | |||
} | |||
table.ombox-notice { | table.ombox-notice {<br/> border: 1px solid #aaa; /* Gray */<br/> }<br/> table.ombox-speedy {<br/> border: 2px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.ombox-delete {<br/> border: 2px solid #b22222; /* Red */<br/> }<br/> table.ombox-content {<br/> border: 1px solid #f28500; /* Orange */<br/> }<br/> table.ombox-style {<br/> border: 1px solid #f4c430; /* Yellow */<br/> }<br/> table.ombox-move {<br/> border: 1px solid #9932cc; /* Purple */<br/> }<br/> table.ombox-protection {<br/> border: 2px solid #bba; /* Gray-gold */<br/> } | ||
} | |||
table.ombox-speedy { | |||
} | |||
table.ombox-delete { | |||
} | |||
table.ombox-content { | |||
} | |||
table.ombox-style { | |||
} | |||
table.ombox-move { | |||
} | |||
table.ombox-protection { | |||
} | |||
table.tmbox- | /* Talk page message box styles */<br/> table.tmbox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #c0c090; /* Default "notice" gray-brown */<br/> background: #f8eaba;<br/> }<br/> .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */<br/> margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */<br/> width: 100%; /* For Safari and Opera */<br/> }<br/> .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */<br/> line-height: 1.5em; /* also "nested", so reset styles that are */ <br/> font-size: 100%; /* set in "mbox-small" above. */<br/> } | ||
} | |||
} | |||
table.tmbox-speedy {<br/> border: 2px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.tmbox-delete {<br/> border: 2px solid #b22222; /* Red */<br/> }<br/> table.tmbox-content {<br/> border: 2px solid #f28500; /* Orange */<br/> }<br/> table.tmbox-style {<br/> border: 2px solid #f4c430; /* Yellow */<br/> }<br/> table.tmbox-move {<br/> border: 2px solid #9932cc; /* Purple */<br/> }<br/> table.tmbox-protection,<br/> table.tmbox-notice {<br/> border: 1px solid #c0c090; /* Gray-brown */<br/> } | |||
table. | |||
/* | |||
table. | |||
} | |||
table. | |||
table. | |||
/* | |||
/* | |||
} | |||
/* These mbox-small classes must be placed after all other | /* Disambig and set index box styles */<br/> table.dmbox {<br/> clear: both;<br/> margin: 0.9em 1em;<br/> border-top: 1px solid #ccc;<br/> border-bottom: 1px solid #ccc;<br/> background: transparent;<br/> } | ||
/* Footer and header message box styles */<br/> table.fmbox {<br/> clear: both;<br/> margin: 0.2em 0;<br/> width: 100%;<br/> border: 1px solid #aaa;<br/> background: #f9f9f9; /* Default "system" gray */<br/> }<br/> table.fmbox-system {<br/> background: #f9f9f9;<br/> }<br/> table.fmbox-warning {<br/> border: 1px solid #bb7070; /* Dark pink */<br/> background: #ffdbdb; /* Pink */<br/> }<br/> table.fmbox-editnotice {<br/> background: transparent;<br/> }<br/> /* Div based "warning" style fmbox messages. */<br/> div.mw-warning-with-logexcerpt,<br/> div.mw-lag-warn-high,<br/> div.mw-cascadeprotectedwarning,<br/> div#mw-protect-cascadeon {<br/> clear: both;<br/> margin: 0.2em 0;<br/> border: 1px solid #bb7070;<br/> background: #ffdbdb;<br/> padding: 0.25em 0.9em;<br/> }<br/> /* Div based "system" style fmbox messages.<br/> Used in [[MediaWiki:Readonly lag]]. */<br/> div.mw-lag-warn-normal,<br/> div.fmbox-system {<br/> clear: both;<br/> margin: 0.2em 0;<br/> border: 1px solid #aaa;<br/> background: #f9f9f9;<br/> padding: 0.25em 0.9em;<br/> } | |||
body.mediawiki table.mbox-small { | |||
/* These mbox-small classes must be placed after all other<br/> ambox/tmbox/ombox etc classes. "body.mediawiki" is so<br/> they override "table.ambox + table.ambox" above. */<br/> body.mediawiki table.mbox-small { /* For the "small=yes" option. */<br/> clear: right;<br/> float: right;<br/> margin: 4px 0 4px 1em;<br/> width: 238px;<br/> font-size: 88%;<br/> line-height: 1.25em;<br/> }<br/> body.mediawiki table.mbox-small-left { /* For the "small=left" option. */<br/> margin: 4px 1em 4px 0;<br/> width: 238px;<br/> border-collapse: collapse;<br/> font-size: 88%;<br/> line-height: 1.25em;<br/> } | |||
} | |||
body.mediawiki table.mbox-small-left { | |||
Revision as of 11:09, 18 October 2016
/* CSS placed here will be applied to all skins */ /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */<br/> th.mbox-text, td.mbox-text { /* The message body cell(s) */<br/> border: none;<br/> padding: 0.25em 0.9em; /* 0.9em left/right */<br/> width: 100%; /* Make all mboxes the same width regardless of text length */<br/> }<br/> td.mbox-image { /* The left image cell */<br/> border: none;<br/> padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */<br/> text-align: center;<br/> }<br/> td.mbox-imageright { /* The right image cell */<br/> border: none;<br/> padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */<br/> text-align: center;<br/> }<br/> td.mbox-empty-cell { /* An empty narrow cell */<br/> border: none;<br/> padding: 0px;<br/> width: 1px;<br/> } /* Article message box styles */<br/> table.ambox {<br/> margin: 0px 10%; /* 10% = Will not overlap with other elements */<br/> border: 1px solid #aaa;<br/> border-left: 10px solid #1e90ff; /* Default "notice" blue */<br/> background: #fbfbfb;<br/> }<br/> table.ambox + table.ambox { /* Single border between stacked boxes. */<br/> margin-top: -1px;<br/> }<br/> .ambox th.mbox-text,<br/> .ambox td.mbox-text { /* The message body cell(s) */<br/> padding: 0.25em 0.5em; /* 0.5em left/right */<br/> }<br/> .ambox td.mbox-image { /* The left image cell */<br/> padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */<br/> }<br/> .ambox td.mbox-imageright { /* The right image cell */<br/> padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */<br/> } table.ambox-notice {<br/> border-left: 10px solid #1e90ff; /* Blue */<br/> }<br/> table.ambox-speedy {<br/> border-left: 10px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.ambox-delete {<br/> border-left: 10px solid #b22222; /* Red */<br/> }<br/> table.ambox-content {<br/> border-left: 10px solid #f28500; /* Orange */<br/> }<br/> table.ambox-style {<br/> border-left: 10px solid #f4c430; /* Yellow */<br/> }<br/> table.ambox-move {<br/> border-left: 10px solid #9932cc; /* Purple */<br/> }<br/> table.ambox-protection {<br/> border-left: 10px solid #bba; /* Gray-gold */<br/> } /* Image message box styles */<br/> table.imbox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 3px solid #1e90ff; /* Default "notice" blue */<br/> background: #fbfbfb;<br/> }<br/> .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */<br/> margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */<br/> display: block; /* Fix for webkit to force 100% width. */<br/> }<br/> .mbox-inside .imbox { /* For imboxes inside other templates. */<br/> margin: 4px;<br/> } table.imbox-notice {<br/> border: 3px solid #1e90ff; /* Blue */<br/> }<br/> table.imbox-speedy {<br/> border: 3px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.imbox-delete {<br/> border: 3px solid #b22222; /* Red */<br/> }<br/> table.imbox-content {<br/> border: 3px solid #f28500; /* Orange */<br/> }<br/> table.imbox-style {<br/> border: 3px solid #f4c430; /* Yellow */<br/> }<br/> table.imbox-move {<br/> border: 3px solid #9932cc; /* Purple */<br/> }<br/> table.imbox-protection {<br/> border: 3px solid #bba; /* Gray-gold */<br/> }<br/> table.imbox-license {<br/> border: 3px solid #88a; /* Dark gray */<br/> background: #f7f8ff; /* Light gray */<br/> }<br/> table.imbox-featured {<br/> border: 3px solid #cba135; /* Brown-gold */<br/> } /* Category message box styles */<br/> table.cmbox {<br/> margin: 3px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #aaa;<br/> background: #DFE8FF; /* Default "notice" blue */<br/> } table.cmbox-notice {<br/> background: #D8E8FF; /* Blue */<br/> }<br/> table.cmbox-speedy {<br/> margin-top: 4px;<br/> margin-bottom: 4px;<br/> border: 4px solid #b22222; /* Red */<br/> background: #FFDBDB; /* Pink */<br/> }<br/> table.cmbox-delete {<br/> background: #FFDBDB; /* Red */<br/> }<br/> table.cmbox-content {<br/> background: #FFE7CE; /* Orange */<br/> }<br/> table.cmbox-style {<br/> background: #FFF9DB; /* Yellow */<br/> }<br/> table.cmbox-move {<br/> background: #E4D8FF; /* Purple */<br/> }<br/> table.cmbox-protection {<br/> background: #EFEFE1; /* Gray-gold */<br/> } /* Other pages message box styles */<br/> table.ombox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #aaa; /* Default "notice" gray */<br/> background: #f9f9f9;<br/> } table.ombox-notice {<br/> border: 1px solid #aaa; /* Gray */<br/> }<br/> table.ombox-speedy {<br/> border: 2px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.ombox-delete {<br/> border: 2px solid #b22222; /* Red */<br/> }<br/> table.ombox-content {<br/> border: 1px solid #f28500; /* Orange */<br/> }<br/> table.ombox-style {<br/> border: 1px solid #f4c430; /* Yellow */<br/> }<br/> table.ombox-move {<br/> border: 1px solid #9932cc; /* Purple */<br/> }<br/> table.ombox-protection {<br/> border: 2px solid #bba; /* Gray-gold */<br/> } /* Talk page message box styles */<br/> table.tmbox {<br/> margin: 4px 10%;<br/> border-collapse: collapse;<br/> border: 1px solid #c0c090; /* Default "notice" gray-brown */<br/> background: #f8eaba;<br/> }<br/> .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */<br/> margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */<br/> width: 100%; /* For Safari and Opera */<br/> }<br/> .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */<br/> line-height: 1.5em; /* also "nested", so reset styles that are */ <br/> font-size: 100%; /* set in "mbox-small" above. */<br/> } table.tmbox-speedy {<br/> border: 2px solid #b22222; /* Red */<br/> background: #fee; /* Pink */<br/> }<br/> table.tmbox-delete {<br/> border: 2px solid #b22222; /* Red */<br/> }<br/> table.tmbox-content {<br/> border: 2px solid #f28500; /* Orange */<br/> }<br/> table.tmbox-style {<br/> border: 2px solid #f4c430; /* Yellow */<br/> }<br/> table.tmbox-move {<br/> border: 2px solid #9932cc; /* Purple */<br/> }<br/> table.tmbox-protection,<br/> table.tmbox-notice {<br/> border: 1px solid #c0c090; /* Gray-brown */<br/> } /* Disambig and set index box styles */<br/> table.dmbox {<br/> clear: both;<br/> margin: 0.9em 1em;<br/> border-top: 1px solid #ccc;<br/> border-bottom: 1px solid #ccc;<br/> background: transparent;<br/> } /* Footer and header message box styles */<br/> table.fmbox {<br/> clear: both;<br/> margin: 0.2em 0;<br/> width: 100%;<br/> border: 1px solid #aaa;<br/> background: #f9f9f9; /* Default "system" gray */<br/> }<br/> table.fmbox-system {<br/> background: #f9f9f9;<br/> }<br/> table.fmbox-warning {<br/> border: 1px solid #bb7070; /* Dark pink */<br/> background: #ffdbdb; /* Pink */<br/> }<br/> table.fmbox-editnotice {<br/> background: transparent;<br/> }<br/> /* Div based "warning" style fmbox messages. */<br/> div.mw-warning-with-logexcerpt,<br/> div.mw-lag-warn-high,<br/> div.mw-cascadeprotectedwarning,<br/> div#mw-protect-cascadeon {<br/> clear: both;<br/> margin: 0.2em 0;<br/> border: 1px solid #bb7070;<br/> background: #ffdbdb;<br/> padding: 0.25em 0.9em;<br/> }<br/> /* Div based "system" style fmbox messages.<br/> Used in [[MediaWiki:Readonly lag]]. */<br/> div.mw-lag-warn-normal,<br/> div.fmbox-system {<br/> clear: both;<br/> margin: 0.2em 0;<br/> border: 1px solid #aaa;<br/> background: #f9f9f9;<br/> padding: 0.25em 0.9em;<br/> } /* These mbox-small classes must be placed after all other<br/> ambox/tmbox/ombox etc classes. "body.mediawiki" is so<br/> they override "table.ambox + table.ambox" above. */<br/> body.mediawiki table.mbox-small { /* For the "small=yes" option. */<br/> clear: right;<br/> float: right;<br/> margin: 4px 0 4px 1em;<br/> width: 238px;<br/> font-size: 88%;<br/> line-height: 1.25em;<br/> }<br/> body.mediawiki table.mbox-small-left { /* For the "small=left" option. */<br/> margin: 4px 1em 4px 0;<br/> width: 238px;<br/> border-collapse: collapse;<br/> font-size: 88%;<br/> line-height: 1.25em;<br/> }