MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
imported>Hb1290 No edit summary |
imported>Hb1290 No edit summary |
||
| Line 118: | Line 118: | ||
background-image: url(<path>); | background-image: url(<path>); | ||
} | } | ||
} | } | ||
/* 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 { | 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 { | 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 { | 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 { | td.mbox-empty-cell { /* An empty narrow cell */ | ||
border: none; | |||
padding: 0; | |||
width: 1px; | |||
} | } | ||
/* Article message box styles */ | /* Article message box styles */ | ||
table.ambox { | table.ambox { | ||
margin: 0 10%; /* 10% = Will not overlap with other elements */ | |||
border: 1px solid #a2a9b1; | |||
border-left: 10px solid #36c; /* Default "notice" blue */ | |||
background: #fbfbfb; | |||
} | } | ||
table.ambox + table.ambox { | table.ambox + table.ambox { /* Single border between stacked boxes. */ | ||
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 */ | |||
} | } | ||
.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 */ | |||
} | } | ||
.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 */ | |||
} | } | ||
table.ambox-notice { | table.ambox-notice { | ||
border-left: 10px solid #36c; /* Blue */ | |||
} | } | ||
table.ambox-speedy { | table.ambox-speedy { | ||
border-left: 10px solid #b32424; /* Red */ | |||
background: #fee7e6; /* Pink */ | |||
} | } | ||
table.ambox-delete { | table.ambox-delete { | ||
border-left: 10px solid #b32424; /* Red */ | |||
} | } | ||
table.ambox-content { | table.ambox-content { | ||
border-left: 10px solid #f28500; /* Orange */ | |||
} | } | ||
table.ambox-style { | table.ambox-style { | ||
border-left: 10px solid #fc3; /* Yellow */ | |||
} | } | ||
table.ambox-move { | table.ambox-move { | ||
border-left: 10px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ambox-protection { | table.ambox-protection { | ||
border-left: 10px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
/* Image message box styles */ | /* Image message box styles */ | ||
table.imbox { | table.imbox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 3px solid #36c; /* Default "notice" blue */ | |||
background: #fbfbfb; | |||
} | } | ||
.imbox .mbox-text .imbox { | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ | ||
margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ | |||
} | } | ||
.mbox-inside .imbox { | .mbox-inside .imbox { /* For imboxes inside other templates. */ | ||
margin: 4px; | |||
} | } | ||
table.imbox-notice { | table.imbox-notice { | ||
border: 3px solid #36c; /* Blue */ | |||
} | } | ||
table.imbox-speedy { | table.imbox-speedy { | ||
border: 3px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | } | ||
table.imbox-delete { | table.imbox-delete { | ||
border: 3px solid #b32424; /* Red */ | |||
} | } | ||
table.imbox-content { | table.imbox-content { | ||
border: 3px solid #f28500; /* Orange */ | |||
} | } | ||
table.imbox-style { | table.imbox-style { | ||
border: 3px solid #fc3; /* Yellow */ | |||
} | } | ||
table.imbox-move { | table.imbox-move { | ||
border: 3px solid #9932cc; /* Purple */ | |||
} | } | ||
table.imbox-protection { | table.imbox-protection { | ||
border: 3px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
table.imbox-license { | table.imbox-license { | ||
border: 3px solid #88a; /* Dark gray */ | |||
background: #f7f8ff; /* Light gray */ | |||
} | } | ||
table.imbox-featured { | table.imbox-featured { | ||
border: 3px solid #cba135; /* Brown-gold */ | |||
} | } | ||
/* Category message box styles */ | /* Category message box styles */ | ||
table.cmbox { | table.cmbox { | ||
margin: 3px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; | |||
background: #DFE8FF; /* Default "notice" blue */ | |||
} | } | ||
table.cmbox-notice { | table.cmbox-notice { | ||
background: #D8E8FF; /* Blue */ | |||
} | } | ||
table.cmbox-speedy { | table.cmbox-speedy { | ||
margin-top: 4px; | |||
margin-bottom: 4px; | |||
border: 4px solid #b32424; /* Red */ | |||
background: #FFDBDB; /* Pink */ | |||
} | } | ||
table.cmbox-delete { | table.cmbox-delete { | ||
background: #FFDBDB; /* Red */ | |||
} | } | ||
table.cmbox-content { | table.cmbox-content { | ||
background: #FFE7CE; /* Orange */ | |||
} | } | ||
table.cmbox-style { | table.cmbox-style { | ||
background: #FFF9DB; /* Yellow */ | |||
} | } | ||
table.cmbox-move { | table.cmbox-move { | ||
background: #E4D8FF; /* Purple */ | |||
} | } | ||
table.cmbox-protection { | table.cmbox-protection { | ||
background: #EFEFE1; /* Gray-gold */ | |||
} | } | ||
/* Other pages message box styles */ | /* Other pages message box styles */ | ||
table.ombox { | table.ombox { | ||
margin: 4px 10%; | |||
border-collapse: collapse; | |||
border: 1px solid #a2a9b1; /* Default "notice" gray */ | |||
background: #f8f9fa; | |||
} | } | ||
table.ombox-notice { | table.ombox-notice { | ||
border: 1px solid #a2a9b1; /* Gray */ | |||
} | } | ||
table.ombox-speedy { | table.ombox-speedy { | ||
border: 2px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | } | ||
table.ombox-delete { | table.ombox-delete { | ||
border: 2px solid #b32424; /* Red */ | |||
} | } | ||
table.ombox-content { | table.ombox-content { | ||
border: 1px solid #f28500; /* Orange */ | |||
} | } | ||
table.ombox-style { | table.ombox-style { | ||
border: 1px solid #fc3; /* Yellow */ | |||
} | } | ||
table.ombox-move { | table.ombox-move { | ||
border: 1px solid #9932cc; /* Purple */ | |||
} | } | ||
table.ombox-protection { | table.ombox-protection { | ||
border: 2px solid #a2a9b1; /* Gray-gold */ | |||
} | } | ||
/* Talk page message box styles */ | /* Talk page message box styles */ | ||
table.tmbox { | 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" */ | |||
margin: 2px 0; /* class ensures that this declaration overrides other */ | |||
width: 100%; /* For Safari and Opera */ /* styles (including mbox-small above) */ | |||
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" | |||
} | } | ||
.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 */ | |||
font-size: 100%; /* set in "mbox-small" above. */ | |||
} | } | ||
table.tmbox-speedy { | table.tmbox-speedy { | ||
border: 2px solid #b32424; /* Red */ | |||
background: #fee; /* Pink */ | |||
} | } | ||
table.tmbox-delete { | table.tmbox-delete { | ||
border: 2px solid #b32424; /* Red */ | |||
} | } | ||
table.tmbox-content { | table.tmbox-content { | ||
border: 2px solid #f28500; /* Orange */ | |||
} | } | ||
table.tmbox-style { | table.tmbox-style { | ||
border: 2px solid #fc3; /* Yellow */ | |||
} | } | ||
table.tmbox-move { | table.tmbox-move { | ||
border: 2px solid #9932cc; /* Purple */ | |||
} | } | ||
table.tmbox-protection, | table.tmbox-protection, | ||
table.tmbox-notice { | table.tmbox-notice { | ||
border: 1px solid #a2a9b1; /* Gray-brown */ | |||
} | } | ||
/* Footer and header message box styles */ | /* Footer and header message box styles */ | ||
table.fmbox { | table.fmbox { | ||
clear: both; | |||
margin: 0.2em 0; | |||
width: 100%; | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; /* Default "system" gray */ | |||
} | } | ||
table.fmbox-system { | table.fmbox-system { | ||
background: #f8f9fa; | |||
} | } | ||
table.fmbox-warning { | table.fmbox-warning { | ||
border: 1px solid #bb7070; /* Dark pink */ | |||
background: #ffdbdb; /* Pink */ | |||
} | } | ||
table.fmbox-editnotice { | table.fmbox-editnotice { | ||
background: transparent; | |||
} | } | ||