Module:Message box/imbox.css: Difference between revisions
Jump to navigation
Jump to search
Fixes phab:T369874 via automated script |
m 1 revision imported |
||
(One intermediate revision by the same user not shown) | |||
Line 1: | Line 1: | ||
/* {{ | /** | ||
.imbox { | * {{imbox}} (image message box) styles | ||
margin: 4px | * | ||
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css | |||
* @revision 2021-07-15 | |||
*/ | |||
table.imbox { | |||
margin: 4px 10%; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
/* Default "notice" blue */ | |||
background-color: var(--background-color- | border: 3px solid var(--border-color-progressive, #36c); | ||
background-color: var(--background-color-neutral-subtle, #f8f9fa); | |||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
Line 10: | Line 16: | ||
/* For imboxes inside imbox-text cells. */ | /* For imboxes inside imbox-text cells. */ | ||
.imbox .mbox-text .imbox { | .imbox .mbox-text .imbox { | ||
/* 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. */ | |||
.mbox-inside .imbox { | |||
margin: 4px; | |||
} | } | ||
/* An empty narrow cell */ | |||
.imbox td.mbox-empty-cell { | |||
border: none; | |||
padding: 0; | |||
.imbox- | width: 1px; | ||
border: | |||
} | } | ||
/* The message body cell(s) */ | |||
.imbox th.mbox-text, | |||
.imbox td.mbox-text { | |||
.imbox | |||
. | |||
.imbox .mbox-text { | |||
border: none; | border: none; | ||
/* | /* 0.9em left/right */ | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
/* Make all mboxes the same width regardless of text length */ | |||
width: 100%; | width: 100%; | ||
} | } | ||
.imbox .mbox-image { | /* The left image cell */ | ||
.imbox td.mbox-image { | |||
/* 0.9em left, 0px right */ | |||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0 2px 0.9em; | padding: 2px 0 2px 0.9em; | ||
} | } | ||
.imbox .mbox-imageright { | /* The right image cell */ | ||
.imbox td.mbox-imageright { | |||
/* 0px left, 0.9em right */ | |||
/* @noflip */ | /* @noflip */ | ||
padding: 2px 0.9em 2px 0; | padding: 2px 0.9em 2px 0; | ||
} | } | ||
/* | table.imbox-notice { | ||
.imbox . | /* Blue */ | ||
border: | border-color: #36c; | ||
} | |||
table.imbox-speedy { | |||
/* Pink */ | |||
background-color: #fee7e6; | |||
/* temp fix for dark mode */ | |||
color: #222; | |||
} | |||
table.imbox-delete, | |||
table.imbox-speedy { | |||
/* 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); | |||
} | } | ||
.imbox | table.imbox-content { | ||
/* Orange */ | |||
border-color: #f28500; | |||
} | } | ||
table.imbox-style { | |||
/* Yellow */ | |||
border-color: #fc3; | |||
} | } | ||
table.imbox-move { | |||
/* Purple */ | |||
border-color: #9932cc; | |||
} | |||
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; | |||
} | } |
Latest revision as of 13:46, 4 February 2025
/**
* {{imbox}} (image message box) styles
*
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-enwp-boxes.css
* @revision 2021-07-15
*/
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
/* 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 .mbox-text .imbox {
/* 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. */
.mbox-inside .imbox {
margin: 4px;
}
/* An empty narrow cell */
.imbox td.mbox-empty-cell {
border: none;
padding: 0;
width: 1px;
}
/* The message body cell(s) */
.imbox th.mbox-text,
.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 td.mbox-image {
/* 0.9em left, 0px right */
/* @noflip */
padding: 2px 0 2px 0.9em;
}
/* The right image cell */
.imbox td.mbox-imageright {
/* 0px left, 0.9em right */
/* @noflip */
padding: 2px 0.9em 2px 0;
}
table.imbox-notice {
/* Blue */
border-color: #36c;
}
table.imbox-speedy {
/* Pink */
background-color: #fee7e6;
/* temp fix for dark mode */
color: #222;
}
table.imbox-delete,
table.imbox-speedy {
/* 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-content {
/* Orange */
border-color: #f28500;
}
table.imbox-style {
/* Yellow */
border-color: #fc3;
}
table.imbox-move {
/* Purple */
border-color: #9932cc;
}
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;
}