Merge pull request #30121 from adellape/admonition_tweaks

Author: adellape

_stylesheets/docs.css

@@ -868,8 +868,29 @@ table > tbody > tr > td > div > div > p > code {
      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;
 }
@@ -884,6 +905,37 @@ table > tbody > tr > td > div > div > p > code {
      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;
@@ -1256,6 +1308,10 @@ table > tbody > tr > td > div > div > p > code {
   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;
 }
@@ -1522,6 +1578,7 @@ table > tbody > tr > td > div > div > p > code {
  .admonitionblock td.icon [class^="fa icon-"] {
      font-size: 2.5em;
      cursor: default;
+     padding-top: .125em;
 }
  .admonitionblock td.icon .icon-note:before {
      content: "\f05a";