Module:Documentation/styles.css: Difference between revisions
m 1 revision imported |
m 1 revision imported |
||
(3 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
.ts-doc-sandbox .mbox-image { | |||
. | padding:.75em 0 .75em .75em; | ||
. | } | ||
.ts-doc-doc { | |||
clear: both; | clear: both; | ||
background-color: #eaf3ff; | |||
color: var(--color-base, #202122); | |||
border: 1px solid #a3caff; | |||
margin-top: 1em; | |||
border-top-left-radius: 2px; | |||
border-top-right-radius: 2px; | |||
} | |||
.ts-doc-header { | |||
background-color: #cbd6f6; | |||
color: var(--color-base, #202122); | |||
padding: .642857em 1em .5em; | |||
border-top-left-radius: 2px; | |||
border-top-right-radius: 2px; | |||
} | |||
.ts-doc-heading { | |||
display: inline-block; | |||
padding-left: 30px; | |||
background: center left / 24px 24px no-repeat; | |||
/* @noflip */ | |||
background-image: url( //upload.wikimedia.org/wikipedia/commons/f/fb/OOjs_UI_icon_puzzle-ltr.svg ); | |||
height: 24px; | |||
line-height: 24px; | |||
font-size: 13px; | |||
font-weight: 600; | |||
letter-spacing: 1px; | |||
text-transform: uppercase; | |||
} | |||
.ts-doc-header .ts-tlinks-tlinks { | |||
line-height: 24px; | |||
margin-left: 0; | |||
} | } | ||
. | .ts-doc-header .ts-tlinks-tlinks a { | ||
color: var(--color-progressive, #36c); | |||
} | } | ||
. | .ts-doc-header .ts-tlinks-tlinks a:active { | ||
color: var(--color-progressive--active, #233566); | |||
} | } | ||
. | .ts-doc-header .ts-tlinks-tlinks a:visited { | ||
color: var(--color-visited, #6a60b0); | |||
} | } | ||
. | .ts-doc-header .ts-tlinks-tlinks a:visited:active { | ||
color: var(--color-visited--active, #233566); | |||
} | } | ||
. | .ts-doc-content { | ||
padding: .214286em 1em; | |||
} | |||
.ts-doc-content:after { | |||
content: ''; | |||
clear: both; | clear: both; | ||
display: block; | |||
} | |||
.ts-doc-content > :first-child { | |||
margin-top: .5em; | |||
} | } | ||
. | .ts-doc-content > :last-child { | ||
margin-bottom: .5em; | |||
} | } | ||
.ts-doc-footer { | |||
background-color: #eaf3ff; | |||
color: var(--color-base, #202122); | |||
border: 1px solid #a3caff; | |||
padding: .214286em 1em; | |||
margin-top: .214286em; | |||
font-style: italic; | |||
border-bottom-left-radius: 2px; | |||
border-bottom-right-radius: 2px; | |||
} | |||
@media | @media all and (min-width: 720px) { | ||
.ts-doc-header .ts-tlinks-tlinks { | |||
float: right; | |||
} | } | ||
} | } | ||
html.skin-theme-clientpref-night .ts-doc-header { | |||
background-color: #3056a9; | |||
} | |||
html.skin-theme-clientpref-night .ts-doc-heading { | |||
background-image: url( '//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); | |||
} | |||
html.skin-theme-clientpref-night .ts-doc-doc, | |||
html.skin-theme-clientpref-night .ts-doc-footer { | |||
background-color: #1b223d; | |||
} | |||
@media screen and ( prefers-color-scheme: dark) { | @media screen and (prefers-color-scheme: dark) { | ||
html.skin-theme-clientpref-os .ts-doc-header { | |||
background-color: #3056a9; | |||
} | |||
html.skin-theme-clientpref-os .ts-doc-heading { | |||
background-image: url( '//upload.wikimedia.org/wikipedia/commons/d/d3/OOjs_UI_icon_puzzle-ltr-invert.svg' ); | |||
} | |||
html.skin-theme-clientpref-os .ts-doc-doc, | |||
html.skin-theme-clientpref-os .ts-doc-footer { | |||
background-color: #1b223d; | |||
} | |||
} | } |