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...") |
|||
(12 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* Front page boxes */ | ||
+ | /* Added styles for main page boxes | ||
+ | James Hayward 06/03/2011 */ | ||
+ | div.nh-box { | ||
+ | border: 1px solid #195905; | ||
+ | float: left; | ||
+ | width: 48.5%; | ||
+ | padding: 2px; | ||
+ | } | ||
+ | |||
+ | div.nh-side { | ||
+ | width: 25%; | ||
+ | clear: right; | ||
+ | float: right; | ||
+ | margin: 0 0 10px 20px; | ||
+ | } | ||
+ | |||
+ | div.nh-right { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | div.nh-box h2, | ||
+ | div.nh-box h2 a { | ||
+ | background: #195905; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | div.nh-box h2 { | ||
+ | margin: 0px; | ||
+ | padding: 5px; | ||
+ | } | ||
/* Allow limiting of which header levels are shown in a TOC; | /* Allow limiting of which header levels are shown in a TOC; | ||
Line 13: | Line 45: | ||
.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 */ | ||
+ | } | ||
+ | |||
+ | /* Members Details */ | ||
+ | |||
+ | div.memberdetails { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | /* Table highlighting */ | ||
+ | |||
+ | table.wikitable th.highlight, | ||
+ | table.wikitable tr.highlight, | ||
+ | table.wikitable td.highlight { | ||
+ | background: #D1DECD; | ||
+ | } | ||
+ | |||
+ | table.wikitable td, | ||
+ | table.wikitable th { | ||
+ | vertical-align: middle; | ||
+ | } |
Latest revision as of 10:17, 26 August 2013
/* CSS placed here will be applied to all skins */
/* Front page boxes */
/* Added styles for main page boxes
James Hayward 06/03/2011 */
div.nh-box {
border: 1px solid #195905;
float: left;
width: 48.5%;
padding: 2px;
}
div.nh-side {
width: 25%;
clear: right;
float: right;
margin: 0 0 10px 20px;
}
div.nh-right {
float: right;
}
div.nh-box h2,
div.nh-box h2 a {
background: #195905;
color: #FFFFFF;
}
div.nh-box h2 {
margin: 0px;
padding: 5px;
}
/* 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 */
}
/* Members Details */
div.memberdetails {
float: right;
}
/* Table highlighting */
table.wikitable th.highlight,
table.wikitable tr.highlight,
table.wikitable td.highlight {
background: #D1DECD;
}
table.wikitable td,
table.wikitable th {
vertical-align: middle;
}