Template:Documentation/styles.css: Difference between revisions
Template page
More actions
Added missing styling for light mode and reorganised |
Minor colour adjustments and added skin-theme-clientpref-os |
||
| Line 75: | Line 75: | ||
.doctable tr.links td a { | .doctable tr.links td a { | ||
background-color: var(--theme-color- | background-color: var(--theme-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 */ | |||
} | } | ||
| Line 88: | Line 89: | ||
.skin-theme-clientpref-night .doctable tr.links td a:hover, | .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 .mw-selflink, | ||
.skin-theme-clientpref-os .doctable tr.links td a:hover, | |||
.skin-theme-clientpref-os .doctable tr.links td .mw-selflink { | |||
color: var(--page-background-color); | color: var(--page-background-color); | ||
} | } | ||
| Line 101: | Line 104: | ||
color: var(--page-text-color); | color: var(--page-text-color); | ||
/* or your normal link color */ | /* or your normal link color */ | ||
background-color: var(--theme-color- | background-color: var(--theme-color-4) !important; | ||
padding: 2px 8px !important; | padding: 2px 8px !important; | ||
border-radius: 10px !important; | border-radius: 10px !important; | ||
| Line 109: | Line 112: | ||
a:hover { | a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
background-color: var(--theme-color- | background-color: var(--theme-color-7) !important; | ||
transition: ease .15s; | transition: ease .15s; | ||
.skin-theme-clientpref-day & { | .skin-theme-clientpref-day & { | ||
background-color: var(--theme-color- | background-color: var(--theme-color-6) !important; | ||
} | } | ||
} | } | ||