MediaWiki:Common.css: Difference between revisions

From wiki.comcert.com
Jump to navigation Jump to search
No edit summary
No edit summary
Line 2: Line 2:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */  
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
 
th.mbox-text, td.mbox-text { /* The message body cell(s) */
 
     border: none;  
     border: none;  
     padding: 0.25em 0.9em;    /* 0.9em left/right */
     padding: 0.25em 0.9em;    /* 0.9em left/right */
     width: 100%;              /* Make all mboxes the same width regardless of text length */
     width: 100%;              /* Make all mboxes the same width regardless of text length */
}
 
td.mbox-image {               /* The left image cell */
} td.mbox-image { /* The left image cell */
 
     border: none;  
     border: none;  
     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
     padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
     text-align: center;  
     text-align: center;  
}
 
td.mbox-imageright {           /* The right image cell */
} td.mbox-imageright { /* The right image cell */
 
     border: none;
     border: none;
     padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
     padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
     text-align: center;  
     text-align: center;  
}
 
td.mbox-empty-cell {           /* An empty narrow cell */
} td.mbox-empty-cell { /* An empty narrow cell */
 
     border: none;
     border: none;
     padding: 0px;
     padding: 0px;
     width: 1px;
     width: 1px;
}
}


/* Article message box styles */
/* Article message box styles */ table.ambox {
table.ambox {
 
     margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
     margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
     border: 1px solid #aaa;  
     border: 1px solid #aaa;  
     border-left: 10px solid #1e90ff;  /* Default "notice" blue */
     border-left: 10px solid #1e90ff;  /* Default "notice" blue */
     background: #fbfbfb;  
     background: #fbfbfb;  
}
 
table.ambox + table.ambox {     /* Single border between stacked boxes. */
} table.ambox + table.ambox { /* Single border between stacked boxes. */
 
     margin-top: -1px;
     margin-top: -1px;
}
 
.ambox th.mbox-text,  
} .ambox th.mbox-text, .ambox td.mbox-text { /* The message body cell(s) */
.ambox td.mbox-text {           /* The message body cell(s) */
 
     padding: 0.25em 0.5em;      /* 0.5em left/right */
     padding: 0.25em 0.5em;      /* 0.5em left/right */
}
 
.ambox td.mbox-image {           /* The left image cell */
} .ambox td.mbox-image { /* The left image cell */
 
     padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
     padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
 
.ambox td.mbox-imageright {     /* The right image cell */
} .ambox td.mbox-imageright { /* The right image cell */
 
     padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
     padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
}


table.ambox-notice {
table.ambox-notice {
     border-left: 10px solid #1e90ff;    /* Blue */
     border-left: 10px solid #1e90ff;    /* Blue */
}
 
table.ambox-speedy {
} table.ambox-speedy {
 
     border-left: 10px solid #b22222;    /* Red */
     border-left: 10px solid #b22222;    /* Red */
     background: #fee;                  /* Pink */
     background: #fee;                  /* Pink */
}
 
table.ambox-delete {
} table.ambox-delete {
 
     border-left: 10px solid #b22222;    /* Red */
     border-left: 10px solid #b22222;    /* Red */
}
 
table.ambox-content {
} table.ambox-content {
 
     border-left: 10px solid #f28500;    /* Orange */
     border-left: 10px solid #f28500;    /* Orange */
}
 
table.ambox-style {
} table.ambox-style {
 
     border-left: 10px solid #f4c430;    /* Yellow */
     border-left: 10px solid #f4c430;    /* Yellow */
}
 
table.ambox-move {
} table.ambox-move {
 
     border-left: 10px solid #9932cc;    /* Purple */
     border-left: 10px solid #9932cc;    /* Purple */
}
 
table.ambox-protection {
} table.ambox-protection {
 
     border-left: 10px solid #bba;      /* Gray-gold */
     border-left: 10px solid #bba;      /* Gray-gold */
}
}


/* Image message box styles */
/* Image message box styles */ table.imbox {
table.imbox {
 
     margin: 4px 10%;  
     margin: 4px 10%;  
     border-collapse: collapse;  
     border-collapse: collapse;  
     border: 3px solid #1e90ff;    /* Default "notice" blue */
     border: 3px solid #1e90ff;    /* Default "notice" blue */
     background: #fbfbfb;
     background: #fbfbfb;
}
 
.imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
} .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
 
     margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
     margin: 0 -0.5em;      /* 0.9 - 0.5 = 0.4em left/right.        */
     display: block;        /* Fix for webkit to force 100% width.  */
     display: block;        /* Fix for webkit to force 100% width.  */
}
 
.mbox-inside .imbox {       /* For imboxes inside other templates. */
} .mbox-inside .imbox { /* For imboxes inside other templates. */
 
     margin: 4px;
     margin: 4px;
}
}


