Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: /* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for instance, will limit to showing...") |
|||
Line 13: | Line 13: | ||
.toclimit-6 .toclevel-6, | .toclimit-6 .toclevel-6, | ||
.toclimit-7 .toclevel-7 { display: none; } | .toclimit-7 .toclevel-7 { display: none; } | ||
+ | |||
+ | /* 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 */ | ||
+ | } |
Revision as of 23:15, 28 February 2011
/* CSS placed here will be applied to all skins */
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* 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 */
}