diff --git a/_stylesheets/docs.css b/_stylesheets/docs.css
index d1d96a86f58f..b964398e5937 100644
--- a/_stylesheets/docs.css
+++ b/_stylesheets/docs.css
@@ -860,8 +860,29 @@ button[name="button-collapse-expand-all"] {
      border: 0;
      background: none;
      width: 100%;
+}
+ .admonitionblock.note {
+    background: #4e9fde15;
+    border-left: solid #4e9fde;
+}
+ .admonitionblock.important {
+    background: #ee210015;
+    border-left: solid #ee2100;
+}
+ .admonitionblock.warning {
+    background: #ec7a0915;
+    border-left: solid #ec7a09;
+}
+ .admonitionblock.caution {
+    background: #ec7a0915;
+    border-left: solid #ec7a09;
+}
+ .admonitionblock.tip {
+    background: #32859615;
+    border-left: solid #328596;
 }
  .admonitionblock > table td.icon {
+     vertical-align: top;
      text-align: center;
      width: 80px;
 }
@@ -876,6 +897,37 @@ button[name="button-collapse-expand-all"] {
      padding-left: 0;
      padding-right: 1.25em;
      color: #6e6e6e;
+     font-size: .85rem;
+}
+ .admonitionblock.note td.content:before {
+    content: "NOTE\a";
+    white-space: pre;
+    color: #404040;
+    font-weight: bold;
+}
+ .admonitionblock.important td.content:before {
+    content: "IMPORTANT\a";
+    white-space: pre;
+    color: #404040;
+    font-weight: bold;
+}
+ .admonitionblock.warning td.content:before {
+    content: "WARNING\a";
+    white-space: pre;
+    color: #404040;
+    font-weight: bold;
+}
+ .admonitionblock.tip td.content:before {
+    content: "TIP\a";
+    white-space: pre;
+    color: #404040;
+    font-weight: bold;
+}
+ .admonitionblock.caution td.content:before {
+    content: "CAUTION\a";
+    white-space: pre;
+    color: #404040;
+    font-weight: bold;
 }
  .admonitionblock > table td.content > :last-child > :last-child {
      margin-bottom: 0;
@@ -1248,6 +1300,10 @@ button[name="button-collapse-expand-all"] {
   line-height: 1.8;
   margin: 0.5em 0;
 }
+.colist .admonitionblock {
+  margin-top: 0.5em;
+  padding-top: 0.75em;
+}
 .qanda > ol > li > p > em:only-child {
      color: #1d4b8f;
 }
@@ -1514,6 +1570,7 @@ button[name="button-collapse-expand-all"] {
  .admonitionblock td.icon [class^="fa icon-"] {
      font-size: 2.5em;
      cursor: default;
+     padding-top: .125em;
 }
  .admonitionblock td.icon .icon-note:before {
      content: "\f05a";