Changes

add imbox styles to CSS (see Template:Imbox)
Line 26: Line 26:  
   font-style: italic;
 
   font-style: italic;
 
}
 
}
 +
 +
/* 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;
 +
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;
 +
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
 +
text-align: center;
 +
}
 +
td.mbox-imageright {          /* The right image cell */
 +
border: none;
 +
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: 0px;
 +
width: 1px;
 +
}
 +
 +
/* Article message box styles */
 +
table.ambox {
 +
margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
 +
border: 1px solid #aaa;
 +
border-left: 10px solid #1e90ff;  /* Default "notice" blue */
 +
background: #fbfbfb;
 +
}
 +
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 */
 +
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
 +
}
 +
.ambox td.mbox-imageright {      /* The right image cell */
 +
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
 +
}
 +
 +
table.ambox-notice {
 +
border-left: 10px solid #1e90ff;    /* Blue */
 +
}
 +
table.ambox-speedy {
 +
border-left: 10px solid #b22222;    /* Red */
 +
background: #fee;                  /* Pink */
 +
}
 +
table.ambox-delete {
 +
border-left: 10px solid #b22222;    /* Red */
 +
}
 +
table.ambox-content {
 +
border-left: 10px solid #f28500;    /* Orange */
 +
}
 +
table.ambox-style {
 +
border-left: 10px solid #f4c430;    /* Yellow */
 +
}
 +
table.ambox-move {
 +
border-left: 10px solid #9932cc;    /* Purple */
 +
}
 +
table.ambox-protection {
 +
border-left: 10px solid #bba;      /* Gray-gold */
 +
}
 +
 +
/* Image message box styles */
 +
table.imbox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 3px solid #1e90ff;    /* Default "notice" blue */
 +
background: #fbfbfb;
 +
}
 +
.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 #1e90ff;    /* Blue */
 +
}
 +
table.imbox-speedy {
 +
border: 3px solid #b22222;    /* Red */
 +
background: #fee;            /* Pink */
 +
}
 +
table.imbox-delete {
 +
border: 3px solid #b22222;    /* Red */
 +
}
 +
table.imbox-content {
 +
border: 3px solid #f28500;    /* Orange */
 +
}
 +
table.imbox-style {
 +
border: 3px solid #f4c430;    /* Yellow */
 +
}
 +
table.imbox-move {
 +
border: 3px solid #9932cc;    /* Purple */
 +
}
 +
table.imbox-protection {
 +
border: 3px solid #bba;      /* Gray-gold */
 +
}
 +
table.imbox-license {
 +
border: 3px solid #88a;      /* Dark gray */
 +
background: #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 #aaa;
 +
background: #DFE8FF;    /* Default "notice" blue */
 +
}
 +
 +
table.cmbox-notice {
 +
background: #D8E8FF;    /* Blue */
 +
}
 +
table.cmbox-speedy {
 +
margin-top: 4px;
 +
margin-bottom: 4px;
 +
border: 4px solid #b22222;    /* Red */
 +
background: #FFDBDB;          /* Pink */
 +
}
 +
table.cmbox-delete {
 +
background: #FFDBDB;    /* Red */
 +
}
 +
table.cmbox-content {
 +
background: #FFE7CE;    /* Orange */
 +
}
 +
table.cmbox-style {
 +
background: #FFF9DB;    /* Yellow */
 +
}
 +
table.cmbox-move {
 +
background: #E4D8FF;    /* Purple */
 +
}
 +
table.cmbox-protection {
 +
background: #EFEFE1;    /* Gray-gold */
 +
}
 +
 +
/* Other pages message box styles */
 +
table.ombox {
 +
margin: 4px 10%;
 +
border-collapse: collapse;
 +
border: 1px solid #aaa;      /* Default "notice" gray */
 +
background: #f9f9f9;
 +
}
 +
 +
table.ombox-notice {
 +
border: 1px solid #aaa;      /* Gray */
 +
}
 +
table.ombox-speedy {
 +
border: 2px solid #b22222;    /* Red */
 +
background: #fee;            /* Pink */
 +
}
 +
table.ombox-delete {
 +
border: 2px solid #b22222;    /* Red */
 +
}
 +
table.ombox-content {
 +
border: 1px solid #f28500;    /* Orange */
 +
}
 +
table.ombox-style {
 +
border: 1px solid #f4c430;    /* Yellow */
 +
}
 +
table.ombox-move {
 +
border: 1px solid #9932cc;    /* Purple */
 +
}
 +
table.ombox-protection {
 +
border: 2px solid #bba;      /* Gray-gold */
270

edits