MediaWiki:Documentation.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) i f'd up |
Added missing styling for light mode and reorganised |
||
| Line 1: | Line 1: | ||
/*Documentation*/ | /*Documentation*/ | ||
.template-documentation { | .template-documentation { | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.template-documentation .template-documentation-header { | .template-documentation .template-documentation-header, | ||
.template-documentation .template-documentation-footer, | |||
.doctable th.doc-header { | |||
padding: 1em; | |||
background-color: var(--theme-color-2); | |||
border: 1px solid var(--theme-border-color-subtle); | |||
border-radius: 10px; | |||
} | |||
.template-documentation .template-documentation-footer { | |||
font-size: 100%; | |||
text-align: right; | |||
} | } | ||
| Line 21: | Line 26: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
padding-bottom: 0.5em | padding-bottom: 0.5em; | ||
} | } | ||
| Line 41: | Line 46: | ||
overflow-y: auto; | overflow-y: auto; | ||
padding: 1em; | padding: 1em; | ||
} | } | ||
| Line 66: | Line 62: | ||
} | } | ||
.doctable tr.links td a, .doctable tr.links td .mw-selflink { | .doctable tr.links td a, | ||
.doctable tr.links td .mw-selflink { | |||
padding: 5px; | padding: 5px; | ||
display: block; | display: block; | ||
| Line 83: | Line 80: | ||
} | } | ||
.doctable tr.links td a:hover, .doctable tr.links td .mw-selflink { | .doctable tr.links td a:hover, | ||
.doctable tr.links td .mw-selflink { | |||
background-color: var(--theme-accent-color); | background-color: var(--theme-accent-color); | ||
color: var(--page-text-color); | color: var(--page-text-color); | ||
| Line 89: | Line 87: | ||
} | } | ||
.skin-theme-clientpref-night .doctable tr.links td a:hover, .skin-theme-clientpref-night .doctable tr.links td .mw-selflink { | .skin-theme-clientpref-night .doctable tr.links td a:hover, | ||
.skin-theme-clientpref-night .doctable tr.links td .mw-selflink { | |||
color: var(--page-background-color); | color: var(--page-background-color); | ||
} | } | ||
| Line 105: | Line 99: | ||
color: inherit; | color: inherit; | ||
/* restore link color */ | /* restore link color */ | ||
color: var(-- | color: var(--page-text-color); | ||
/* or your normal link color */ | /* or your normal link color */ | ||
background-color: var(--theme-color-6) !important; | background-color: var(--theme-color-6) !important; | ||
padding: 2px | padding: 2px 8px !important; | ||
border-radius: 10px !important; | border-radius: 10px !important; | ||
transition: ease .15s; | transition: ease .15s; | ||
| Line 114: | Line 108: | ||
a:hover { | a:hover { | ||
text-decoration: none; | |||
background-color: var(--theme-color-8) !important; | background-color: var(--theme-color-8) !important; | ||
transition: ease .15s; | transition: ease .15s; | ||
.skin-theme-clientpref-day & { | |||
background-color: var(--theme-color-4) !important; | |||
} | |||
} | } | ||