table.imbox-notice {
table.imbox-notice {
     border: 3px solid #1e90ff;    /* Blue */
     border: 3px solid #1e90ff;    /* Blue */
}
 
table.imbox-speedy {
} table.imbox-speedy {
 
     border: 3px solid #b22222;    /* Red */
     border: 3px solid #b22222;    /* Red */
     background: #fee;            /* Pink */
     background: #fee;            /* Pink */
}
 
table.imbox-delete {
} table.imbox-delete {
 
     border: 3px solid #b22222;    /* Red */
     border: 3px solid #b22222;    /* Red */
}
 
table.imbox-content {
} table.imbox-content {
 
     border: 3px solid #f28500;    /* Orange */
     border: 3px solid #f28500;    /* Orange */
}
 
table.imbox-style {
} table.imbox-style {
 
     border: 3px solid #f4c430;    /* Yellow */
     border: 3px solid #f4c430;    /* Yellow */
}
 
table.imbox-move {
} table.imbox-move {
 
     border: 3px solid #9932cc;    /* Purple */
     border: 3px solid #9932cc;    /* Purple */
}
 
table.imbox-protection {
} table.imbox-protection {
 
     border: 3px solid #bba;      /* Gray-gold */
     border: 3px solid #bba;      /* Gray-gold */
}
 
table.imbox-license {
} table.imbox-license {
 
     border: 3px solid #88a;      /* Dark gray */
     border: 3px solid #88a;      /* Dark gray */
     background: #f7f8ff;          /* Light gray */
     background: #f7f8ff;          /* Light gray */
}
 
table.imbox-featured {
} table.imbox-featured {
 
     border: 3px solid #cba135;    /* Brown-gold */
     border: 3px solid #cba135;    /* Brown-gold */
}
}


/* Category message box styles */
/* Category message box styles */ table.cmbox {
table.cmbox {
 
     margin: 3px 10%;
     margin: 3px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 1px solid #aaa;  
     border: 1px solid #aaa;  
     background: #DFE8FF;    /* Default "notice" blue */
     background: #DFE8FF;    /* Default "notice" blue */
}
}


table.cmbox-notice {
table.cmbox-notice {
     background: #D8E8FF;    /* Blue */
     background: #D8E8FF;    /* Blue */
}
 
table.cmbox-speedy {
} table.cmbox-speedy {
 
     margin-top: 4px;
     margin-top: 4px;
     margin-bottom: 4px;
     margin-bottom: 4px;
     border: 4px solid #b22222;    /* Red */
     border: 4px solid #b22222;    /* Red */
     background: #FFDBDB;          /* Pink */
     background: #FFDBDB;          /* Pink */
}
 
table.cmbox-delete {
} table.cmbox-delete {
 
     background: #FFDBDB;    /* Red */
     background: #FFDBDB;    /* Red */
}
 
table.cmbox-content {
} table.cmbox-content {
 
     background: #FFE7CE;    /* Orange */
     background: #FFE7CE;    /* Orange */
}
 
table.cmbox-style {
} table.cmbox-style {
 
     background: #FFF9DB;    /* Yellow */
     background: #FFF9DB;    /* Yellow */
}
 
table.cmbox-move {
} table.cmbox-move {
 
     background: #E4D8FF;    /* Purple */
     background: #E4D8FF;    /* Purple */
}
 
table.cmbox-protection {
} table.cmbox-protection {
 
     background: #EFEFE1;    /* Gray-gold */
     background: #EFEFE1;    /* Gray-gold */
}
}


/* Other pages message box styles */
/* Other pages message box styles */ table.ombox {
table.ombox {
 
     margin: 4px 10%;  
     margin: 4px 10%;  
     border-collapse: collapse;  
     border-collapse: collapse;  
     border: 1px solid #aaa;      /* Default "notice" gray */
     border: 1px solid #aaa;      /* Default "notice" gray */
     background: #f9f9f9;
     background: #f9f9f9;
}
}


