diff --git a/website/themes/beastie/static/css/layout.css b/website/themes/beastie/static/css/layout.css
--- a/website/themes/beastie/static/css/layout.css
+++ b/website/themes/beastie/static/css/layout.css
@@ -219,6 +219,94 @@
   line-height: 1.3;
 }
 
+.admonitionblock {
+  margin: 1.4rem 0;
+  padding: 1rem;
+  color: var(--admonition-font-color);
+
+  table {
+    table-layout: fixed;
+    position: relative;
+    width: 100%;
+
+    tbody {
+      tr {
+        td.icon {
+          position: absolute;
+          top: 0;
+          left: 0;
+          line-height: 1;
+          padding-bottom: .5rem;
+
+          i {
+            display: inline-flex;
+            align-items: center;
+            width: auto;
+            background-position-x: .5em;
+            vertical-align: initial;
+            font-style: normal;
+
+            &:after {
+              content: attr(title);
+              font-family: 'Inter var', sans-serif;
+              font-weight: bolder;
+              padding: 0 .5em;
+              margin: -.05em;
+            }
+          }
+
+          .icon-note::before {
+            content: "\f05a";
+            color: var(--admonition-note-color);
+          }
+
+          .icon-tip::before {
+            content: "\f0eb";
+            color: var(--admonition-tip-color)
+          }
+
+          .icon-warning::before {
+            content: "\f071";
+            color: var(--admonition-warning-color);
+          }
+
+          .icon-caution::before {
+            content: "\f06d";
+            color: var(--admonition-caution-color);
+          }
+
+          .icon-important::before {
+            content: "\f06a";
+            color: var(--admonition-important-color);
+          }
+        }
+
+        td.icon [class^="fa icon-"] {
+          font-size: 1.2rem;
+          cursor: default;
+        }
+
+        td.content {
+          width: 100%;
+          word-wrap: anywhere;
+
+          .title {
+            margin-top: 2rem;
+          }
+
+          .paragraph {
+            padding-top: .5rem;
+          }
+
+          a {
+            color: var(--admonition-links-color);
+          }
+        }
+      }
+    }
+  }
+}
+
 .important {
   font-style: italic;
   border: 1px solid #a00;