Module:Message box/imbox.css:修订间差异

删除的内容 添加的内容
TemplateStyles: Module:Message box/imbox.css 样式
 
替换为 mworg 版 imbox.css
 
第1行:
/**
/* {{imbox}} 文件消息框样式 */
* {{imbox}} (image message box) styles
.imbox {
*
border: 1px solid #a2a9b1;
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
border-left: 10px solid #36c;
* @revision 2021-07-15
background-color: #f8f9fa;
*/
color: #202122;
table.imbox {
margin: 0.5em 0;
paddingmargin: 3px4px 10%;
border-collapse: collapse;
width: 100%;
/* Default "notice" blue */
border: 3px solid var(--border-color-progressive, #36c);
background-color: var(--background-color-neutral-subtle, #f8f9fa);
box-sizing: border-box;
}
 
/* For imboxes inside imbox-text cells. */
.imbox-speedy {
.imbox .mbox-text .imbox {
border-left-color: #b32424;
/* 0.9 - 0.5 = 0.4em left/right. */
margin: 0 -0.5em;
/* Fix for webkit to force 100% width. */
display: block;
}
 
/* For imboxes inside other templates. */
.imbox-delete {
.mbox-inside .imbox {
border-left-color: #b32424;
margin: 4px;
}
 
/* An empty narrow cell */
.imbox-content {
.imbox td.mbox-empty-cell {
border-left-color: #f28500;
border: none;
padding: 0;
width: 1px;
}
 
/* The message body cell(s) */
.imbox-style {
.imbox th.mbox-text,
border-left-color: #fc3;
.imbox td.mbox-text {
border: none;
/* 0.9em left/right */
padding: 0.25em 0.9em;
/* Make all mboxes the same width regardless of text length */
width: 100%;
}
 
/* The left image cell */
.imbox-move {
.imbox td.mbox-image {
border-left-color: #9932cc;
/* 0.9em left, 0px right */
/* @noflip */
padding: 2px 0 2px 0.9em;
}
 
/* The right image cell */
.imbox-protection {
.imbox td.mbox-imageright {
border-left-color: #a2a9b1;
/* 0px left, 0.9em right */
/* @noflip */
padding: 2px 0.9em 2px 0;
}
 
table.imbox-licensenotice {
/* Blue */
border-left-color: #eaecf0;
border-color: #36c;
}
 
table.imbox-featuredspeedy {
/* Pink */
border-left-color: #c8ccd1;
background-color: #fee7e6;
/* temp fix for dark mode */
color: #222;
}
 
table.imbox-notice {delete,
table.imbox-speedy {
border-left-color: #36c;
/* Red */
border-left-color: var(--border-color-destructive, #bf3c2c);
border-bottom-color: var(--border-color-destructive, #bf3c2c);
border-right-color: var(--border-color-destructive, #bf3c2c);
border-top-color: var(--border-color-destructive, #bf3c2c);
}
 
table.imbox .mbox-imagecontent {
/* Orange */
border: none;
border-color: #f28500;
padding: 2px 0 2px 0.9em;
text-align: center;
width: 52px;
}
 
table.imbox .mbox-image divstyle {
/* Yellow */
width: 52px;
border-color: #fc3;
}
 
table.imbox .mbox-textmove {
/* Purple */
border: none;
border-color: #9932cc;
padding: 0.25em 0.9em;
}
width: 100%;
 
table.imbox-protection {
/* Gray-gold */
border-left-color: var(--border-color-base, #a2a9b1);
border-bottom-color: var(--border-color-base, #a2a9b1);
border-right-color: var(--border-color-base, #a2a9b1);
border-top-color: var(--border-color-base, #a2a9b1);
}
 
table.imbox-license {
/* Dark gray */
border-left-color: var(--border-color-notice, #72777d);
border-bottom-color: var(--border-color-notice, #72777d);
border-right-color: var(--border-color-notice, #72777d);
border-top-color: var(--border-color-notice, #72777d);
/* Light gray */
background-color: var(--background-color-neutral-subtle, #f8f9fa);
}
 
table.imbox-featured {
/* Brown-gold */
border-color: #cba135;
}
 
@media screen and (max-width: 720px) {
table.imbox {
margin: 4px auto;
}
}