jupyterlab/packages/rendermime/style/index.css

/*-----------------------------------------------------------------------------
| Copyright (c) Jupyter Development Team.
| Distributed under the terms of the Modified BSD License.
|----------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------
| RenderedText
|----------------------------------------------------------------------------*/


.jp-RenderedText {
  text-align: left;
  padding-left: var(--jp-code-padding);
  font-size: var(--jp-code-font-size);
  line-height: var(--jp-code-line-height);
}


.jp-RenderedText pre,
.jp-RenderedHTMLCommon pre {
  border: none;
  margin: 0px;
  padding: 0px;
  overflow-x: auto;
  overflow-y: auto;
}

/* ansi_up creates classed spans for console foregrounds and backgrounds. */
.jp-RenderedText pre .ansi-black-fg { color: #3E424D; }
.jp-RenderedText pre .ansi-red-fg { color: #E75C58; }
.jp-RenderedText pre .ansi-green-fg { color: #00A250; }
.jp-RenderedText pre .ansi-yellow-fg { color: #DDB62B; }
.jp-RenderedText pre .ansi-blue-fg { color: #208FFB; }
.jp-RenderedText pre .ansi-magenta-fg { color: #D160C4; }
.jp-RenderedText pre .ansi-cyan-fg { color: #60C6C8; }
.jp-RenderedText pre .ansi-white-fg { color: #C5C1B4; }

.jp-RenderedText pre .ansi-black-bg { background-color: #3E424D; }
.jp-RenderedText pre .ansi-red-bg { background-color: #E75C58; }
.jp-RenderedText pre .ansi-green-bg { background-color: #00A250; }
.jp-RenderedText pre .ansi-yellow-bg { background-color: #DDB62B; }
.jp-RenderedText pre .ansi-blue-bg { background-color: #208FFB; }
.jp-RenderedText pre .ansi-magenta-bg { background-color: #D160C4; }
.jp-RenderedText pre .ansi-cyan-bg { background-color: #60C6C8; }
.jp-RenderedText pre .ansi-white-bg { background-color: #C5C1B4; }

.jp-RenderedText pre .ansi-bright-black-fg { color: #282C36; }
.jp-RenderedText pre .ansi-bright-red-fg { color: #B22B31; }
.jp-RenderedText pre .ansi-bright-green-fg { color: #007427; }
.jp-RenderedText pre .ansi-bright-yellow-fg { color: #B27D12; }
.jp-RenderedText pre .ansi-bright-blue-fg { color: #0065CA; }
.jp-RenderedText pre .ansi-bright-magenta-fg { color: #A03196; }
.jp-RenderedText pre .ansi-bright-cyan-fg { color: #258F8F; }
.jp-RenderedText pre .ansi-bright-white-fg { color: #A1A6B2; }

.jp-RenderedText pre .ansi-bright-black-bg { background-color: #282C36; }
.jp-RenderedText pre .ansi-bright-red-bg { background-color: #B22B31; }
.jp-RenderedText pre .ansi-bright-green-bg { background-color: #007427; }
.jp-RenderedText pre .ansi-bright-yellow-bg { background-color: #B27D12; }
.jp-RenderedText pre .ansi-bright-blue-bg { background-color: #0065CA; }
.jp-RenderedText pre .ansi-bright-magenta-bg { background-color: #A03196; }
.jp-RenderedText pre .ansi-bright-cyan-bg { background-color: #258F8F; }
.jp-RenderedText pre .ansi-bright-white-bg { background-color: #A1A6B2; }


.jp-RenderedText[data-mime-type="application/vnd.jupyter.stderr"],
.jp-RenderedJavaScript {
  background: #fdd;
}


/*-----------------------------------------------------------------------------
| RenderedLatex
|----------------------------------------------------------------------------*/


.jp-RenderedLatex {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-content-font-size);
  line-height: var(--jp-content-line-height);
}


/*-----------------------------------------------------------------------------
| RenderedHTML
|----------------------------------------------------------------------------*/


.jp-RenderedHTMLCommon {
  color: var(--jp-content-font-color1);
  font-size: var(--jp-content-font-size);
  line-height: var(--jp-content-line-height);
}


.jp-RenderedHTMLCommon .MathJax_Display {
  margin: 0;
}


.jp-RenderedHTMLCommon em {
  font-style: italic;
}


.jp-RenderedHTMLCommon strong {
  font-weight: bold;
}


.jp-RenderedHTMLCommon u {
  text-decoration: underline;
}


.jp-RenderedHTMLCommon:link {
  text-decoration: underline;
}


.jp-RenderedHTMLCommon:visited {
  text-decoration: underline;
}

/*For a 14px base font size this goes as:
font-size = 26, 22, 18, 14, 12, 12
margin-top = 14, 14, 14, 14, 8, 8
*/

.jp-RenderedHTMLCommon h1 {
  font-size: 185.7%;
  margin: 1.08em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}


.jp-RenderedHTMLCommon h2 {
  font-size: 157.1%;
  margin: 1.27em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}


.jp-RenderedHTMLCommon h3 {
  font-size: 128.6%;
  margin: 1.55em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}


.jp-RenderedHTMLCommon h4 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
}


.jp-RenderedHTMLCommon h5 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}


.jp-RenderedHTMLCommon h6 {
  font-size: 100%;
  margin: 2em 0 0 0;
  font-weight: bold;
  line-height: 1.0;
  font-style: italic;
}


.jp-RenderedHTMLCommon h1:first-child {
  margin-top: 0.538em;
}


.jp-RenderedHTMLCommon h2:first-child {
  margin-top: 0.636em;
}


.jp-RenderedHTMLCommon h3:first-child {
  margin-top: 0.777em;
}


.jp-RenderedHTMLCommon h4:first-child {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon h5:first-child {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon h6:first-child {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon ul:not(.list-inline),
.jp-RenderedHTMLCommon ol:not(.list-inline) {
  padding-left: 2em;
}


.jp-RenderedHTMLCommon ul {
  list-style: disc;
}


.jp-RenderedHTMLCommon ul ul {
  list-style: square;
}


.jp-RenderedHTMLCommon ul ul ul {
  list-style: circle;
}


.jp-RenderedHTMLCommon ol {
  list-style: decimal;
}


.jp-RenderedHTMLCommon ol ol {
  list-style: upper-alpha;
}


.jp-RenderedHTMLCommon ol ol ol {
  list-style: lower-alpha;
}


.jp-RenderedHTMLCommon ol ol ol ol {
  list-style: lower-roman;
}


.jp-RenderedHTMLCommon ol ol ol ol ol {
  list-style: decimal;
}


.jp-RenderedHTMLCommon * + ol,
.jp-RenderedHTMLCommon * + ul {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon ul * + ul,
.jp-RenderedHTMLCommon ul * + ol,
.jp-RenderedHTMLCommon ol * + ul,
.jp-RenderedHTMLCommon ol * + ol {
  margin-top: 0em;
}


.jp-RenderedHTMLCommon hr {
  color: var(--jp-border-color1);
  background-color: var(--jp-border-color1);
  margin-top: 1em;
  margin-bottom: 1em;
}


.jp-RenderedHTMLCommon pre {
  margin: 1em 2em;
}


.jp-RenderedHTMLCommon pre,
.jp-RenderedHTMLCommon code {
  border: 0;
  background-color: var(--jp-layout-color1);
  color: var(--jp-content-font-color1);
  font-size: 100%;
  padding: 0px;
}


.jp-RenderedHTMLCommon table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--jp-ui-font-color1);
  font-size: 12px;
  table-layout: fixed;
  margin-left: auto;
  margin-right: auto;
}


.jp-RenderedHTMLCommon thead {
  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
  vertical-align: bottom;
}


.jp-RenderedHTMLCommon td,
.jp-RenderedHTMLCommon th {
  text-align: right;
  vertical-align: middle;
  padding: 0.5em 0.5em;
  line-height: normal;
  white-space: normal;
  max-width: none;
  border: none;
}


.jp-RenderedMarkdown.jp-RenderedHTMLCommon td,
.jp-RenderedMarkdown.jp-RenderedHTMLCommon th {
  max-width: none;
}


.jp-RenderedHTMLCommon th {
  font-weight: bold;
}


.jp-RenderedHTMLCommon tbody tr:nth-child(odd) {
  background: var(--md-grey-100);
}


.jp-RenderedHTMLCommon tbody tr:hover {
  background: var(--md-light-blue-50);
}


.jp-RenderedHTMLCommon * + table {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon p {
  text-align: left;
  margin: 0px;
}


.jp-RenderedHTMLCommon * + p {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.jp-RenderedHTMLCommon * + img {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon img,
.jp-RenderedImage img,
.jp-RenderedHTMLCommon svg,
.jp-RenderedSVG svg {
  max-width: 100%;
  height: auto;
}


.jp-RenderedHTMLCommon img.jp-mod-unconfined,
.jp-RenderedImage img.jp-mod-unconfined,
.jp-RenderedHTMLCommon svg.jp-mod-unconfined,
.jp-RenderedSVG svg.jp-mod-unconfined {
  max-width: none;
}


.jp-RenderedHTMLCommon .alert {
  margin-bottom: initial;
}


.jp-RenderedHTMLCommon * + .alert {
  margin-top: 1em;
}


.jp-RenderedHTMLCommon blockquote {
  margin: 1em 2em;
  padding: 0 1em;
  border-left: 5px solid var(--jp-border-color2);
}

a.jp-InternalAnchorLink {
  visibility: hidden;
  margin-left: 8px;
  color: var(--md-blue-800);
}

h1:hover .jp-InternalAnchorLink,
h2:hover .jp-InternalAnchorLink,
h3:hover .jp-InternalAnchorLink,
h4:hover .jp-InternalAnchorLink,
h5:hover .jp-InternalAnchorLink,
h6:hover .jp-InternalAnchorLink {
  visibility: visible;
}



/*-----------------------------------------------------------------------------
| RenderedPDF
|----------------------------------------------------------------------------*/

.jp-RenderedPDF {
  font-size: var(--jp-ui-font-size1);
}