MediaWiki:Documentation.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) Created page with "→Documentation: .template-documentation { border-radius: 10px; overflow: hidden; margin: 1em 0; } .template-documentation .template-documentation-header { background-color: #EEE; background-color: var(--theme-color-4); padding: 1em; border-radius: 10px; } .template-documentation .template-documentation-langs { background-color: #F6F6F6; background-color: rgba(var(--theme-border-color--rgb, 246,246,246), 0.15); display: flex; flex-wrap: wrap; list..." |
mNo edit summary |
||
| (5 intermediate revisions by 2 users not shown) | |||
| 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(--background-color-2); | |||
border: 1px solid var(--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 59: | Line 55: | ||
.doctable th.doc-header { | .doctable th.doc-header { | ||
padding: 15px; | padding: 15px; | ||
background-color: var(-- | background-color: var(--background-color-1); | ||
} | } | ||
| 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 78: | Line 75: | ||
.doctable tr.links td a { | .doctable tr.links td a { | ||
background-color: var(-- | background-color: var(--background-color-2); | ||
color: var(--theme-page-background-color); | color: var(--theme-page-background-color); | ||
font-weight: 700; | font-weight: 700; | ||
background-image: none; /*Hide external link icon */ | |||
} | } | ||
.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(-- | color: var(--color-base); | ||
transition: 0.1s; | transition: 0.1s; | ||
} | } | ||
.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, | ||
color: var(- | .skin-theme-clientpref-night .doctable tr.links td .mw-selflink, | ||
.skin-theme-clientpref-os .doctable tr.links td a:hover, | |||
.skin-theme-clientpref-os .doctable tr.links td .mw-selflink { | |||
color: var(--background-color-base); | |||
} | } | ||
.template-documentation . | /* Edits appearence of buttons on Header 8 */ | ||
.template-documentation-header #doc_editlinks { | |||
color: transparent; | |||
/* hide text including [ and ] */ | |||
a { | |||
color: inherit; | |||
/* restore link color */ | |||
color: var(--color-base); | |||
/* or your normal link color */ | |||
background-color: var(--background-color-4) !important; | |||
padding: 2px 8px !important; | |||
border-radius: 10px !important; | |||
transition: ease .15s; | |||
} | |||
a:hover { | |||
text-decoration: none; | |||
background-color: var(--background-color-7) !important; | |||
transition: ease .15s; | |||
.skin-theme-clientpref-day & { | |||
background-color: var(--background-color-6) !important; | |||
} | |||
} | |||
a:not(:last-child) { | |||
margin-right: -5px; | |||
} | |||
a::before, | |||
a::after { | |||
content: ''; | |||
/* no [ ] before or after */ | |||
} | |||
} | } | ||