518
edits
KimPegasus (talk | contribs) (Change documentation border style.) |
KimPegasus (talk | contribs) (First pass track listing template styles) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Make reference lists smaller. */ | /* Make reference lists smaller. */ | ||
Line 111: | Line 104: | ||
.box.ambox.section .ambox__icon { padding-right: .5em; } | .box.ambox.section .ambox__icon { padding-right: .5em; } | ||
− | /* Licenses */ | + | /* Boxes - Licenses */ |
− | |||
.box.license { | .box.license { | ||
border-width: 2px; | border-width: 2px; | ||
+ | } | ||
+ | |||
+ | /* Boxes - Documentation */ | ||
+ | #template-documentation { margin-top: 1em; } | ||
+ | #template-documentation.box { | ||
+ | border-width: 3px; | ||
+ | border-style: dashed; | ||
} | } | ||
/* Homepage specific styles */ | /* Homepage specific styles */ | ||
− | |||
.mp-layout { | .mp-layout { | ||
Line 153: | Line 151: | ||
/* Hide something from view whilst keeping it accessible to screen readers. */ | /* Hide something from view whilst keeping it accessible to screen readers. */ | ||
− | |||
.visuallyhidden { | .visuallyhidden { | ||
width: 1px; | width: 1px; | ||
Line 164: | Line 161: | ||
clip: rect(0 0 0 0); | clip: rect(0 0 0 0); | ||
} | } | ||
+ | |||
+ | /* Track listing tables */ | ||
+ | |||
+ | .track-listing { | ||
+ | width: 100%; | ||
+ | border-spacing: 0; | ||
+ | } | ||
+ | .track-listing tr:nth-child(odd) { background-color: #f7f7f7; } | ||
+ | .track-listing caption { | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | } | ||
+ | .track-listing__heading { | ||
+ | text-align: left; | ||
+ | background-color: #eee; | ||
+ | } | ||
+ | .track-listing__no { | ||
+ | width: 2em; | ||
+ | padding-right: .5em; | ||
+ | padding-left: .5em; | ||
+ | text-align: right; | ||
+ | } | ||
+ | .track-listing__length { | ||
+ | width: 4em; | ||
+ | padding-right: .5em; | ||
+ | text-align: right; | ||
+ | } |