518
edits
Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
no edit summary
KimPegasus (talk | contribs) |
KimPegasus (talk | contribs) |
||
| Line 26: | Line 26: | ||
} | } | ||
.box.gray .box { background-color: hsl(0, 0%, 93%); } | .box.gray .box { background-color: hsl(0, 0%, 93%); } | ||
| − | .box.gray .header { background-color: hsl(0, 0%, | + | .box.gray .header { background-color: hsl(0, 0%, 80%); } |
.box.red { | .box.red { | ||
| Line 33: | Line 33: | ||
} | } | ||
.box.red .box { background-color: hsl(354, 71.5%, 93%); } | .box.red .box { background-color: hsl(354, 71.5%, 93%); } | ||
| − | .box.red . | + | .box.red .header { background-color: hsl(354, 71.5%, 80%); } |
| Line 41: | Line 41: | ||
} | } | ||
.box.orange .box { background-color: hsl(39, 71.5%, 93%); } | .box.orange .box { background-color: hsl(39, 71.5%, 93%); } | ||
| − | .box.orange . | + | .box.orange .header { background-color: hsl(39, 71.5%, 80%); } |
.box.yellow { | .box.yellow { | ||
| Line 48: | Line 48: | ||
} | } | ||
.box.yellow .box { background-color: hsl(55, 71.5%, 93%); } | .box.yellow .box { background-color: hsl(55, 71.5%, 93%); } | ||
| − | .box.yellow . | + | .box.yellow .header { background-color: hsl(55, 71.5%, 80%); } |
.box.green { | .box.green { | ||
| Line 55: | Line 55: | ||
} | } | ||
.box.green .box { background-color: hsl(73, 71.5%, 93%); } | .box.green .box { background-color: hsl(73, 71.5%, 93%); } | ||
| − | .box.green . | + | .box.green .header { background-color: hsl(73, 71.5%, 80%); } |
.box.cerulean { | .box.cerulean { | ||
| Line 62: | Line 62: | ||
} | } | ||
.box.cerulean .box { background-color: hsl(196, 71.5%, 93%); } | .box.cerulean .box { background-color: hsl(196, 71.5%, 93%); } | ||
| − | .box.cerulean . | + | .box.cerulean .header { background-color: hsl(196, 71.5%, 80%); } |
.box.blue { | .box.blue { | ||
| Line 69: | Line 69: | ||
} | } | ||
.box.blue .box { background-color: hsl(225, 71.5%, 93%); } | .box.blue .box { background-color: hsl(225, 71.5%, 93%); } | ||
| − | .box.blue .header { background-color: hsl(225, 71.5%, | + | .box.blue .header { background-color: hsl(225, 71.5%, 80%); } |
| Line 77: | Line 77: | ||
} | } | ||
.box.purple .box { background-color: hsl(259, 71.5%, 93%); } | .box.purple .box { background-color: hsl(259, 71.5%, 93%); } | ||
| − | .box.purple .header { background-color: hsl(259, 71.5%, | + | .box.purple .header { background-color: hsl(259, 71.5%, 80%); } |
| Line 85: | Line 85: | ||
} | } | ||
.box.pink .box { background-color: hsl(334, 71.5%, 93%); } | .box.pink .box { background-color: hsl(334, 71.5%, 93%); } | ||
| − | .box.pink .header { background-color: hsl(334, 71.5%, | + | .box.pink .header { background-color: hsl(334, 71.5%, 80%); } |
/* Amboxes (article message box) */ | /* Amboxes (article message box) */ | ||
| Line 106: | Line 106: | ||
} | } | ||
.box.ambox.section .ambox__icon { padding-right: .5em; } | .box.ambox.section .ambox__icon { padding-right: .5em; } | ||
| + | |||
| + | /* Homepage specific styles */ | ||
| + | |||
| + | .mp-layout { | ||
| + | |||
| + | } | ||
| + | |||
| + | .mp-topbanner { | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .mp-topbanner .mp-topbanner__categories { | ||
| + | width: 50%; | ||
| + | margin-left: auto; | ||
| + | } | ||
| + | .mp-topbanner .mp-topbanner__categories ul { | ||
| + | column-width: 8em; | ||
| + | column-gap: 2em; | ||
| + | } | ||
| + | |||
| + | .mp-box { | ||
| + | |||
| + | } | ||
| + | .mp-box .mp-box__heading { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .mp-box .mp-box__body { | ||
| + | margin-top: 1em; | ||
| + | margin-bottom: 2em; | ||
| + | } | ||
| + | .mp-box .mp-box__footer { | ||
| + | text-align: right; | ||
| + | } | ||