MediaWiki:Sitewide.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary Tag: Manual revert |
||
(49 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/** | |||
* {{ambox}} (article message box) styles | |||
* | |||
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css | |||
* @revision 2021-07-15 | |||
*/ | |||
table.ambox { | |||
/* 10% = Will not overlap with other elements */ | |||
margin: 0 10%; | |||
/* Prevent overflow in narrow screens (<=850px) in the Timeless skin. | |||
See [[Skin:Timeless#Less than 851 pixels]] | |||
and https://phabricator.wikimedia.org/source/Timeless/browse/REL1_39/resources/screen-mobile.less$268 */ | |||
width: unset; | |||
border: 1px solid #a2a9b1; | |||
/* Default "notice" blue */ | |||
border-left: 10px solid #36c; | |||
background-color: #fbfbfb; | |||
box-sizing: border-box; | |||
} | } | ||
. | |||
/* Single border between stacked boxes. */ | |||
table.ambox + table.ambox, | |||
table.ambox + link + table.ambox, | |||
table.ambox + style + table.ambox { | |||
margin-top: -1px; | |||
} | } | ||
.mbox- | |||
/* An empty narrow cell */ | |||
.ambox td.mbox-empty-cell { | |||
border: none; | |||
padding: 0; | |||
width: 1px; | |||
} | } | ||
.mbox- | |||
/* The message body cell(s) */ | |||
.ambox th.mbox-text, | |||
.ambox td.mbox-text { | |||
border: none; | |||
/* 0.5em left/right */ | |||
padding: 0.25em 0.5em; | |||
/* Make all mboxes the same width regardless of text length */ | |||
width: 100%; | |||
} | } | ||
.mbox- | /* The left image cell */ | ||
.ambox td.mbox-image { | |||
/* 0.5em left, 0px right */ | |||
/* @noflip */ | |||
padding: 2px 0 2px 0.5em; | |||
} | } | ||
.mbox- | |||
/* The right image cell */ | |||
.ambox td.mbox-imageright { | |||
/* 0px left, 0.5em right */ | |||
/* @noflip */ | |||
padding: 2px 0.5em 2px 0; | |||
} | } | ||
. | |||
table.ambox-notice { | |||
/* Blue */ | |||
border-left-color: #36c; | |||
} | } | ||
. | |||
table.ambox-speedy { | |||
/* Pink */ | |||
background-color: #fee7e6; | |||
} | } | ||
. | |||
. | table.ambox-delete, | ||
table.ambox-speedy { | |||
/* Red */ | |||
border-left-color: #b32424; | |||
} | } | ||
. | table.ambox-content { | ||
/* Orange */ | |||
border-left-color: #f28500; | |||
} | } | ||
.mbox- | |||
.mbox- | table.ambox-style { | ||
/* Yellow */ | |||
border-left-color: #fc3; | |||
} | |||
table.ambox-move { | |||
/* Purple */ | |||
border-left-color: #9932cc; | |||
} | |||
table.ambox-protection { | |||
/* Gray-gold */ | |||
border-left-color: #a2a9b1; | |||
} | |||
/** | |||
* {{ambox|small=1}} styles | |||
* | |||
* 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 .ambox.mbox-small { | |||
clear: right; | |||
float: right; | |||
margin: 4px 0 4px 1em; | |||
box-sizing: border-box; | |||
width: 238px; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* For the "small=left" option. */ | |||
html body.mediawiki .ambox.mbox-small-left { | |||
margin: 4px 1em 4px 0; | |||
box-sizing: border-box; | |||
overflow: hidden; | |||
width: 238px; | |||
border-collapse: collapse; | |||
font-size: 88%; | |||
line-height: 1.25em; | |||
} | |||
/* ===== Documentation (Template:Documentation) ===== */ | |||
.template-documentation { | |||
clear: both; | |||
margin: 14px 0 0; | |||
border: 1px solid #a1a9b1; | |||
padding: 1em; | |||
background-color: #f9f5eb; | |||
} | |||
.template-documentation__start { | |||
margin-bottom: 0.9em; | |||
border-bottom: 1px solid #a1a9b1; | |||
padding-bottom: 3px; | |||
} | |||
.template-documentation__heading { | |||
font-size: 1.5em; | |||
font-weight: bold; | |||
} | |||
.template-documentation__end { | |||
margin: 7px 0; | |||
border: 1px solid #a1a9b1; | |||
padding: 1em; | |||
font-style: italic; | |||
background-color: #f9f5eb; | |||
} | |||
.template-documentation__toolbar { | |||
font-size: 0.8em; | |||
font-style: normal; | |||
} | } |
Latest revision as of 23:46, 26 April 2023
/** * {{ambox}} (article message box) styles * * @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css * @revision 2021-07-15 */ table.ambox { /* 10% = Will not overlap with other elements */ margin: 0 10%; /* Prevent overflow in narrow screens (<=850px) in the Timeless skin. See [[Skin:Timeless#Less than 851 pixels]] and https://phabricator.wikimedia.org/source/Timeless/browse/REL1_39/resources/screen-mobile.less$268 */ width: unset; border: 1px solid #a2a9b1; /* Default "notice" blue */ border-left: 10px solid #36c; background-color: #fbfbfb; box-sizing: border-box; } /* Single border between stacked boxes. */ table.ambox + table.ambox, table.ambox + link + table.ambox, table.ambox + style + table.ambox { margin-top: -1px; } /* An empty narrow cell */ .ambox td.mbox-empty-cell { border: none; padding: 0; width: 1px; } /* The message body cell(s) */ .ambox th.mbox-text, .ambox td.mbox-text { border: none; /* 0.5em left/right */ padding: 0.25em 0.5em; /* Make all mboxes the same width regardless of text length */ width: 100%; } /* The left image cell */ .ambox td.mbox-image { /* 0.5em left, 0px right */ /* @noflip */ padding: 2px 0 2px 0.5em; } /* The right image cell */ .ambox td.mbox-imageright { /* 0px left, 0.5em right */ /* @noflip */ padding: 2px 0.5em 2px 0; } table.ambox-notice { /* Blue */ border-left-color: #36c; } table.ambox-speedy { /* Pink */ background-color: #fee7e6; } table.ambox-delete, table.ambox-speedy { /* Red */ border-left-color: #b32424; } table.ambox-content { /* Orange */ border-left-color: #f28500; } table.ambox-style { /* Yellow */ border-left-color: #fc3; } table.ambox-move { /* Purple */ border-left-color: #9932cc; } table.ambox-protection { /* Gray-gold */ border-left-color: #a2a9b1; } /** * {{ambox|small=1}} styles * * 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 .ambox.mbox-small { clear: right; float: right; margin: 4px 0 4px 1em; box-sizing: border-box; width: 238px; font-size: 88%; line-height: 1.25em; } /* For the "small=left" option. */ html body.mediawiki .ambox.mbox-small-left { margin: 4px 1em 4px 0; box-sizing: border-box; overflow: hidden; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* ===== Documentation (Template:Documentation) ===== */ .template-documentation { clear: both; margin: 14px 0 0; border: 1px solid #a1a9b1; padding: 1em; background-color: #f9f5eb; } .template-documentation__start { margin-bottom: 0.9em; border-bottom: 1px solid #a1a9b1; padding-bottom: 3px; } .template-documentation__heading { font-size: 1.5em; font-weight: bold; } .template-documentation__end { margin: 7px 0; border: 1px solid #a1a9b1; padding: 1em; font-style: italic; background-color: #f9f5eb; } .template-documentation__toolbar { font-size: 0.8em; font-style: normal; }