table.ombox-notice {
table.ombox-notice {
     border: 1px solid #aaa;      /* Gray */
     border: 1px solid #aaa;      /* Gray */
}
 
table.ombox-speedy {
} table.ombox-speedy {
 
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b22222;    /* Red */
     background: #fee;            /* Pink */
     background: #fee;            /* Pink */
}
 
table.ombox-delete {
} table.ombox-delete {
 
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b22222;    /* Red */
}
 
table.ombox-content {
} table.ombox-content {
 
     border: 1px solid #f28500;    /* Orange */
     border: 1px solid #f28500;    /* Orange */
}
 
table.ombox-style {
} table.ombox-style {
 
     border: 1px solid #f4c430;    /* Yellow */
     border: 1px solid #f4c430;    /* Yellow */
}
 
table.ombox-move {
} table.ombox-move {
 
     border: 1px solid #9932cc;    /* Purple */
     border: 1px solid #9932cc;    /* Purple */
}
 
table.ombox-protection {
} table.ombox-protection {
 
     border: 2px solid #bba;      /* Gray-gold */
     border: 2px solid #bba;      /* Gray-gold */
}
}
 
/* Talk page message box styles */
/* Talk page message box styles */ table.tmbox {
table.tmbox {
 
     margin: 4px 10%;
     margin: 4px 10%;
     border-collapse: collapse;
     border-collapse: collapse;
     border: 1px solid #c0c090;    /* Default "notice" gray-brown */
     border: 1px solid #c0c090;    /* Default "notice" gray-brown */
     background: #f8eaba;
     background: #f8eaba;
}
 
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
} .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)  */
     margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)  */
     width: 100%;                /* For Safari and Opera */
     width: 100%;                /* For Safari and Opera */
}
 
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
} .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
 
     line-height: 1.5em;          /* also "nested", so reset styles that are  */   
     line-height: 1.5em;          /* also "nested", so reset styles that are  */   
     font-size: 100%;            /* set in "mbox-small" above.                */
     font-size: 100%;            /* set in "mbox-small" above.                */
}
}


table.tmbox-speedy {
table.tmbox-speedy {
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b22222;    /* Red */
     background: #fee;            /* Pink */
     background: #fee;            /* Pink */
}
 
table.tmbox-delete {
} table.tmbox-delete {
 
     border: 2px solid #b22222;    /* Red */
     border: 2px solid #b22222;    /* Red */
}
 
table.tmbox-content {
} table.tmbox-content {
 
     border: 2px solid #f28500;    /* Orange */
     border: 2px solid #f28500;    /* Orange */
}
 
table.tmbox-style {
} table.tmbox-style {
 
     border: 2px solid #f4c430;    /* Yellow */
     border: 2px solid #f4c430;    /* Yellow */
}
 
table.tmbox-move {
} table.tmbox-move {
 
     border: 2px solid #9932cc;    /* Purple */
     border: 2px solid #9932cc;    /* Purple */
}
 
table.tmbox-protection,
} table.tmbox-protection, table.tmbox-notice {
table.tmbox-notice {
 
     border: 1px solid #c0c090;    /* Gray-brown */
     border: 1px solid #c0c090;    /* Gray-brown */
}
}


/* Disambig and set index box styles */
/* Disambig and set index box styles */ table.dmbox {
table.dmbox {
 
     clear: both;  
     clear: both;  
     margin: 0.9em 1em;  
     margin: 0.9em 1em;  
Line 221: Line 279:
     border-bottom: 1px solid #ccc;  
     border-bottom: 1px solid #ccc;  
     background: transparent;
     background: transparent;
}
}
 
