custom.css

/**
 * Copyright (c) 2017-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */

:root {
  /* Primary Colors */
  --ifm-color-primary: #00c0e8;
  --ifm-color-primary-dark: #00add1;
  --ifm-color-primary-darker: #00a3c5;
  --ifm-color-primary-darkest: #0086a2;
  --ifm-color-primary-light: #00d3ff;
  --ifm-color-primary-lighter: #0cd5ff;
  --ifm-color-primary-lightest: #2fdbff;
  /* Status Colors */
  --ifm-color-info: #00c0e8;
  --ifm-color-success: #00cc66;
  --ifm-color-warning: #ffcb06;
  --ifm-color-danger: #fa582d;
  /* Secondary Colors */
  --ifm-color-secondary: #768ba1;
  --ifm-color-secondary-dark: #667d95;
  --ifm-color-secondary-darker: #61768d;
  --ifm-color-secondary-darkest: #4f6174;
  --ifm-color-secondary-light: #8799ac;
  --ifm-color-secondary-lighter: #8fa0b2;
  --ifm-color-secondary-lightest: #a8b5c3;
  --ifm-navbar-search-input-color: var(--ifm-color-gray-900);
  --ifm-font-size-base: 95%;
  --ifm-code-font-size: 90%;
  --ifm-font-family-base: "Montserrat", sans-serif, "Font Awesome 5 Free";
  --ifm-font-family-monospace: "Roboto Mono", monospace;
  --ifm-hero-color: #daf0f6;
  --ifm-color-gray-switch: var(--ifm-color-gray-100);
  /* Tables */
  /* --ifm-table-stripe-background: var(--ifm-background-color); */
  --ifm-table-border-width: 0px;

  --ifm-blockquote-background-color: var(--ifm-background-color);
  --ifm-version-background: #fff;
}

/* Dark mode overrides */
html[data-theme="dark"] {
  --ifm-color-emphasis-100: var(--ifm-color-gray-900);
  --ifm-color-emphasis-200: var(--ifm-color-gray-800);
  --ifm-color-emphasis-300: var(--ifm-color-gray-700);
  --ifm-color-emphasis-400: var(--ifm-color-gray-600);
  --ifm-color-emphasis-500: var(--ifm-color-gray-500);
  --ifm-color-emphasis-600: var(--ifm-color-gray-400);
  --ifm-color-emphasis-700: var(--ifm-color-gray-300);
  --ifm-color-emphasis-800: var(--ifm-color-gray-200);
  --ifm-color-emphasis-900: var(--ifm-color-gray-100);

  --ifm-background-color: #121212;
  --ifm-background-surface-color: #1e2125;

  --ifm-color-content-secondary: rgba(255, 255, 255, 1);

  --ifm-heading-color: #fff !important;

  /* Mardown color in dark mode */
  --ifm-color-gray-800: var(--ifm-color-gray-300);

  --ifm-code-background: #393939 !important;

  --ifm-hero-color: var(--ifm-color-gray-600);

  --ifm-color-gray-switch: var(--ifm-color-gray-300);

  --ifm-blockquote-background-color: var(--ifm-background-color);

  --ifm-version-background: var(--ifm-background-color);
}

.footer--dark {
  --ifm-footer-background-color: var(--ifm-color-gray-600);
  color: white;
}

.footer--dark a {
  color: white;
}

.footer--dark a:hover {
  color: white;
}

/* Tables */
.markdown table {
  table-layout: fixed;
  width: 100%;
}

.markdown tr {
  border-bottom: 1px solid var(--ifm-color-secondary) !important;
}

.markdown td {
  width: 25%;
}

.markdown th {
  text-align: left;
}

/* Center all columns in main wrapper */
.main-wrapper {
  max-width: 1400px;
  width: 1400px;
  align-self: center;
}

.main-wrapper h1[class^="docTitle"] {
  font-size: 2.8rem;
}

@media (max-width: 1416px) {
  .main-wrapper {
    max-width: 100%;
    width: 100%;
  }
}

@media (max-width: 1320px) and (min-width: 997px) {
  .container {
    max-width: calc(
      var(--ifm-container-width) - 125px - var(--ifm-spacing-horizontal) * 2
    );
  }
}

/* Center navbar items */
.navbar__inner {
  max-width: 1360px;
  margin: 0 auto;
}

/* Force homepage to full width */
.homepage {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  background-color: #303846;
}

/* Docs overrides */
.markdown p {
  color: var(--ifm-color-gray-800);
}

blockquote {
  border-left: 10px solid var(--ifm-color-primary) !important;
  border-top: 1px solid var(--ifm-color-primary) !important;
}

/* Dropdown menu overrides */
.dropdown .dropdown__menu {
  min-width: 14rem !important;
}

/* Highlight code lines */
.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}

.navbar__link {
  pointer-events: auto !important;
}

.card {
  margin-bottom: 2rem !important;
  height: 100% !important;
}

