hdoc-tools 0.60.1 → 0.62.0

package/templates/pdf/css/hdocs-pdf.css

@@ -1,496 +1,496 @@
-:root {
-  --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
-    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
-    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
-  --htl-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
-    Consolas, 'Liberation Mono', 'Courier New', monospace;
-
-
-  --htl-default-font-size: 14px;
-  --htl-small-font-size: 12px;
-  --htl-smallest-font-size: 10px;
-  --htl-big-font-size: 16px;
-  --htl-biggest-font-size: 18px;
-  --htl-massive-font-size: 24px;
-
-}
-
-/**
- * Component: Custom Block
- * -------------------------------------------------------------------------- */
-
-:root {
-  --htl-custom-block-code-font-size: var(--htl-default-font-size);
-
-  --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
-  --htl-custom-block-info-text: #171717;
-  --htl-custom-block-info-bg: #d7eaf8;
-  --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
-
-
-  --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
-  --htl-custom-block-tip-text: var(--htl-c-green-darker);
-  --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
-  --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
-
-  --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
-  --htl-custom-block-caution-text: var(--htl-c-yellow-darker);
-  --htl-custom-block-caution-bg: var(--htl-c-yellow-dimm-3);
-  --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
-
-  --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
-  --htl-custom-block-warning-text: var(--htl-c-red-darker);
-  --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
-  --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
-
-  --htl-custom-block-details-border: var(--htl-c-divider-light);
-  --htl-custom-block-details-text: var(--htl-c-text-2);
-  --htl-custom-block-details-bg: var(--htl-c-white-soft);
-  --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
-
-}
-
-
-body {
-  font-family: var(--htl-font-family-base);
-}
-
-p {
-  font-size: var(--htl-default-font-size);
-}
-
-li {
-  font-size: var(--htl-default-font-size);
-}
-
-
-/**
-  * Table
-  * -------------------------------------------------------------------------- */
-
-table {
-  display: block;
-  border-collapse: collapse;
-  margin: 20px 0;
-  font-size: var(--htl-default-font-size);
-  break-inside: avoid;
-  /* sets font-size for table and table rows/td/th etc*/
-}
-
-tr {
-  border-top: 1px solid var(--htl-c-divider);
-  transition: background-color 0.5s;
-}
-
-tr:nth-child(2n) {
-  background-color: var(--htl-c-bg-soft);
-}
-
-th,
-td {
-  border: 1px solid var(--htl-c-divider);
-  padding: 10px 14px;
-  vertical-align: top;
-}
-
-th {
-  font-size: var(--htl-default-font-size);
-  font-weight: 600;
-  background-color: var(--htl-c-white-soft);
-}
-
-.dark th {
-  background-color: var(--htl-c-black);
-}
-
-hr {
-  margin: 16px 0;
-  border: none;
-  border-top: 1px solid var(--htl-c-divider-light);
-}
-
-h1 {
-  margin-top: -10px;
-}
-
-img,
-svg {
-  display: inline-block;
-  max-height: 750px;
-  height: auto;
-  break-inside: avoid;
-}
-
-video,
-canvas,
-audio,
-iframe,
-embed,
-object {
-  display: none;
-}
-
-figure {
-  margin: 0;
-}
-
-img,
-video {
-  max-width: 100%;
-  max-height: 750px;
-  height: auto;
-  break-inside: avoid;
-}
-
-.after-bullets li:not(:last-child)::after {
-  content: "•";
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-/* top nav bar */
-.nav-bar-nav-list {
-  margin-left: -39px;
-  margin-top: -20px;
-  align-items: stretch;
-  display: flex;
-  font-size: var(--htl-small-font-size);
-}
-
-.nav-bar-nav-list .nav-bar-item {
-  flex-shrink: 0;
-  align-items: center;
-  display: flex;
-  font-size: var(--htl-small-font-size);
-}
-
-
-.hdoc-alert {
-  border: 1px solid transparent;
-  border-radius: 8px;
-  padding: 16px 16px 8px;
-  line-height: 24px;
-  font-size: var(--htl-default-font-size);
-  color: var(--htl-c-text-2);
-  margin: 10px 0;
-  break-inside: avoid;
-}
-
-.hdoc-alert p {
-  margin: 8 0;
-}
-
-.hdoc-alert .hdoc-alert-title .bi {
-  margin-right: 5px;
-
-}
-
-.hdoc-alert .hdoc-alert-title {
-  font-weight: 700;
-  margin: 0;
-}
-
-.hdoc-alert.alert-icon-note {
-  border-color: var(--htl-custom-block-details-border);
-  color: var(--htl-custom-block-details-text);
-  background-color: var(--htl-custom-block-details-bg);
-}
-
-.hdoc-alert.alert-icon-note code {
-  background-color: var(--htl-custom-block-details-code-bg);
-}
-
-.hdoc-alert.alert-icon-tip {
-  border-color: var(--htl-custom-block-tip-border);
-  color: var(--htl-custom-block-tip-text);
-  background-color: var(--htl-custom-block-tip-bg);
-}
-
-.hdoc-alert.alert-icon-tip code {
-  background-color: var(--htl-custom-block-tip-code-bg);
-}
-
-.hdoc-alert.alert-icon-important {
-  border-color: var(--htl-custom-block-important-border);
-  color: var(--htl-custom-block-important-text);
-  background-color: var(--htl-custom-block-important-bg);
-}
-
-.hdoc-alert.alert-icon-important code {
-  background-color: var(--htl-custom-block-important-code-bg);
-}
-
-.hdoc-alert.alert-icon-info {
-  border-color: var(--htl-custom-block-info-border);
-  color: var(--htl-custom-block-info-text);
-  background-color: var(--htl-custom-block-info-bg);
-}
-
-.hdoc-alert.alert-icon-info code {
-  background-color: var(--htl-custom-block-info-code-bg);
-}
-
-.hdoc-alert.alert-icon-caution {
-  border-color: var(--htl-custom-block-caution-border);
-  color: var(--htl-custom-block-caution-text);
-  background-color: var(--htl-custom-block-caution-bg);
-}
-
-.hdoc-alert.alert-icon-caution code {
-  background-color: var(--htl-custom-block-caution-code-bg);
-}
-
-.hdoc-alert.alert-icon-warning {
-  border-color: var(--htl-custom-block-warning-border);
-  color: var(--htl-custom-block-warning-text);
-  background-color: var(--htl-custom-block-warning-bg);
-}
-
-.hdoc-alert.alert-icon-warning code {
-  background-color: var(--htl-custom-block-warning-code-bg);
-}
-
-
-/* HTL inline styles */
-.badge {
-  white-space: nowrap;
-  border-radius: 4px;
-  padding: 0.1rem 0.5rem;
-  font-size: 0.8em;
-  margin-right: 4px;
-  color: white;
-  font-weight: unset;
-}
-
-.badge:empty {
-  display: inline-block;
-}
-
-.badge:after {
-  border-radius: 4px;
-  padding: 0.05rem 0.25rem;
-}
-
-.badge.badge-schema:after {
-  /* MINT */
-  content: "Schema";
-  border: solid 1px #34bc9d;
-  background-color: #46cfb0;
-}
-
-.badge.badge-simple:after {
-  /* AQUA */
-  content: "Simple";
-  border: solid 1px #3bd0d6;
-  background-color: #4fc2e5;
-}
-
-.badge.badge-complex:after {
-  /* GRAPEFRUIT */
-  content: "Complex";
-  border: solid 1px #da4453;
-  background-color: #ed5565;
-  color: white;
-}
-
-.badge.badge-method:after {
-  /* BLUEJEANS */
-  content: "Method";
-  border: solid 1px #4b8ad5;
-  background-color: #5e96e6;
-  color: white;
-}
-
-.badge.badge-experimental:after {
-  content: "Experimental";
-  border: solid 1px #da4453;
-  background-color: #ed5565;
-}
-
-.badge.badge-production:after {
-  content: "In Production";
-  border: solid 1px #185e0f;
-  background-color: #3d9719;
-}
-
-.badge.badge-development:after {
-  content: "In Development";
-  border: solid 1px #4b8ad5;
-  background-color: #5e96e6;
-}
-
-.badge.badge-preliminary:after {
-  content: "Preliminary";
-  border: solid 1px #bdaa58;
-  background-color: #ddaf19;
-}
-
-.badge.badge-depreciated:after {
-  content: "Deprecated";
-  border: solid 1px #494949;
-  background-color: #666666;
-}
-
-.badge.badge-info:after {
-  content: "Info";
-  white-space: nowrap;
-  border: solid 1px rgb(48, 121, 0);
-  background-color: rgb(57, 150, 3);
-}
-
-.badge.badge-warn:after {
-  content: "Warning";
-  white-space: nowrap;
-  border: solid 1px rgb(173, 137, 19);
-  background-color: rgb(211, 168, 29);
-}
-
-.badge.badge-error:after {
-  content: "Error";
-  white-space: nowrap;
-  border: solid 1px rgb(121, 0, 0);
-  background-color: rgb(184, 0, 0);
-}
-
-.badge.badge-endpoint-internal:after {
-  content: "internal";
-  white-space: nowrap;
-  border: solid 1px #4A536B;
-  background-color: #4A536B;
-}
-
-.badge.badge-endpoint-api:after {
-  content: "api";
-  white-space: nowrap;
-  border: solid 1px #1194DE;
-  background-color: #1194DE;
-}
-
-.badge.badge-user-api:after {
-  content: "user";
-  white-space: nowrap;
-  border: solid 1px #51C17D;
-  background-color: #51C17D;
-}
-
-.badge.badge-portal-api:after {
-  content: "portal";
-  white-space: nowrap;
-  border: solid 1px #F18929;
-  background-color: #F18929;
-}
-
-.badge.badge-mobile-api:after {
-  content: "mobile";
-  white-space: nowrap;
-  border: solid 1px #C7004F;
-  background-color: #C7004F;
-}
-
-.badge.badge-integration-api:after {
-  content: "integration";
-  white-space: nowrap;
-  border: solid 1px #224187;
-  background-color: #224187;
-}
-
-.badge.badge-http-delete:after {
-  content: "DELETE";
-  white-space: nowrap;
-  border: solid 1px #C7004F;
-  background-color: #C7004F;
-}
-
-.badge.badge-http-get:after {
-  content: "GET";
-  white-space: nowrap;
-  border: solid 1px rgb(12, 139, 63);
-  background-color: rgb(12, 139, 63);
-}
-
-.badge.badge-http-head:after {
-  content: "HEAD";
-  white-space: nowrap;
-  border: solid 1px #51C17D;
-  background-color: #51C17D;
-}
-
-.badge.badge-http-options:after {
-  content: "OPTIONS";
-  white-space: nowrap;
-  border: solid 1px rgb(158, 28, 167);
-  background-color: rgb(158, 28, 167);
-}
-
-.badge.badge-http-patch:after {
-  content: "PATCH";
-  white-space: nowrap;
-  border: solid 1px #58178c;
-  background-color: #58178c;
-}
-
-.badge.badge-http-post:after {
-  content: "POST";
-  white-space: nowrap;
-  border: solid 1px #F18229;
-  background-color: #F18229;
-}
-
-.badge.badge-http-put:after {
-  content: "PUT";
-  white-space: nowrap;
-  border: solid 1px #1194DE;
-  background-color: #1194DE;
-}
-
-.badge.badge-rest:after {
-  content: "REST";
-  white-space: nowrap;
-  border: solid 1px #00B0E9;
-  background-color: #00B0E9;
-}
-
-.badge.badge-rpc:after {
-  content: "RPC";
-  white-space: nowrap;
-  border: solid 1px #4A536B;
-  background-color: #4A536B;
-}
-
-code {
-  font-size: 0.9em;
-}
-
-/* From Bootstrap 5, text color decorations */
-.text-primary {
-  color: #0d6efd !important;
-}
-
-.text-secondary {
-  color: #6c757d !important;
-}
-
-.text-success {
-  color: #198754 !important;
-}
-
-.text-info {
-  color: #0dcaf0 !important;
-}
-
-.text-warning {
-  color: #ffc107 !important;
-}
-
-.text-danger {
-  color: #dc3545 !important;
-}
-
-.text-light {
-  color: #f8f9fa !important;
-}
-
-.text-dark {
-  color: #212529 !important;
+:root {
+  --htl-font-family-base: 'Inter var experimental', 'Inter var', 'Inter',
+    ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+    Roboto, 'Helvetica Neue', Helvetica, Arial, 'Noto Sans', sans-serif,
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --htl-font-family-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco,
+    Consolas, 'Liberation Mono', 'Courier New', monospace;
+
+
+  --htl-default-font-size: 14px;
+  --htl-small-font-size: 12px;
+  --htl-smallest-font-size: 10px;
+  --htl-big-font-size: 16px;
+  --htl-biggest-font-size: 18px;
+  --htl-massive-font-size: 24px;
+
+}
+
+/**
+ * Component: Custom Block
+ * -------------------------------------------------------------------------- */
+
+:root {
+  --htl-custom-block-code-font-size: var(--htl-default-font-size);
+
+  --htl-custom-block-info-border: rgba(23, 23, 23, 0.5);
+  --htl-custom-block-info-text: #171717;
+  --htl-custom-block-info-bg: #d7eaf8;
+  --htl-custom-block-info-code-bg: var(--htl-c-gray-light-4);
+
+
+  --htl-custom-block-tip-border: var(--htl-c-green-dimm-1);
+  --htl-custom-block-tip-text: var(--htl-c-green-darker);
+  --htl-custom-block-tip-bg: var(--htl-c-green-dimm-3);
+  --htl-custom-block-tip-code-bg: var(--htl-custom-block-tip-bg);
+
+  --htl-custom-block-caution-border: var(--htl-c-yellow-dimm-1);
+  --htl-custom-block-caution-text: var(--htl-c-yellow-darker);
+  --htl-custom-block-caution-bg: var(--htl-c-yellow-dimm-3);
+  --htl-custom-block-caution-code-bg: var(--htl-custom-block-caution-bg);
+
+  --htl-custom-block-warning-border: var(--htl-c-red-dimm-1);
+  --htl-custom-block-warning-text: var(--htl-c-red-darker);
+  --htl-custom-block-warning-bg: var(--htl-c-red-dimm-3);
+  --htl-custom-block-warning-code-bg: var(--htl-custom-block-warning-bg);
+
+  --htl-custom-block-details-border: var(--htl-c-divider-light);
+  --htl-custom-block-details-text: var(--htl-c-text-2);
+  --htl-custom-block-details-bg: var(--htl-c-white-soft);
+  --htl-custom-block-details-code-bg: var(---htl-custom-block-details-bg);
+
+}
+
+
+body {
+  font-family: var(--htl-font-family-base);
+}
+
+p {
+  font-size: var(--htl-default-font-size);
+}
+
+li {
+  font-size: var(--htl-default-font-size);
+}
+
+
+/**
+  * Table
+  * -------------------------------------------------------------------------- */
+
+table {
+  display: block;
+  border-collapse: collapse;
+  margin: 20px 0;
+  font-size: var(--htl-default-font-size);
+  break-inside: avoid;
+  /* sets font-size for table and table rows/td/th etc*/
+}
+
+tr {
+  border-top: 1px solid var(--htl-c-divider);
+  transition: background-color 0.5s;
+}
+
+tr:nth-child(2n) {
+  background-color: var(--htl-c-bg-soft);
+}
+
+th,
+td {
+  border: 1px solid var(--htl-c-divider);
+  padding: 10px 14px;
+  vertical-align: top;
+}
+
+th {
+  font-size: var(--htl-default-font-size);
+  font-weight: 600;
+  background-color: var(--htl-c-white-soft);
+}
+
+.dark th {
+  background-color: var(--htl-c-black);
+}
+
+hr {
+  margin: 16px 0;
+  border: none;
+  border-top: 1px solid var(--htl-c-divider-light);
+}
+
+h1 {
+  margin-top: -10px;
+}
+
+img,
+svg {
+  display: inline-block;
+  max-height: 750px;
+  height: auto;
+  break-inside: avoid;
+}
+
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: none;
+}
+
+figure {
+  margin: 0;
+}
+
+img,
+video {
+  max-width: 100%;
+  max-height: 750px;
+  height: auto;
+  break-inside: avoid;
+}
+
+.after-bullets li:not(:last-child)::after {
+  content: "•";
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
+/* top nav bar */
+.nav-bar-nav-list {
+  margin-left: -39px;
+  margin-top: -20px;
+  align-items: stretch;
+  display: flex;
+  font-size: var(--htl-small-font-size);
+}
+
+.nav-bar-nav-list .nav-bar-item {
+  flex-shrink: 0;
+  align-items: center;
+  display: flex;
+  font-size: var(--htl-small-font-size);
+}
+
+
+.hdoc-alert {
+  border: 1px solid transparent;
+  border-radius: 8px;
+  padding: 16px 16px 8px;
+  line-height: 24px;
+  font-size: var(--htl-default-font-size);
+  color: var(--htl-c-text-2);
+  margin: 10px 0;
+  break-inside: avoid;
+}
+
+.hdoc-alert p {
+  margin: 8 0;
+}
+
+.hdoc-alert .hdoc-alert-title .bi {
+  margin-right: 5px;
+
+}
+
+.hdoc-alert .hdoc-alert-title {
+  font-weight: 700;
+  margin: 0;
+}
+
+.hdoc-alert.alert-icon-note {
+  border-color: var(--htl-custom-block-details-border);
+  color: var(--htl-custom-block-details-text);
+  background-color: var(--htl-custom-block-details-bg);
+}
+
+.hdoc-alert.alert-icon-note code {
+  background-color: var(--htl-custom-block-details-code-bg);
+}
+
+.hdoc-alert.alert-icon-tip {
+  border-color: var(--htl-custom-block-tip-border);
+  color: var(--htl-custom-block-tip-text);
+  background-color: var(--htl-custom-block-tip-bg);
+}
+
+.hdoc-alert.alert-icon-tip code {
+  background-color: var(--htl-custom-block-tip-code-bg);
+}
+
+.hdoc-alert.alert-icon-important {
+  border-color: var(--htl-custom-block-important-border);
+  color: var(--htl-custom-block-important-text);
+  background-color: var(--htl-custom-block-important-bg);
+}
+
+.hdoc-alert.alert-icon-important code {
+  background-color: var(--htl-custom-block-important-code-bg);
+}
+
+.hdoc-alert.alert-icon-info {
+  border-color: var(--htl-custom-block-info-border);
+  color: var(--htl-custom-block-info-text);
+  background-color: var(--htl-custom-block-info-bg);
+}
+
+.hdoc-alert.alert-icon-info code {
+  background-color: var(--htl-custom-block-info-code-bg);
+}
+
+.hdoc-alert.alert-icon-caution {
+  border-color: var(--htl-custom-block-caution-border);
+  color: var(--htl-custom-block-caution-text);
+  background-color: var(--htl-custom-block-caution-bg);
+}
+
+.hdoc-alert.alert-icon-caution code {
+  background-color: var(--htl-custom-block-caution-code-bg);
+}
+
+.hdoc-alert.alert-icon-warning {
+  border-color: var(--htl-custom-block-warning-border);
+  color: var(--htl-custom-block-warning-text);
+  background-color: var(--htl-custom-block-warning-bg);
+}
+
+.hdoc-alert.alert-icon-warning code {
+  background-color: var(--htl-custom-block-warning-code-bg);
+}
+
+
+/* HTL inline styles */
+.badge {
+  white-space: nowrap;
+  border-radius: 4px;
+  padding: 0.1rem 0.5rem;
+  font-size: 0.8em;
+  margin-right: 4px;
+  color: white;
+  font-weight: unset;
+}
+
+.badge:empty {
+  display: inline-block;
+}
+
+.badge:after {
+  border-radius: 4px;
+  padding: 0.05rem 0.25rem;
+}
+
+.badge.badge-schema:after {
+  /* MINT */
+  content: "Schema";
+  border: solid 1px #34bc9d;
+  background-color: #46cfb0;
+}
+
+.badge.badge-simple:after {
+  /* AQUA */
+  content: "Simple";
+  border: solid 1px #3bd0d6;
+  background-color: #4fc2e5;
+}
+
+.badge.badge-complex:after {
+  /* GRAPEFRUIT */
+  content: "Complex";
+  border: solid 1px #da4453;
+  background-color: #ed5565;
+  color: white;
+}
+
+.badge.badge-method:after {
+  /* BLUEJEANS */
+  content: "Method";
+  border: solid 1px #4b8ad5;
+  background-color: #5e96e6;
+  color: white;
+}
+
+.badge.badge-experimental:after {
+  content: "Experimental";
+  border: solid 1px #da4453;
+  background-color: #ed5565;
+}
+
+.badge.badge-production:after {
+  content: "In Production";
+  border: solid 1px #185e0f;
+  background-color: #3d9719;
+}
+
+.badge.badge-development:after {
+  content: "In Development";
+  border: solid 1px #4b8ad5;
+  background-color: #5e96e6;
+}
+
+.badge.badge-preliminary:after {
+  content: "Preliminary";
+  border: solid 1px #bdaa58;
+  background-color: #ddaf19;
+}
+
+.badge.badge-depreciated:after {
+  content: "Deprecated";
+  border: solid 1px #494949;
+  background-color: #666666;
+}
+
+.badge.badge-info:after {
+  content: "Info";
+  white-space: nowrap;
+  border: solid 1px rgb(48, 121, 0);
+  background-color: rgb(57, 150, 3);
+}
+
+.badge.badge-warn:after {
+  content: "Warning";
+  white-space: nowrap;
+  border: solid 1px rgb(173, 137, 19);
+  background-color: rgb(211, 168, 29);
+}
+
+.badge.badge-error:after {
+  content: "Error";
+  white-space: nowrap;
+  border: solid 1px rgb(121, 0, 0);
+  background-color: rgb(184, 0, 0);
+}
+
+.badge.badge-endpoint-internal:after {
+  content: "internal";
+  white-space: nowrap;
+  border: solid 1px #4A536B;
+  background-color: #4A536B;
+}
+
+.badge.badge-endpoint-api:after {
+  content: "api";
+  white-space: nowrap;
+  border: solid 1px #1194DE;
+  background-color: #1194DE;
+}
+
+.badge.badge-user-api:after {
+  content: "user";
+  white-space: nowrap;
+  border: solid 1px #51C17D;
+  background-color: #51C17D;
+}
+
+.badge.badge-portal-api:after {
+  content: "portal";
+  white-space: nowrap;
+  border: solid 1px #F18929;
+  background-color: #F18929;
+}
+
+.badge.badge-mobile-api:after {
+  content: "mobile";
+  white-space: nowrap;
+  border: solid 1px #C7004F;
+  background-color: #C7004F;
+}
+
+.badge.badge-integration-api:after {
+  content: "integration";
+  white-space: nowrap;
+  border: solid 1px #224187;
+  background-color: #224187;
+}
+
+.badge.badge-http-delete:after {
+  content: "DELETE";
+  white-space: nowrap;
+  border: solid 1px #C7004F;
+  background-color: #C7004F;
+}
+
+.badge.badge-http-get:after {
+  content: "GET";
+  white-space: nowrap;
+  border: solid 1px rgb(12, 139, 63);
+  background-color: rgb(12, 139, 63);
+}
+
+.badge.badge-http-head:after {
+  content: "HEAD";
+  white-space: nowrap;
+  border: solid 1px #51C17D;
+  background-color: #51C17D;
+}
+
+.badge.badge-http-options:after {
+  content: "OPTIONS";
+  white-space: nowrap;
+  border: solid 1px rgb(158, 28, 167);
+  background-color: rgb(158, 28, 167);
+}
+
+.badge.badge-http-patch:after {
+  content: "PATCH";
+  white-space: nowrap;
+  border: solid 1px #58178c;
+  background-color: #58178c;
+}
+
+.badge.badge-http-post:after {
+  content: "POST";
+  white-space: nowrap;
+  border: solid 1px #F18229;
+  background-color: #F18229;
+}
+
+.badge.badge-http-put:after {
+  content: "PUT";
+  white-space: nowrap;
+  border: solid 1px #1194DE;
+  background-color: #1194DE;
+}
+
+.badge.badge-rest:after {
+  content: "REST";
+  white-space: nowrap;
+  border: solid 1px #00B0E9;
+  background-color: #00B0E9;
+}
+
+.badge.badge-rpc:after {
+  content: "RPC";
+  white-space: nowrap;
+  border: solid 1px #4A536B;
+  background-color: #4A536B;
+}
+
+code {
+  font-size: 0.9em;
+}
+
+/* From Bootstrap 5, text color decorations */
+.text-primary {
+  color: #0d6efd !important;
+}
+
+.text-secondary {
+  color: #6c757d !important;
+}
+
+.text-success {
+  color: #198754 !important;
+}
+
+.text-info {
+  color: #0dcaf0 !important;
+}
+
+.text-warning {
+  color: #ffc107 !important;
+}
+
+.text-danger {
+  color: #dc3545 !important;
+}
+
+.text-light {
+  color: #f8f9fa !important;
+}
+
+.text-dark {
+  color: #212529 !important;
 }