/* Footer and header message box styles */
/* Footer and header message box styles */ table.fmbox {
table.fmbox {
 
     clear: both;
     clear: both;
     margin: 0.2em 0;
     margin: 0.2em 0;
Line 230: Line 289:
     border: 1px solid #aaa;
     border: 1px solid #aaa;
     background: #f9f9f9;    /* Default "system" gray */
     background: #f9f9f9;    /* Default "system" gray */
}
 
table.fmbox-system {
} table.fmbox-system {
 
     background: #f9f9f9;
     background: #f9f9f9;
}
 
table.fmbox-warning {
} table.fmbox-warning {
 
     border: 1px solid #bb7070;  /* Dark pink */
     border: 1px solid #bb7070;  /* Dark pink */
     background: #ffdbdb;        /* Pink */
     background: #ffdbdb;        /* Pink */
}
 
table.fmbox-editnotice {
} table.fmbox-editnotice {
 
     background: transparent;
     background: transparent;
}
 
/* Div based "warning" style fmbox messages. */
} /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon {
div.mw-warning-with-logexcerpt,
 
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
     clear: both;
     clear: both;
     margin: 0.2em 0;
     margin: 0.2em 0;
Line 251: Line 310:
     background: #ffdbdb;
     background: #ffdbdb;
     padding: 0.25em 0.9em;
     padding: 0.25em 0.9em;
}
 
/* Div based "system" style fmbox messages.  
} /* Div based "system" style fmbox messages.
   Used in [[MediaWiki:Readonly lag]]. */
 
div.mw-lag-warn-normal,
   Used in [[MediaWiki:Readonly_lag]]. */
div.fmbox-system {
 
div.mw-lag-warn-normal, div.fmbox-system {
 
     clear: both;
     clear: both;
     margin: 0.2em 0;
     margin: 0.2em 0;
Line 261: Line 322:
     background: #f9f9f9;
     background: #f9f9f9;
     padding: 0.25em 0.9em;
     padding: 0.25em 0.9em;
}
}


/* These mbox-small classes must be placed after all other  
/* These mbox-small classes must be placed after all other
 
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so  
   ambox/tmbox/ombox etc classes. "body.mediawiki" is so  
   they override "table.ambox + table.ambox" above. */
   they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
 
body.mediawiki table.mbox-small { /* For the "small=yes" option. */
 
     clear: right;
     clear: right;
     float: right;
     float: right;
Line 273: Line 338:
     font-size: 88%;
     font-size: 88%;
     line-height: 1.25em;
     line-height: 1.25em;
}
 
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
} body.mediawiki table.mbox-small-left { /* For the "small=left" option. */
 
     margin: 4px 1em 4px 0;
     margin: 4px 1em 4px 0;
     width: 238px;
     width: 238px;
Line 280: Line 346:
     font-size: 88%;
     font-size: 88%;
     line-height: 1.25em;
     line-height: 1.25em;
}</pre>
}</pre>

Revision as of 10:59, 18 October 2016


/* CSS placed here will be applied to all skins */

/* 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 */

}

/* Talk page message box styles */ table.tmbox {

    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;

} .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 #b22222;    /* Red */
    background: #fee;             /* Pink */

} table.tmbox-delete {

    border: 2px solid #b22222;    /* Red */

} table.tmbox-content {

    border: 2px solid #f28500;    /* Orange */

} table.tmbox-style {

    border: 2px solid #f4c430;    /* Yellow */

} table.tmbox-move {

    border: 2px solid #9932cc;    /* Purple */

} table.tmbox-protection, table.tmbox-notice {

    border: 1px solid #c0c090;    /* Gray-brown */

}

/* Disambig and set index box styles */ table.dmbox {

    clear: both; 
    margin: 0.9em 1em; 
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc; 
    background: transparent;

}

/* Footer and header message box styles */ table.fmbox {

    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;     /* Default "system" gray */

} table.fmbox-system {

    background: #f9f9f9;

} table.fmbox-warning {

    border: 1px solid #bb7070;  /* Dark pink */
    background: #ffdbdb;        /* Pink */

} table.fmbox-editnotice {

    background: transparent;

} /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon {

    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;

} /* Div based "system" style fmbox messages.

   Used in [[MediaWiki:Readonly_lag]]. */

div.mw-lag-warn-normal, div.fmbox-system {

    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;

}

/* These mbox-small classes must be placed after all other

   ambox/tmbox/ombox etc classes. "body.mediawiki" is so 
   they override "table.ambox + table.ambox" above. */

body.mediawiki table.mbox-small { /* For the "small=yes" option. */

    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;

} body.mediawiki table.mbox-small-left { /* For the "small=left" option. */

    margin: 4px 1em 4px 0;
    width: 238px;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;

}</pre>
Retrieved from "https://wiki.comcert.com/index.php?title=MediaWiki:Common.css&oldid=241"