[doc] colorize version directives

Change-Id: I504ed04d79338069b33441b7f0fbe5fa5c0a2217
---
M docs/_static/css/pywikibot.css
1 file changed, 45 insertions(+), 0 deletions(-)

diff --git a/docs/_static/css/pywikibot.css b/docs/_static/css/pywikibot.css
index 80e0450..0844f03 100644
--- a/docs/_static/css/pywikibot.css
+++ b/docs/_static/css/pywikibot.css
@@ -81,3 +81,48 @@
     padding: 0.2rem 0;
     border: 1px solid #fff5;
 }
+
+/** Version change directives **/
+:root {
+    --versionadded: #246342;
+    --versionchanged: #AC6600;
+    --deprecated: #970302;
+
+    --versionadded-border: #339966;
+    --versionchanged-border: #F0BC00;
+    --deprecated-border: #990000;
+}
+
+div.versionadded,
+div.versionchanged,
+div.deprecated,
+div.versionremoved {
+    border-left: 4px solid;
+    padding: 0 1rem;
+}
+
+div.versionadded {
+    border-left-color: var(--versionadded-border);
+}
+
+div.versionchanged {
+    border-left-color: var(--versionchanged-border);
+}
+
+div.deprecated,
+div.versionremoved {
+    border-left-color: var(--deprecated-border);
+}
+
+div.versionadded .versionmodified {
+    color: var(--versionadded);
+}
+
+div.versionchanged .versionmodified {
+    color: var(--versionchanged);
+}
+
+div.deprecated .versionmodified,
+div.versionremoved .versionmodified {
+    color: var(--deprecated);
+}
\ No newline at end of file

