Fix admonition borders (by @NVISOsecurity) (#3103)

* Fix #3102

* Add new style for example admonition

* Add ALL admonitions

docs/stylesheets/extra.css

@@ -331,12 +331,82 @@ table.dataTable th {
   color: white;
 }
 
+.md-typeset details.info, .md-typeset .admonition.info,
+.md-typeset details.info:focus-within, .md-typeset .admonition.info:focus-within {
 
+  border: .2rem solid #00b8d41a;
+  box-shadow: none;
+}
+
+.md-typeset details.warning ,.md-typeset .admonition.warning,
+.md-typeset details.warning:focus-within, .md-typeset .admonition.warning:focus-within {
+  border: .2rem solid #ff91001a;
+  box-shadow: none;
+}
+
+.md-typeset details.tip ,.md-typeset .admonition.tip,
+.md-typeset details.tip:focus-within, .md-typeset .admonition.tip:focus-within {
+  border: .2rem solid #00bfa51a;
+  box-shadow: none;
+}
+
+.md-typeset details.danger ,.md-typeset .admonition.danger,
+.md-typeset details.danger:focus-within, .md-typeset .admonition.danger:focus-within {
+  border: .2rem solid #ff17441a;
+  box-shadow: none;
+}
+
+.md-typeset details.example ,.md-typeset .admonition.example,
+.md-typeset details.example:focus-within, .md-typeset .admonition.example:focus-within {
+  border: .2rem solid #7c4dff1a;
+  box-shadow: none;
+}
+
+.md-typeset details.note ,.md-typeset .admonition.note,
+.md-typeset details.note:focus-within, .md-typeset .admonition.note:focus-within {
+  border: .2rem solid #448aff1a;
+  box-shadow: none;
+}
+
+.md-typeset details.abstract ,.md-typeset .admonition.abstract,
+.md-typeset details.abstract:focus-within, .md-typeset .admonition.abstract:focus-within {
+  border: .2rem solid #00b0ff1a;
+  box-shadow: none;
+}
+
+.md-typeset details.success ,.md-typeset .admonition.success,
+.md-typeset details.success:focus-within, .md-typeset .admonition.success:focus-within {
+  border: .2rem solid #00c8531a;
+  box-shadow: none;
+}
+
+.md-typeset details.question ,.md-typeset .admonition.question,
+.md-typeset details.question:focus-within, .md-typeset .admonition.question:focus-within {
+  border: .2rem solid #64dd171a;
+  box-shadow: none;
+}
+
+.md-typeset details.failure ,.md-typeset .admonition.failure,
+.md-typeset details.failure:focus-within, .md-typeset .admonition.failure:focus-within {
+  border: .2rem solid #FF52521a;
+  box-shadow: none;
+}
+
+.md-typeset details.bug ,.md-typeset .admonition.bug,
+.md-typeset details.bug:focus-within, .md-typeset .admonition.bug:focus-within {
+  border: .2rem solid #f500571a;
+  box-shadow: none;
+}
+
+.md-typeset details.quote ,.md-typeset .admonition.quote,
+.md-typeset details.quote:focus-within, .md-typeset .admonition.quote:focus-within {
+  border: .2rem solid #9e9e9e1a;
+  box-shadow: none;
+}
 
-.md-typeset details {
-  border: 0px;
+.md-typeset details ,.md-typeset .admonition,
+.md-typeset details:focus-within, .md-typeset .admonition:focus-within {
+  border: .2rem solid #448aff1a;
+  box-shadow: none;
 }
 
-.md-typeset .admonition {
-  border: 0px;
-}