MediaWiki:Common.css: Difference between revisions

From wiki.comcert.com
Jump to navigation Jump to search
No edit summary
Line 1: Line 1:


/* 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 */<br/> th.mbox-text, td.mbox-text {&nbsp;&nbsp; /* The message body cell(s) */<br/> &nbsp;&nbsp;&nbsp; border: none;<br/> &nbsp;&nbsp;&nbsp; padding: 0.25em 0.9em;&nbsp;&nbsp;&nbsp;&nbsp; /* 0.9em left/right */<br/> &nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Make all mboxes the same width regardless of text length */<br/> }<br/> td.mbox-image {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* The left image cell */<br/> &nbsp;&nbsp;&nbsp; border: none;<br/> &nbsp;&nbsp;&nbsp; padding: 2px 0 2px 0.9em;&nbsp; /* 0.9em left, 0px right */<br/> &nbsp;&nbsp;&nbsp; text-align: center;<br/> }<br/> td.mbox-imageright {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* The right image cell */<br/> &nbsp;&nbsp;&nbsp; border: none;<br/> &nbsp;&nbsp;&nbsp; padding: 2px 0.9em 2px 0;&nbsp; /* 0px left, 0.9em right */<br/> &nbsp;&nbsp;&nbsp; text-align: center;<br/> }<br/> td.mbox-empty-cell {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* An empty narrow cell */<br/> &nbsp;&nbsp;&nbsp; border: none;<br/> &nbsp;&nbsp;&nbsp; padding: 0px;<br/> &nbsp;&nbsp;&nbsp; width: 1px;<br/> }
/* Article message box styles */<br/> table.ambox {<br/> &nbsp;&nbsp;&nbsp; margin: 0px 10%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* 10% = Will not overlap with other elements */<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #1e90ff;&nbsp; /* Default "notice" blue */<br/> &nbsp;&nbsp;&nbsp; background: #fbfbfb;<br/> }<br/> table.ambox + table.ambox {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Single border between stacked boxes. */<br/> &nbsp;&nbsp;&nbsp; margin-top: -1px;<br/> }<br/> .ambox th.mbox-text,<br/> .ambox td.mbox-text {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* The message body cell(s) */<br/> &nbsp;&nbsp;&nbsp; padding: 0.25em 0.5em;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* 0.5em left/right */<br/> }<br/> .ambox td.mbox-image {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* The left image cell */<br/> &nbsp;&nbsp;&nbsp; padding: 2px 0 2px 0.5em;&nbsp;&nbsp;&nbsp; /* 0.5em left, 0px right */<br/> }<br/> .ambox td.mbox-imageright {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* The right image cell */<br/> &nbsp;&nbsp;&nbsp; padding: 2px 0.5em 2px 0;&nbsp;&nbsp;&nbsp; /* 0px left, 0.5em right */<br/> }
table.ambox-notice {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #1e90ff;&nbsp;&nbsp;&nbsp; /* Blue */<br/> }<br/> table.ambox-speedy {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> &nbsp;&nbsp;&nbsp; background: #fee;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.ambox-delete {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> }<br/> table.ambox-content {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #f28500;&nbsp;&nbsp;&nbsp; /* Orange */<br/> }<br/> table.ambox-style {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #f4c430;&nbsp;&nbsp;&nbsp; /* Yellow */<br/> }<br/> table.ambox-move {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #9932cc;&nbsp;&nbsp;&nbsp; /* Purple */<br/> }<br/> table.ambox-protection {<br/> &nbsp;&nbsp;&nbsp; border-left: 10px solid #bba;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Gray-gold */<br/> }
/* Image message box styles */<br/> table.imbox {<br/> &nbsp;&nbsp;&nbsp; margin: 4px 10%;<br/> &nbsp;&nbsp;&nbsp; border-collapse: collapse;<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #1e90ff;&nbsp;&nbsp;&nbsp; /* Default "notice" blue */<br/> &nbsp;&nbsp;&nbsp; background: #fbfbfb;<br/> }<br/> .imbox .mbox-text .imbox {&nbsp; /* For imboxes inside imbox-text cells. */<br/> &nbsp;&nbsp;&nbsp; margin: 0 -0.5em;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* 0.9 - 0.5 = 0.4em left/right.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */<br/> &nbsp;&nbsp;&nbsp; display: block;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Fix for webkit to force 100% width.&nbsp; */<br/> }<br/> .mbox-inside .imbox {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* For imboxes inside other templates.&nbsp; */<br/> &nbsp;&nbsp;&nbsp; margin: 4px;<br/> }
table.imbox-notice {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #1e90ff;&nbsp;&nbsp;&nbsp; /* Blue */<br/> }<br/> table.imbox-speedy {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> &nbsp;&nbsp;&nbsp; background: #fee;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.imbox-delete {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> }<br/> table.imbox-content {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #f28500;&nbsp;&nbsp;&nbsp; /* Orange */<br/> }<br/> table.imbox-style {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #f4c430;&nbsp;&nbsp;&nbsp; /* Yellow */<br/> }<br/> table.imbox-move {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #9932cc;&nbsp;&nbsp;&nbsp; /* Purple */<br/> }<br/> table.imbox-protection {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #bba;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Gray-gold */<br/> }<br/> table.imbox-license {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #88a;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Dark gray */<br/> &nbsp;&nbsp;&nbsp; background: #f7f8ff;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Light gray */<br/> }<br/> table.imbox-featured {<br/> &nbsp;&nbsp;&nbsp; border: 3px solid #cba135;&nbsp;&nbsp;&nbsp; /* Brown-gold */<br/> }
/* Category message box styles */<br/> table.cmbox {<br/> &nbsp;&nbsp;&nbsp; margin: 3px 10%;<br/> &nbsp;&nbsp;&nbsp; border-collapse: collapse;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;<br/> &nbsp;&nbsp;&nbsp; background: #DFE8FF;&nbsp;&nbsp;&nbsp; /* Default "notice" blue */<br/> }
table.cmbox-notice {<br/> &nbsp;&nbsp;&nbsp; background: #D8E8FF;&nbsp;&nbsp;&nbsp; /* Blue */<br/> }<br/> table.cmbox-speedy {<br/> &nbsp;&nbsp;&nbsp; margin-top: 4px;<br/> &nbsp;&nbsp;&nbsp; margin-bottom: 4px;<br/> &nbsp;&nbsp;&nbsp; border: 4px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> &nbsp;&nbsp;&nbsp; background: #FFDBDB;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.cmbox-delete {<br/> &nbsp;&nbsp;&nbsp; background: #FFDBDB;&nbsp;&nbsp;&nbsp; /* Red */<br/> }<br/> table.cmbox-content {<br/> &nbsp;&nbsp;&nbsp; background: #FFE7CE;&nbsp;&nbsp;&nbsp; /* Orange */<br/> }<br/> table.cmbox-style {<br/> &nbsp;&nbsp;&nbsp; background: #FFF9DB;&nbsp;&nbsp;&nbsp; /* Yellow */<br/> }<br/> table.cmbox-move {<br/> &nbsp;&nbsp;&nbsp; background: #E4D8FF;&nbsp;&nbsp;&nbsp; /* Purple */<br/> }<br/> table.cmbox-protection {<br/> &nbsp;&nbsp;&nbsp; background: #EFEFE1;&nbsp;&nbsp;&nbsp; /* Gray-gold */<br/> }
/* Other pages message box styles */<br/> table.ombox {<br/> &nbsp;&nbsp;&nbsp; margin: 4px 10%;<br/> &nbsp;&nbsp;&nbsp; border-collapse: collapse;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Default "notice" gray */<br/> &nbsp;&nbsp;&nbsp; background: #f9f9f9;<br/> }
table.ombox-notice {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Gray */<br/> }<br/> table.ombox-speedy {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> &nbsp;&nbsp;&nbsp; background: #fee;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.ombox-delete {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> }<br/> table.ombox-content {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #f28500;&nbsp;&nbsp;&nbsp; /* Orange */<br/> }<br/> table.ombox-style {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #f4c430;&nbsp;&nbsp;&nbsp; /* Yellow */<br/> }<br/> table.ombox-move {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #9932cc;&nbsp;&nbsp;&nbsp; /* Purple */<br/> }<br/> table.ombox-protection {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #bba;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Gray-gold */<br/> }
/* Talk page message box styles */<br/> table.tmbox {<br/> &nbsp;&nbsp;&nbsp; margin: 4px 10%;<br/> &nbsp;&nbsp;&nbsp; border-collapse: collapse;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #c0c090;&nbsp;&nbsp;&nbsp; /* Default "notice" gray-brown */<br/> &nbsp;&nbsp;&nbsp; background: #f8eaba;<br/> }<br/> .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */<br/> &nbsp;&nbsp;&nbsp; margin: 2px 0;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* this declaration overrides other styles (including mbox-small above)&nbsp;&nbsp; */<br/> &nbsp;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* For Safari and Opera */<br/> }<br/> .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when&nbsp; */<br/> &nbsp;&nbsp;&nbsp; line-height: 1.5em;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* also "nested", so reset styles that are&nbsp;&nbsp; */&nbsp;&nbsp;<br/> &nbsp;&nbsp;&nbsp; font-size: 100%;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* set in "mbox-small" above.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; */<br/> }
table.tmbox-speedy {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> &nbsp;&nbsp;&nbsp; background: #fee;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.tmbox-delete {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #b22222;&nbsp;&nbsp;&nbsp; /* Red */<br/> }<br/> table.tmbox-content {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #f28500;&nbsp;&nbsp;&nbsp; /* Orange */<br/> }<br/> table.tmbox-style {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #f4c430;&nbsp;&nbsp;&nbsp; /* Yellow */<br/> }<br/> table.tmbox-move {<br/> &nbsp;&nbsp;&nbsp; border: 2px solid #9932cc;&nbsp;&nbsp;&nbsp; /* Purple */<br/> }<br/> table.tmbox-protection,<br/> table.tmbox-notice {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #c0c090;&nbsp;&nbsp;&nbsp; /* Gray-brown */<br/> }
/* Disambig and set index box styles */<br/> table.dmbox {<br/> &nbsp;&nbsp;&nbsp; clear: both;<br/> &nbsp;&nbsp;&nbsp; margin: 0.9em 1em;<br/> &nbsp;&nbsp;&nbsp; border-top: 1px solid #ccc;<br/> &nbsp;&nbsp;&nbsp; border-bottom: 1px solid #ccc;<br/> &nbsp;&nbsp;&nbsp; background: transparent;<br/> }
/* Footer and header message box styles */<br/> table.fmbox {<br/> &nbsp;&nbsp;&nbsp; clear: both;<br/> &nbsp;&nbsp;&nbsp; margin: 0.2em 0;<br/> &nbsp;&nbsp;&nbsp; width: 100%;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;<br/> &nbsp;&nbsp;&nbsp; background: #f9f9f9;&nbsp;&nbsp;&nbsp;&nbsp; /* Default "system" gray */<br/> }<br/> table.fmbox-system {<br/> &nbsp;&nbsp;&nbsp; background: #f9f9f9;<br/> }<br/> table.fmbox-warning {<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #bb7070;&nbsp; /* Dark pink */<br/> &nbsp;&nbsp;&nbsp; background: #ffdbdb;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* Pink */<br/> }<br/> table.fmbox-editnotice {<br/> &nbsp;&nbsp;&nbsp; background: transparent;<br/> }<br/> /* Div based "warning" style fmbox messages. */<br/> div.mw-warning-with-logexcerpt,<br/> div.mw-lag-warn-high,<br/> div.mw-cascadeprotectedwarning,<br/> div#mw-protect-cascadeon {<br/> &nbsp;&nbsp;&nbsp; clear: both;<br/> &nbsp;&nbsp;&nbsp; margin: 0.2em 0;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #bb7070;<br/> &nbsp;&nbsp;&nbsp; background: #ffdbdb;<br/> &nbsp;&nbsp;&nbsp; padding: 0.25em 0.9em;<br/> }<br/> /* Div based "system" style fmbox messages.<br/> &nbsp;&nbsp; Used in [[MediaWiki:Readonly lag]]. */<br/> div.mw-lag-warn-normal,<br/> div.fmbox-system {<br/> &nbsp;&nbsp;&nbsp; clear: both;<br/> &nbsp;&nbsp;&nbsp; margin: 0.2em 0;<br/> &nbsp;&nbsp;&nbsp; border: 1px solid #aaa;<br/> &nbsp;&nbsp;&nbsp; background: #f9f9f9;<br/> &nbsp;&nbsp;&nbsp; padding: 0.25em 0.9em;<br/> }
/* These mbox-small classes must be placed after all other<br/> &nbsp;&nbsp; ambox/tmbox/ombox etc classes. "body.mediawiki" is so<br/> &nbsp;&nbsp; they override "table.ambox + table.ambox" above. */<br/> body.mediawiki table.mbox-small {&nbsp;&nbsp; /* For the "small=yes" option. */<br/> &nbsp;&nbsp;&nbsp; clear: right;<br/> &nbsp;&nbsp;&nbsp; float: right;<br/> &nbsp;&nbsp;&nbsp; margin: 4px 0 4px 1em;<br/> &nbsp;&nbsp;&nbsp; width: 238px;<br/> &nbsp;&nbsp;&nbsp; font-size: 88%;<br/> &nbsp;&nbsp;&nbsp; line-height: 1.25em;<br/> }<br/> body.mediawiki table.mbox-small-left {&nbsp;&nbsp; /* For the "small=left" option. */<br/> &nbsp;&nbsp;&nbsp; margin: 4px 1em 4px 0;<br/> &nbsp;&nbsp;&nbsp; width: 238px;<br/> &nbsp;&nbsp;&nbsp; border-collapse: collapse;<br/> &nbsp;&nbsp;&nbsp; font-size: 88%;<br/> &nbsp;&nbsp;&nbsp; line-height: 1.25em;<br/> }

Revision as of 11:12, 18 October 2016


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