Custom CSS for Jupyter Notebook

.jupyter-custom-custom.css

/* ################################

custom.css written below 2018/08/12

################################ */

/* change markdown inline code style */
.rendered_html code {
  background-color: #d5eaff;
  margin: 0px 2px;
  font-family: monaco;
  border: solid 0.5px white;
  box-sizing: border-box;
}
/* change markdown code snipet style */
.rendered_html pre code {
  background-color: #f7f7f7;
  font-family: monaco;
}
/* change markdown code snipet wrapper style */
.rendered_html pre {
  margin: 1em 2em;
  padding: 0px;
  background-color: #f7f7f7;
  border-left: solid 5px #d5eaff;
  padding-left: 5px;
}
/* pull down the position of result output area */
.output {
  margin-top: 5px;
}
/* change output area style */
div.output_text {
  text-align: left;
  color: #000;
  line-height: 1.21429em;
  border: solid .5px #2af8ff4d;
  border-left: solid 3px #2af8ff4d;
}
/* decreace the minimam space size of left side of html area and output area */
.prompt {
  min-width: 11ex;
}
/* change font of code input area */
.CodeMirror-code {
    outline: none;
    font-family: monaco;
}