MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Content added Content deleted
(Added styles for Mbox and other messagebox templates.) |
No edit summary |
||
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; |
|||
} |
} |