Changes

Jump to navigation Jump to search
6,680 bytes added ,  11:18, 12 May 2021
Added styles for mboxes
Line 845: Line 845:  
.wikitable.hlist td dl {
 
.wikitable.hlist td dl {
 
text-align: inherit;
 
text-align: inherit;
 +
}
 +
 +
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 +
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
 +
border: none;
 +
/* @noflip */
 +
padding: 0.25em 0.9em;    /* 0.9em left/right */
 +
width: 100%;              /* Make all mboxes the same width regardless of text length */
 +
}
 +
 +
td.mbox-image {                /* The left image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-imageright {          /* The right image cell */
 +
border: none;
 +
/* @noflip */
 +
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
 +
text-align: center;
 +
}
 +
 +
td.mbox-empty-cell {          /* An empty narrow cell */
 +
border: none;
 +
padding: 0;
 +
width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
margin: 0 10%;                  /* 10% = Will not overlap with other elements */
 +
border: 1px solid #a2a9b1;
 +
/* @noflip */
 +
border-left: 10px solid #36c;  /* Default "notice" blue */
 +
background-color: #fbfbfb;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ambox + table.ambox {      /* Single border between stacked boxes. */
 +
margin-top: -1px;
 +
}
 +
 +
.ambox th.mbox-text,
 +
.ambox td.mbox-text {            /* The message body cell(s) */
 +
padding: 0.25em 0.5em;      /* 0.5em left/right */
 +
}
 +
 +
.ambox td.mbox-image {          /* The left image cell */
 +
/* @noflip */
 +
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
/* @noflip */
 +
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
/* @noflip */
 +
border-left: 10px solid #36c;      /* Blue */
 +
}
 +
 +
table.ambox-speedy {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
background-color: #fee7e6;          /* Pink */
 +
}
 +
 +
table.ambox-delete {
 +
/* @noflip */
 +
border-left: 10px solid #b32424;    /* Red */
 +
}
 +
 +
table.ambox-content {
 +
/* @noflip */
 +
border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ambox-style {
 +
/* @noflip */
 +
border-left: 10px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ambox-move {
 +
/* @noflip */
 +
border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ambox-protection {
 +
/* @noflip */
 +
border-left: 10px solid #a2a9b1;    /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 3px solid #36c;    /* Default "notice" blue */
 +
background-color: #fbfbfb;
 +
box-sizing: border-box;
 +
}
 +
 +
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
 +
margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
 +
display: block;        /* Fix for webkit to force 100% width.  */
 +
}
 +
 +
.mbox-inside .imbox {      /* For imboxes inside other templates.  */
 +
margin: 4px;
 +
}
 +
 +
table.imbox-notice {
 +
border: 3px solid #36c;      /* Blue */
 +
}
 +
 +
table.imbox-speedy {
 +
border: 3px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.imbox-delete {
 +
border: 3px solid #b32424;    /* Red */
 +
}
 +
 +
table.imbox-content {
 +
border: 3px solid #f28500;    /* Orange */
 +
}
 +
 +
table.imbox-style {
 +
border: 3px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.imbox-move {
 +
border: 3px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.imbox-protection {
 +
border: 3px solid #a2a9b1;    /* Gray-gold */
 +
}
 +
 +
table.imbox-license {
 +
border: 3px solid #88a;      /* Dark gray */
 +
background-color: #f7f8ff;    /* Light gray */
 +
}
 +
 +
table.imbox-featured {
 +
border: 3px solid #cba135;    /* Brown-gold */
 +
}
 +
 +
/* Category message box styles */
 +
table.cmbox {
 +
margin: 3px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #a2a9b1;
 +
background-color: #dfe8ff;    /* Default "notice" blue */
 +
box-sizing: border-box;
 +
}
 +
 +
table.cmbox-notice {
 +
background-color: #d8e8ff;    /* Blue */
 +
}
 +
 +
table.cmbox-speedy {
 +
margin-top: 4px;
 +
margin-bottom: 4px;
 +
border: 4px solid #b32424;    /* Red */
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-delete {
 +
background-color: #ffdbdb;    /* Pink */
 +
}
 +
 +
table.cmbox-content {
 +
background-color: #ffe7ce;    /* Orange */
 +
}
 +
 +
table.cmbox-style {
 +
background-color: #fff9db;    /* Yellow */
 +
}
 +
 +
table.cmbox-move {
 +
background-color: #e4d8ff;    /* Purple */
 +
}
 +
 +
table.cmbox-protection {
 +
background-color: #efefe1;    /* Gray-gold */
 +
}
 +
 +
/* Other pages message box styles */
 +
table.ombox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #a2a9b1;    /* Default "notice" gray */
 +
background-color: #f8f9fa;
 +
box-sizing: border-box;
 +
}
 +
 +
table.ombox-notice {
 +
border: 1px solid #a2a9b1;    /* Gray */
 +
}
 +
 +
table.ombox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.ombox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.ombox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
 +
table.ombox-style {
 +
border: 1px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.ombox-move {
 +
border: 1px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.ombox-protection {
 +
border: 2px solid #a2a9b1;    /* Gray-gold */
 +
}
 +
 +
/* Talk page message box styles */
 +
table.tmbox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
 +
background-color: #f8eaba;
 +
min-width: 80%;
 +
box-sizing: border-box;
 +
}
 +
 +
.tmbox.mbox-small {
 +
min-width: 0;                /* reset the min-width of tmbox above        */
 +
}
 +
 +
.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)  */
 +
width: 100%;                /* For Safari and Opera */
 +
}
 +
 +
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 +
line-height: 1.5em;          /* also "nested", so reset styles that are  */
 +
font-size: 100%;            /* set in "mbox-small" above.                */
 +
}
 +
 +
table.tmbox-speedy {
 +
border: 2px solid #b32424;    /* Red */
 +
background-color: #fee7e6;    /* Pink */
 +
}
 +
 +
table.tmbox-delete {
 +
border: 2px solid #b32424;    /* Red */
 +
}
 +
 +
table.tmbox-content {
 +
border: 2px solid #f28500;    /* Orange */
 +
}
 +
 +
table.tmbox-style {
 +
border: 2px solid #fc3;      /* Yellow */
 +
}
 +
 +
table.tmbox-move {
 +
border: 2px solid #9932cc;    /* Purple */
 +
}
 +
 +
table.tmbox-protection,
 +
table.tmbox-notice {
 +
border: 1px solid #c0c090;    /* Gray-brown */
 +
}
 +
 +
/* Footer and header message box styles */
 +
table.fmbox {
 +
clear: both;
 +
margin: 0.2em 0;
 +
width: 100%;
 +
border: 1px solid #a2a9b1;
 +
background-color: #f8f9fa;    /* Default "system" gray */
 +
box-sizing: border-box;
 +
}
 +
 +
table.fmbox-system {
 +
background-color: #f8f9fa;
 +
}
 +
 +
table.fmbox-warning {
 +
border: 1px solid #bb7070;  /* Dark pink */
 +
background-color: #ffdbdb;  /* Pink */
 +
}
 +
 +
table.fmbox-editnotice {
 +
background-color: transparent;
 
}
 
}

Navigation menu