[근무일지] 주피터 노트북 커스텀 css 조정

---

 

 jupyter notebook - custom csss 조정

▼

custom.css

0.00MB

 

---

Sample

▼

---

Code

▼

#
.notebook_app > #header {
  box-shadow: 0px 0px 12px 1px rgba(87, 87, 87, 0.5);
}

.container {
  width: 1200px;
  max-width: 1200px;
}

div.CodeMirror,
div.CodeMirror pre { /*코드 블록*/
 font-family: D2Coding, Consolas;
 font-size: 17px;
 font-weight : 550;
 line-height: 140%;오후 3:33 2021-07-09
}

.text_cell_render { /*마크다운*/
 font-family: Roboto;
 font-size: 16px;
 font-weight : 500;
 line-height : 160%;
 }
 
.input_prompt { /*줄번호*/
 font-family: D2Coding, Consolas;
}

.output_result pre { /*출력결과-맨마지막 출력*/
 font-family: D2Coding, Consolas;
}
 
.output_stdout pre { /*출력결과-긴출력, 중간출력*/
 font-family: D2Coding, Consolas;
}
 
.output_area { 
 font-family: D2Coding, Consolas;
}

.dataframe { /* dataframe atau table */
    background: white;
    box-shadow: 0px 1px 2px #bbb;
}

.dataframe thead th, .dataframe tbody td {
    text-align: center;
    padding: 1em;
}

div.code_cell .CodeMirror,
.cm-s-default .cm-comment,
.prompt,
code,
kbd,
pre,
samp {
  font-family:  D2Coding, "Liberation Mono", Menlo, Courier, monospace;
}


/* CodeMirror-code */
.CodeMirror-code{
  padding-left: 0px;
}


/* line-number */
.CodeMirror-gutter{
    background-color: #DBE2EF;	
}

.CodeMirror-linenumber {
    color: #355C7D;	
    font-size: 16px;
}


/* input cell */
.input{
  padding: 5px 10px 0 0;
}

div.input_area {
  border-radius: 5px;
  background-color: transparent;
  box-shadow: 0 0, inset 0 0 0 1px #eee;
  border-color : #0F4C75;
}

/* output cell */
.output{
  padding: 10px 10px 0 0;
}

div.output_subarea {
  border-radius: 5px;
  padding: 10px;
  padding-left: 0px;
}

div.output_text {
  line-height: inherit;
  font-size: 16px;
  padding-left: 15px;
}

div.output_scroll {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.8);
}

/* transition */
div.cell {
    transition: all 0.02s;
    border: none;
    position: relative;
    top: 0;
}
div.cell.selected, div.cell.selected.jupyter-soft-selected {
    border-radius: 5px;
    background-color: transparent;
    box-shadow: 0 4px 8px #ccc;
    z-index: 1;
    top: -1px;
}

/* dataframe */

.rendered_html table,
.rendered_html tr,
.rendered_html td {
  border: 1px #333 solid;
  font-size: 16px;
}

.dataframe th{
    background:#A2D5F2; 
    font-weight: 400;
    font-size: 16px;
    border: 1px solid white; 
}


/* mixed cells */

/* cell toolbar */

.celltoolbar {
  border: none;
  background: transparent;
}
.ctb_global_show .ctb_show ~ div.text_cell_render {
  border: none;
}​