.cardImage {
  height: 8rem;
  width: auto;
  padding: 1rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.cardBody {
  text-align: center;
}

.container {
  margin-top: 1rem;
  max-width: 1400px;
}

pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* GitHub Header Link */
.header-github-link:hover {
  opacity: 0.6;
}

.header-github-link:before {
  content: "";
  width: 24px;
  height: 24px;
  display: flex;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
    no-repeat;
}

html[data-theme="dark"] .header-github-link:before {
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
    no-repeat;
}

.footer {
  padding: 1rem;
}

/* Dropdown override */
.navbar__link:after {
  display: none !important;
}

.no_dropdown:after {
  display: none !important;
}

@media (max-width: 380px) {
  .navbar__logo {
    content: url("/img/prismafavicon.png") !important;
  }
}

/* Redocusaurus overrides follow */

.redocusaurus table {
  table-layout: unset !important;
  width: unset !important;
}

.redocusaurus tr {
  border-bottom: unset !important;
}

.redocusaurus td {
  width: unset !important;
  border-bottom: unset !important;
}

.redocusaurus th {
  text-align: unset !important;
  width: unset !important;
}

/* Override ReDoc code block colors */
.redocusaurus .boolean {
  color: var(--ifm-color-danger) !important;
}

.redocusaurus .number {
  color: var(--ifm-color-info) !important;
}

/* Corrects colors in redoc JSON samples */
.redocusaurus code {
  color: white !important;
  background-color: rgb(41, 45, 62) !important;
}

.redocusaurus pre {
  background-color: rgb(41, 45, 62) !important;
}

html[data-theme="dark"] .redocusaurus .react-tabs__tab--selected {
  background: var(--ifm-color-primary) !important;
  color: var(--ifm-font-color-base) !important;
}

.redocusaurus .react-tabs__tab--selected {
  background: var(--ifm-color-primary) !important;
  color: #fff !important;
}

.redocusaurus .react-tabs__tab {
  background: var(--ifm-color-default);
}

.redocusaurus .react-tabs__tab-panel {
  background: rgb(41, 45, 62);
}

.redocusaurus .react-tabs__tab-panel--selected {
  padding-top: 16px;
}

/* Override button font size */
.redocusaurus .react-tabs__tab-panel button {
  font-size: 12px !important;
}

.redocusaurus table td {
  padding: var(--ifm-table-cell-padding) !important;
}

.redocusaurus h2,
h3,
h4 {
  color: var(--ifm-font-color-base) !important;
}

.redocusaurus h5 {
  color: var(--ifm-font-color-secondary) !important;
}

.redocusaurus h5 > span {
  color: var(--ifm-font-color-secondary) !important;
}

html[data-theme="dark"] .redocusaurus tr {
  background-color: transparent !important;
}

/* Hide mobile ReDoc menu button */
.redocusaurus .redoc-wrap > div:nth-child(2) {
  /* top: 100px; */
  display: none !important;
}

/* Change bg-color of mobile menu button */
html[data-theme="dark"] .redocusaurus .redoc-wrap > div:nth-child(2) {
  background-color: rgb(41, 45, 62);
}

/* Force response text to wrap */
.redocusaurus button > svg > polygon {
  fill: var(--ifm-color-primary) !important;
}

.redocusaurus button > svg {
  height: 1.5rem !important;
  width: 1.5rem !important;
}

.redocusaurus button {
  overflow-wrap: anywhere !important;
}

/* Force smooth scrolling */
.redocusaurus {
  scroll-behavior: smooth !important;
}

/* Smaller menu-content font */
.redocusaurus .menu-content {
  font-size: small !important;
}

/* Expanded sidebar menu by default */
.redocusaurus .menu-content ul {
  display: inline-block !important;
}

.redocusaurus .redoc-wrap {
  border-bottom: 1px solid var(--ifm-toc-border-color);
}

/* ------ Headings Overrides ------- */

.redocusaurus h2,
h3,
h4 {
  color: var(--ifm-font-color-base);
}

.redocusaurus h5 {
  color: var(--ifm-font-color-secondary) !important;
}

.redocusaurus h5 > span {
  color: var(--ifm-font-color-secondary) !important;
}

/* Hide Logo as already in navbar*/
.redocusaurus .menu-content div:first-child {
  display: none;
}

.redocusaurus .operation-type {
  margin-top: 6px;
  font-size: 8px;
}

/* ------- Right Panel Overrides ------- */

.redocusaurus code {
  color: var(--ifm-color-emphasis-100);
  padding: 0px;
  /* Fix weird overlay on curly braces */
  background-color: transparent;
}

html[data-theme="dark"] .redocusaurus code {
  color: var(--ifm-color-emphasis-900);
}

.redocusaurus
  ul
  > li.react-tabs__tab--selected:not(.tab-error):not(.tab-success) {
  color: #303846 !important;
}

/* Background of server selection dropdown */
html[data-theme="dark"]
  .redocusaurus
  div[id^="operation"]
  > div
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(2) {
  color: var(--ifm-font-color-secondary);
}

html[data-theme="dark"]
  .redocusaurus
  div[id^="operation"]
  > div
  > div:nth-child(2)
  > div:nth-child(1)
  > div:nth-child(2)
  > div
  > div:nth-child(2)
  > div {
  background-color: var(--ifm-background-color);
}

.redocusaurus .react-tabs__tab-panel {
  background-color: transparent;
}
/* Padding above Response Samples heading */
.redocusaurus .react-tabs__tab-panel--selected {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: rgb(41, 45, 62) !important;
}

/* Code Samples */
html:not([data-theme="dark"])
  .redocusaurus
  div[id^="react-tabs"]
  > div:nth-child(1)
  > pre:nth-child(2) {
  background-color: var(--ifm-background-color);
}

/* ------ Schema Styling Overrides ------- */

.redocusaurus table th,
table td {
  border: none;
}

.redocusaurus table:not(.security-details) td {
  border-bottom: none !important;
}

.redocusaurus table.security-details > tbody > tr {
  color: var(--ifm-font-color);
}

.redocusaurus table.security-details tr {
  background-color: var(--ifm-background-color);
}

[id^="operation"] {
  scroll-margin-top: 60px;
}

.redocusaurus .react-tabs__tab-list {
  margin-bottom: 0.1rem;
}

.redocusaurus .react-tabs__tab {
  color: var(--ifm-font-color-base);
}

.menu
  > .menu__list
  > .menu__list-item
  > .menu__list-item-collapsible
  > .menu__link {
  font-weight: bolder;
}

.menu > .menu__list > .menu__list-item > .menu__link {
  font-weight: bolder;
}

/* Homepage features */
.featuredContainer {
  width: 100%;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 1;
  background-color: #fff;
}

html[data-theme="dark"] .featuredContainer {
  background-color: #303846;
}

/* Homepage tools */
.toolsContainer {
  background-color: #303846;
  width: 100%;
  height: 200%;
  display: flex;
  padding-left: 1rem;
  padding-right: 1rem;
  flex: 1;
}

.centRow {
  justify-content: center;
}

/* Algolia Search */
.DocSearch-Button-Placeholder:after {
  content: " Prisma Docs" !important;
}

.menu--responsive .menu__button {
  bottom: 0 !important;
}

.menu__link.get:after {
  content: "get";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: -6px;
  padding: 3px 6px;
  border: 1px solid var(--ifm-color-primary);
  border-radius: 3px;
  color: var(--ifm-color-primary);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  font-weight: 600;
}

.menu__link.post:after {
  content: "post";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: -6px;
  padding: 3px 6px;
  border: 1px solid var(--ifm-color-warning);
  border-radius: 3px;
  color: var(--ifm-color-warning);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  font-weight: 600;
}

.menu__link.delete:after {
  content: "delete";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: -6px;
  padding: 3px 6px;
  border: 1px solid var(--ifm-color-danger);
  border-radius: 3px;
  color: var(--ifm-color-danger);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  font-weight: 600;
}

.menu__link.patch:after {
  content: "patch";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: -6px;
  padding: 3px 6px;
  border: 1px solid var(--ifm-color-warning);
  border-radius: 3px;
  color: var(--ifm-color-warning);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  font-weight: 600;
}

.menu__link.put:after {
  content: "put";
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: -6px;
  padding: 3px 6px;
  border: 1px solid var(--ifm-color-warning);
  border-radius: 3px;
  color: var(--ifm-color-warning);
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  height: 10px;
  font-weight: 600;
}

.button--version {
  margin-bottom: 0 !important;
}

/* Medium Header Link */
.header-medium-link:hover {
  opacity: 0.6;
}

.header-medium-link:before {
  content: "\f23a";
  font-family: "Font Awesome 5 Brands";
  font-size: x-large;
}

/* Add logos to the products menus */
/* Site dropdown menu */
.strataItem {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.strataItem::before {
  content: "";
  background-image: url("/img/strata_favicon.png");
  background-size: 100% 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  margin-right: 10px;
}

.strataItem::after {
  display: none !important;
}

.cortexItem {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.cortexItem::before {
  content: "";
  background-image: url("/img/cortexfavicon.png");
  background-size: 100% 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  margin-right: 10px;
}

.cortexItem::after {
  display: none !important;
}

.xsoarItem {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.xsoarItem::before {
  content: "";
  background-image: url("/img/Cortex-XSOAR-product-green.svg");
  background-size: 100% 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  margin-right: 10px;
}

.xsoarItem::after {
  display: none !important;
}

.prismaItem {
  font-weight: bold;
  display: flex;
  align-items: center;
}

.prismaItem::before {
  content: "";
  background-image: url("/img/prismafavicon.png");
  background-size: 100% 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  position: relative;
  margin-right: 10px;
}

.prismaItem::after {
  display: none !important;
}

.section__docs {
  font-weight: bolder;
  cursor: inherit;
  background-color: transparent !important;
  border-radius: 0;
  border-bottom: 1px solid var(--ifm-color-emphasis-400);
}