
code {
  font-size: 100%
}

/*pre.bash {
	color: lightgrey;
	background-color: #54626a;
	text-shadow: 0 0 0.5px white;
	font-size: 100%;
	xpadding: 6px;
	xborder-radius: 6px
}*/

pre {
  white-space: pre-wrap;
  margin-bottom: 0;
}

code span.al { color: #ff0000; font-weight: bold; } /* Alert */
code span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code span.at { color: #7d9029; } /* Attribute */
code span.bn { color: #40a070; } /* BaseN */
code span.bu { } /* BuiltIn */
code span.cf { color: CORAL; font-weight: bold; } /* ControlFlow */
code span.ch { color: #4070a0; } /* Char */
code span.cn { color: #880000; } /* Constant */
code span.co { color: #60a0b0; font-style: italic; } /* Comment */
code span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code span.do { color: #ba2121; font-style: italic; } /* Documentation */
code span.dt { color: #902000; } /* DataType */
code span.dv { color: #40a070; } /* DecVal */
code span.er { color: #ff0000; font-weight: bold; } /* Error */
code span.ex { } /* Extension */
code span.fl { color: #40a070; } /* Float */
code span.fu { color: #06287e; } /* Function */
code span.im { } /* Import */
code span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
code span.kw { color: #FF1493; font-weight: bold; } /* Keyword */
code span.op { color: MEDIUMSEAGREEN; } /* Operator */
code span.ot { color: #007020; } /* Other */
code span.pp { color: #bc7a00; } /* Preprocessor */
code span.sc { color: #4070a0; } /* SpecialChar */
code span.ss { color: #bb6688; } /* SpecialString */
code span.st { color: MEDIUMSLATEBLUE; } /* String */
code span.va { color: #19177c; } /* Variable */
code span.vs { color: #4070a0; } /* VerbatimString */
code span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */

code.bash span.fu { color: #a5bdfc; } /* Function */

div.source-code-frame {
  border-radius: 4px;
  border: 1px solid #ddd;
  padding: 8px;
  position:relative;
}
div.source-code-name {
  position: absolute;
  top: 0;
  left: 0;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: bold;
  background-color: #f5f5f5;
  x:#f5f5f5;
  color: #9da0a4;
  border-radius: 4px 0 4px 0;
}
button.copy-button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 8px;
  font-size: 12px;
  background: none;
  color: #bbbbbb;
  border: 0px;
  xborder-radius: 0 4px 0 4px;
}
button.copy-button:hover {
  color: #444444;
}