MediaWiki:Common.css: Difference between revisions
m Dark-theme Codex/OOUI form widgets on Special pages (login/createaccount/preferences etc. were light) |
m Add documentation callout styles (tip/note/warning/example/lead) |
||
| Line 608: | Line 608: | ||
border-color: var(--d-border) !important; | border-color: var(--d-border) !important; | ||
} | } | ||
/* ============================================================ | |||
Documentation callout boxes (tip / note / warning / example / steps) | |||
============================================================ */ | |||
.tf-tip, .tf-note, .tf-warn, .tf-example { | |||
margin: 12px 0; padding: 10px 14px; border-radius: 6px; | |||
border-left: 4px solid #2A2A2C; background: #17171a; color: var(--d-text); | |||
} | |||
.tf-tip { border-left-color: #1E7A3E; } | |||
.tf-note { border-left-color: #2E4A6A; } | |||
.tf-warn { border-left-color: #BE2F24; } | |||
.tf-example { border-left-color: #8A6D1E; background:#141416; } | |||
.tf-tip .tf-lbl { color:#63c187; font-weight:bold; font-variant:small-caps; letter-spacing:.04em; } | |||
.tf-note .tf-lbl { color:#7fa8d8; font-weight:bold; font-variant:small-caps; letter-spacing:.04em; } | |||
.tf-warn .tf-lbl { color:#e79b9b; font-weight:bold; font-variant:small-caps; letter-spacing:.04em; } | |||
.tf-example .tf-lbl { color:#F5BD3F; font-weight:bold; font-variant:small-caps; letter-spacing:.04em; } | |||
.tf-lead { font-size:106%; line-height:1.6; border-left:3px solid #8A6D1E; padding:2px 0 2px 14px; margin-bottom:1em; color:#EFEAE6; } | |||
.tf-steps { counter-reset: tfstep; } | |||
.tf-steps > li { margin:8px 0; } | |||