Skip to content

Instantly share code, notes, and snippets.

@eduardojvieira
Last active December 1, 2017 18:19
Show Gist options
  • Save eduardojvieira/16ce0564eca68ee0899bd513414538fb to your computer and use it in GitHub Desktop.
Save eduardojvieira/16ce0564eca68ee0899bd513414538fb to your computer and use it in GitHub Desktop.
.fa, .file_icon:before, .folder_icon:before, .notebook_icon:before, i.fa.fa-folder, i.fa.fa-icon {
-moz-osx-font-smoothing: grayscale;
text-rendering: auto
}
a, body, div.body {
font-family: Lato, sans-serif;
color: #303030
}
.cell pre, .outputs>div, .pagers {
word-wrap: break-word
}
@font-face {
font-family: OperatorMono;
font-weight: 400;
font-style: normal;
font-variant-ligatures: initial;
src: local('"OperatorMono"'), url(fonts/OperatorMono-Medium.otf)
}
@font-face {
font-family: OperatorMono-italic;
font-weight: 400;
font-style: normal;
font-variant-ligatures: initial;
src: local('"OperatorMono-italic"'), url(fonts/OperatorMono-MediumItalic.otf)
}
@font-face {
font-family: "EB Garamond";
font-weight: 400;
font-style: normal;
src: local('"EB Garamond"'), url(fonts/EBGaramond-Regular.ttf) format('truetype')
}
@font-face {
font-family: Lato;
font-weight: 400;
font-style: normal;
src: local('"Lato"'), url(fonts/Lato-Regular.ttf) format('truetype')
}
div#notebook {
line-height: 120%;
color: #303030
}
body, div.body {
font-size: 11pt;
background: #fff
}
body.notebook_app {
padding: 0;
background: #fff;
padding-right: 0!important;
overflow-y: hidden
}
a:focus, a:hover {
color: #2f2f2f
}
.list_header, div#notebook_list_header.row.list_header {
font-size: 14pt;
color: #2f2f2f;
background-color: transparent;
height: 35px
}
i.fa.fa-folder {
display: inline-block;
font: normal normal normal 14px FontAwesome;
font-family: FontAwesome!important;
font-size: 18px
}
#running .panel-group .panel .panel-heading {
font-size: 14pt;
color: #303030;
padding: 8px;
background: #e4e4e4
}
#running .panel-group .panel .panel-heading a, #running .panel-group .panel .panel-heading a:focus, #running .panel-group .panel .panel-heading a:hover {
font-size: 14pt;
color: #303030
}
#running .panel-group .panel .panel-body .list_container .list_item {
background: #f4f4f4;
padding: 2px;
border-bottom: 2px solid #dedede
}
#running .panel-group .panel .panel-body .list_container .list_item:hover {
background: #f4f4f4
}
#running .panel-group .panel .panel-body {
padding: 2px
}
button#refresh_cluster_list {
border: none!important
}
div.running_list_info.toolbar_info {
font-size: 15px;
padding: 4px 0;
margin-top: 5px;
margin-bottom: 8px;
height: 24px;
line-height: 24px;
text-shadow: none
}
.list_placeholder {
font-weight: 400
}
#tree-selector {
padding: 0;
border-color: transparent
}
.fa-folder:before {
color: #126dce
}
.fa-arrow-down:before, .fa-arrow-up:before {
font-size: 14px
}
.folder_icon:before, .notebook_icon:before {
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
font-size: inherit;
-webkit-font-smoothing: antialiased
}
.folder_icon:before {
content: "\f07b";
color: #126dce
}
.notebook_icon:before {
content: "\f02d";
position: relative;
color: #009e07!important;
top: 0
}
.file_icon:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
-webkit-font-smoothing: antialiased;
content: "\f15b";
position: relative;
top: 0;
color: #6a737d!important
}
#project_name a {
display: inline-flex;
padding-left: 7px;
margin-left: -2px;
text-align: -webkit-auto;
vertical-align: baseline;
font-size: 18px
}
div#notebook_toolbar div.dynamic-instructions {
font-family: Lato, sans-serif;
font-size: 17px;
color: #828892
}
body>#header #header-container {
padding-bottom: 0;
padding-top: 4px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
body>#header {
background: #fff;
position: relative;
z-index: 100
}
.list_container {
font-size: 11pt;
color: #303030;
border: 0;
text-shadow: none!important
}
.list_container>div {
border-bottom: 1px solid rgba(180, 180, 180, .14);
font-size: 11pt
}
.list_header>div, .list_item>div {
padding-top: 6px;
padding-bottom: 2px;
padding-left: 0
}
.item_icon {
color: #126dce;
font-size: 13pt;
vertical-align: middle
}
.list_item input:not([type=checkbox]) {
padding-right: 0;
height: 1.75em;
width: 25%;
margin: 0
}
.list_header>div .item_link, .list_item>div .item_link {
margin-left: -1px;
vertical-align: middle;
line-height: 1.5em;
font-size: 12pt;
display: inline-table;
position: static
}
#button-select-all {
height: 34px;
min-width: 55px;
z-index: 0;
border: none!important;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
margin-top: 0;
left: -3px;
border-radius: 0!important
}
#button-select-all.active.focus, #button-select-all.active:focus, #button-select-all.focus, #button-select-all:active.focus, #button-select-all:active:focus, #button-select-all:focus {
background: #e5e5e5!important
}
button#tree-selector-btn {
height: 34px;
font-size: 10pt;
border: 0;
left: 0;
border-radius: 0!important
}
input#select-all.pull-left.tree-selector {
margin-left: 7px;
margin-right: 2px;
margin-top: 2px;
top: 4px
}
input[type=checkbox], input[type=radio] {
margin-top: 1px;
line-height: normal
}
.delete-button {
border: none!important
}
.breadcrumb>li, .list_container a {
border: 0;
text-shadow: none!important
}
i.fa.fa-trash {
font-size: 13.5pt
}
.list_container a {
font-size: 16px;
color: #303030;
font-weight: 400;
font-style: normal
}
div.list_container a:hover {
color: #2f2f2f
}
.list_header>div input, .list_item>div input {
margin-right: 7px;
margin-left: 12px;
vertical-align: baseline;
line-height: 22px;
position: relative;
top: -1px
}
#notebook-container, .container, div#ipython-main-app.container {
margin-right: auto;
margin-left: auto;
/*width: 980px*/
}
div.list_item:hover {
background-color: #fafafa
}
.breadcrumb>li {
font-size: 10pt;
color: #303030
}
.breadcrumb>li+li:before {
content: "/\00a0";
padding: 0;
color: #303030;
font-size: 18px
}
.nav-tabs, ul#tabs a {
font-family: Lato, sans-serif;
font-size: 13.5pt;
font-weight: 400;
font-style: normal;
text-shadow: none!important
}
#project_name>.breadcrumb {
padding: 0;
margin-bottom: 0;
background-color: transparent;
font-weight: 400;
margin-top: -2px
}
.nav-tabs {
background-color: transparent;
border: 2px solid transparent
}
#header, .edit_app #header, div#notebook {
font-family: Lato, sans-serif;
font-size: 11pt
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:active, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
color: #ef5c00;
background-color: transparent;
border-color: transparent;
border-bottom: 2px solid transparent
}
.nav-tabs>li.active>a:before, .nav-tabs>li>a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background-color: #ef5c00
}
.nav>li.disabled>a, .nav>li.disabled>a:hover {
color: #828892
}
.nav-tabs>li>a:before {
visibility: hidden;
-webkit-transform: perspective(0) scaleX(0);
transform: perspective(0) scaleX(0);
-webkit-transition: ease 220ms;
transition: ease 220ms;
-webkit-font-smoothing: antialiased!important
}
.nav-tabs>li>a:hover:before {
visibility: visible;
-webkit-transform: perspective(1) scaleX(1);
transform: perspective(1) scaleX(1)
}
.nav-tabs>li.active>a:before {
visibility: visible;
-webkit-transform: perspective(1) scaleX(1);
transform: perspective(1) scaleX(1);
-webkit-font-smoothing: subpixel-antialiased!important
}
div#notebook {
padding-top: 4px
}
.notebook_app {
background-color: #fff
}
#notebook-container {
padding: 13px 2px;
background-color: #fff;
min-height: 0;
box-shadow: none
}
div#menubar-container {
width: 100%;
width: 980px
}
div#header-container {
width: 980px
}
.edit_app #header, .notebook_app #header {
box-shadow: none!important;
background-color: #fff;
border-bottom: 2px solid rgba(180, 180, 180, .14)
}
#header, .edit_app #header {
box-shadow: none;
background-color: #fff
}
#header .header-bar, .edit_app #header .header-bar {
background: #fff
}
body>#header .header-bar {
width: 100%;
background: #fff
}
span.autosave_status, span.checkpoint_status {
font-size: small;
display: none
}
.navbar-default, .navbar-default .navbar-nav>li>a {
font-family: Lato, sans-serif;
font-size: 11pt;
line-height: 1.5em
}
#menubar, div#menubar {
background-color: #fff;
padding-top: 0!important
}
#menubar .navbar, .navbar-default {
background-color: #fff;
margin-bottom: 0;
margin-top: 0
}
.navbar {
border: 0
}
.navbar-text, .navbar-text.indicator_area, div.navbar-text, p.navbar-text.indicator_area {
margin-top: 8px!important;
margin-bottom: 0;
color: #ff7823
}
.navbar-default {
background-color: #fff;
border-color: #d4d4d4;
padding-bottom: 0
}
.navbar-default .navbar-nav>li>a {
color: #303030;
display: block;
padding-top: 14px;
padding-bottom: 11px
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #2f2f2f;
background-color: rgba(180, 180, 180, .14);
border-color: #d4d4d4;
line-height: 1.5em;
transition: .2s ease
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #1c1c1c;
background-color: rgba(180, 180, 180, .14);
border-color: rgba(180, 180, 180, .14);
line-height: 1.5em;
transition: .2s ease
}
.navbar-nav>li>.dropdown-menu {
margin-top: 0
}
.navbar-nav {
margin: 0
}
.notification_widget.active.focus, .notification_widget.active:focus, .notification_widget.active:hover, .notification_widget.info, .notification_widget:active.focus, .notification_widget:active:focus, .notification_widget:active:hover, .open>.dropdown-toggle.notification_widget.focus, .open>.dropdown-toggle.notification_widget:focus, .open>.dropdown-toggle.notification_widget:hover, div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn, div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:focus, div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:hover, div.notification_widget.info {
color: #303030!important;
background-color: transparent!important;
border-color: transparent!important;
padding-bottom: 0!important;
margin-bottom: 0!important;
font-size: 9pt!important;
z-index: 0
}
div#ipython_notebook {
display: none
}
i.fa.fa-icon {
-webkit-font-smoothing: antialiased
}
.fa {
display: inline-block;
font: normal normal normal 10pt/1 FontAwesome, Lato, sans-serif;
-webkit-font-smoothing: antialiased
}
.dropdown-menu, .dropdown-menu:hover {
font-family: Lato, sans-serif;
font-size: 11pt;
padding: 0;
text-align: left;
border: 2px solid #dedede;
line-height: 1;
box-shadow: none
}
.dropdown-menu {
background: #dedede
}
.dropdown-menu:hover {
background-color: #dedede
}
.dropdown-menu>li>a, .modal-content {
font-size: 10pt;
font-family: Lato, sans-serif
}
.dropdown-menu>li>a {
line-height: 1.1;
display: block;
padding: 10px 20px 9px 10px;
color: #303030;
background: #dedede
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #2f2f2f;
background: #d4d4d4;
border-color: #d4d4d4;
transition: .2s ease
}
.dropdown-menu .divider {
height: 1px;
margin: 0;
overflow: hidden;
background-color: rgba(180, 180, 180, .3)
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -2px;
margin-left: 0;
padding-top: 0;
transition: .2s ease
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover {
font-family: Lato, sans-serif;
font-size: 10pt;
font-weight: 400;
color: #828892;
padding: none;
display: block;
clear: both;
line-height: 1.1;
white-space: nowrap
}
.dropdown-submenu>a:after {
color: #303030;
margin-right: -16px;
margin-top: 0
}
.modal-content {
position: relative;
background: #e4e4e4;
border: 0;
border-radius: 1px;
background-clip: padding-box;
outline: 0
}
.modal-header {
font-family: Lato, sans-serif;
font-size: 11pt;
color: #303030;
background: #e4e4e4;
border-color: #dedede;
padding: 12px;
min-height: 16.43px
}
.modal-content h4 {
font-family: Lato, sans-serif;
font-size: 16pt;
color: #303030;
padding: 5px
}
.modal-body {
background-color: #fff;
position: relative;
padding: 15px
}
.modal-footer {
padding: 8px;
text-align: right;
background-color: #fff;
border-top: 0
}
.alert-info {
background-color: #fdfdfd;
border-color: #dedede;
color: #303030
}
.modal-header .close {
margin-top: -5px;
font-size: 25pt
}
.modal-backdrop, .modal-backdrop.in {
opacity: .85;
background-color: notebook-bg
}
.panel, .panel-default, div.panel, div.panel-default {
font-family: Lato, sans-serif;
font-size: 11pt;
background-color: #f4f4f4;
color: #303030;
margin-bottom: 14px;
border: 0;
box-shadow: none
}
div.panel-default>.panel-heading, div.panel>.panel-heading {
font-size: 14pt;
color: #303030;
background: #e4e4e4;
border: 0
}
.modal .modal-dialog {
min-width: 950px;
margin: 50px auto
}
div.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 0;
padding-right: 5px
}
.form-control, div.form-control {
font-family: Lato, sans-serif;
font-size: initial;
color: #303030;
background-color: #fff;
border: 1px solid #d0d0d0!important;
margin-left: 2px;
box-shadow: none;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s
}
.prompt, div.out_prompt_overlay.prompt, div.output_html, div.prompt, div.prompt.output_prompt {
font-family: OperatorMono, monospace, monospace
}
.form-control-static {
min-height: inherit;
height: inherit
}
.form-group.list-group-item {
color: #303030;
background-color: #f4f4f4;
border-color: #dedede;
margin-bottom: 0
}
button, input, select, textarea {
background-color: #fff;
font-weight: 400;
border: 1px solid #dedede
}
select.form-control.select-xs {
height: 33px;
font-size: 11pt
}
.toolbar label, .toolbar select {
width: auto;
vertical-align: middle;
margin-right: 0;
margin-bottom: 0;
display: inline;
font-size: 92%;
margin-left: 10px;
padding: 0;
background: #e5e5e5!important;
border: 2px solid #e5e5e5!important
}
.form-control:focus {
border-color: #ff7823;
outline: rgba(240, 147, 43, .5) solid 2px;
-webkit-box-shadow: none
}
::-webkit-input-placeholder {
color: #828892
}
::-moz-placeholder {
color: #828892
}
:-ms-input-placeholder {
color: #828892
}
:-moz-placeholder {
color: #828892
}
[dir=ltr] #find-and-replace .input-group-btn+.form-control {
border: 2px solid #dedede!important
}
[dir=ltr] #find-and-replace .input-group-btn+.form-control:focus {
border-color: #ff7823;
outline: rgba(240, 147, 43, .5) solid 2px;
-webkit-box-shadow: none;
box-shadow: none
}
div.output.output_scroll {
box-shadow: none
}
::-webkit-scrollbar {
width: 11px;
max-height: 9px;
background-color: #ebebeb;
border-radius: 3px;
border: 0
}
::-webkit-scrollbar-track {
background: #ebebeb;
border: 0;
width: 11px;
max-height: 9px
}
::-webkit-scrollbar-thumb {
border-radius: 2px;
border: 0;
background: #909090;
background-clip: content-box;
width: 11px
}
.edit_mode div.cell.selected:before, div.cell.selected:before {
position: absolute;
display: block;
top: 0;
left: 0;
width: 0;
height: 100%
}
HTML, a, blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, span, td, textarea, th, ul {
text-rendering: auto;
-webkit-font-smoothing: antialiased
}
div.input_area {
background: #ededed;
padding-right: 1.2em;
border: 0;
border-radius: 0 3px 3px 0
}
div.cell, div.cell.selected {
border: solid #fff;
padding: 0;
background: #fff
}
div.cell {
border-radius: 0;
top: 0
}
div.cell.selected {
border-radius: 3px
}
.edit_mode div.cell.selected {
padding: 0;
background: #fff;
border: solid #fff;
border-radius: 3px
}
div.cell.edit_mode {
padding: 0;
background: #fff
}
div.CodeMirror-sizer {
margin-left: 0;
margin-bottom: -21px;
border-right-width: 16px;
min-height: 37px;
padding-right: 0;
padding-bottom: 0;
margin-top: 0
}
div.cell.selected:before {
background: #ededed;
border: 0;
border-radius: 3px
}
.edit_mode div.cell.selected:before {
background: #fff;
border: 0;
border-radius: 3px
}
div.cell.code_cell .input {
border-left: 5px solid #ededed!important;
border-radius: 3px
}
div.cell.code_cell.selected .input {
border-left: 5px solid #ff7823!important;
border-radius: 3px
}
.edit_mode div.cell.code_cell.selected .input {
border-left: 5px solid #ffd5bb!important;
border-radius: 3px
}
div.cell.jupyter-soft-selected, div.cell.selected.jupyter-soft-selected {
border-left-color: #ffd5bb!important;
border-left-width: 0!important;
padding-left: 7px!important;
border-right-color: #ffd5bb!important;
border-right-width: 0!important;
background: #ffd5bb!important;
border-radius: 6px!important
}
div.cell.selected.jupyter-soft-selected .input {
border-left: 5px solid #ededed!important
}
.edit_mode div.cell.selected:before .input, div.cell.selected.jupyter-soft-selected:before {
background: #ffd5bb!important;
border: 2px solid #ffd5bb!important;
border-radius: 6px!important;
position: absolute!important;
display: block!important;
top: 0!important;
left: 0!important;
width: 6px!important;
height: 100%!important
}
div.cell.selected.jupyter-soft-selected {
border-color: #fff;
padding-left: 7px;
border-radius: 6px
}
div.cell.selected.jupyter-soft-selected .prompt, div.cell.text_cell.selected.jupyter-soft-selected .prompt {
top: 0;
border-left: #ededed!important;
border-radius: 2px
}
div.cell.text_cell.selected.jupyter-soft-selected .input_prompt {
border-left: none!important
}
div.cell.text_cell.selected.jupyter-soft-selected:before {
background: #f2f2f2!important;
border: 2px solid #f2f2f2!important;
border-radius: 6px!important;
position: absolute!important;
display: block!important;
top: 0!important;
left: 0!important;
width: 6px!important;
height: 100%!important
}
.edit_mode div.cell.selected .prompt, div.cell.selected .prompt {
top: 0
}
.prompt, div.prompt, div.prompt.input_prompt {
font-size: 9pt!important;
width: 12.5ex!important
}
div.cell.text_cell.jupyter-soft-selected, div.cell.text_cell.selected.jupyter-soft-selected {
border-left-color: #f2f2f2!important;
border-left-width: 0!important;
padding-left: 7px!important;
border-right-color: #f2f2f2!important;
border-right-width: 0!important;
background: #f2f2f2!important;
border-radius: 6px!important
}
.prompt, div.prompt {
font-weight: 400;
color: #828892;
line-height: 170%;
padding: 4px 1px 0 0;
text-align: right!important;
min-width: 12.5ex!important
}
div.prompt.input_prompt {
background-color: #ededed;
border-top: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-right: 3px;
min-width: 12.5ex
}
div.cell.code_cell .input_prompt {
border-right: 2px solid rgba(240, 147, 43, .5)
}
div.output_wrapper {
background-color: #fff;
border: 0;
left: 0;
margin-bottom: 0;
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0
}
div.output_area pre, div.output_subarea.output_text, div.output_subarea.output_text.output_stream.output_stdout {
font-size: 11pt!important;
border-top-right-radius: 0;
border-top-left-radius: 0;
font-family: OperatorMono, monospace, monospace
}
div.output_subarea.output_text, div.output_subarea.output_text.output_stream.output_stdout {
line-height: 150%!important;
background-color: #fff;
color: #303030
}
div.output_area pre {
line-height: 151%!important
}
div.output_area {
display: -webkit-box
}
div.output_html {
font-size: 11pt;
background: #fff
}
div.output_subarea {
overflow-x: auto;
padding: .8em!important;
-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;
flex: 1
}
div.btn.btn-default.output_collapsed {
background: #d7d7d7;
border-color: #d7d7d7
}
div.btn.btn-default.output_collapsed:hover {
background: #d2d2d2;
border-color: #d2d2d2
}
div.out_prompt_overlay.prompt, div.prompt.output_prompt {
font-size: 9.5pt!important;
font-weight: 700!important;
background-color: #fff;
border-right: 2px solid transparent;
min-width: 12.5ex!important;
width: 12.5ex!important;
color: transparent
}
div.prompt.output_prompt {
border-radius: 0 0 0 4px
}
div.out_prompt_overlay.prompt {
border-radius: 0 0 0 2px
}
div.out_prompt_overlay.prompt:hover {
background-color: #f7f7f7;
box-shadow: none!important;
border: 0;
border-bottom-left-radius: 2px;
-webkit-border-: 2px;
-moz-border-radius: 2px;
border-top-right-radius: 0;
border-top-left-radius: 0;
min-width: 12.5ex!important;
width: 12.5ex!important;
border-right: 2px solid #f7f7f7!important
}
div.cell.code_cell .output_prompt {
border-right: 2px solid transparent;
color: transparent
}
.edit_mode div.cell.selected .out_prompt_overlay.prompt, .edit_mode div.cell.selected .output_prompt, div.cell.selected .out_prompt_overlay.prompt, div.cell.selected .output_prompt {
border-left: 5px solid #f2f2f2;
border-right: 2px solid #fff;
border-radius: 0!important
}
div.text_cell, div.text_cell_render, div.text_cell_render pre {
font-family: "EB Garamond", serif;
font-size: 13pt;
line-height: 130%!important;
color: #353535;
background: #fff;
border-radius: 0
}
div .text_cell_render {
padding: .4em
}
div.cell.text_cell .CodeMirror-lines {
margin-top: .4em;
margin-bottom: .3em;
padding: .7em .5em .4em!important
}
div.cell.text_cell.rendered div.input_area, div.cell.text_cell.unrendered div.input_area {
background: #fff;
border: 0;
border-radius: 2px
}
div.cell.text_cell .CodeMirror, div.cell.text_cell .CodeMirror pre {
line-height: 170%!important
}
.edit_mode div.cell.text_cell.selected, div.cell.text_cell.rendered.selected, div.cell.text_cell.selected, div.cell.text_cell.unrendered.selected, div.edit_mode div.text_cell.unrendered, div.text_cell.unrendered, div.text_cell.unrendered.selected {
font-family: "EB Garamond", serif;
line-height: 120%!important;
background: #fff;
border-radius: 0
}
.edit_mode div.cell.text_cell.selected:before, div.cell.text_cell.selected:before {
background: #f2f2f2;
border: 2px solid #f2f2f2;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
position: absolute;
display: block;
top: 0;
left: 0;
width: 5px;
height: 100%
}
div.cell.text_cell .prompt {
border-right: 0
}
div.cell.text_cell.rendered .prompt, div.cell.text_cell.unrendered .prompt {
font-family: OperatorMono, monospace, monospace;
font-size: 9.5pt;
font-weight: 400;
color: #828892!important;
text-align: right!important;
min-width: 12.5ex!important;
width: 12.5ex!important;
border-right: 2px solid transparent;
border-left: 5px solid #fff
}
div.cell.text_cell.rendered .prompt {
background-color: #fff
}
div.cell.text_cell.rendered.selected .prompt, div.text_cell.unrendered.selected .prompt {
border-left: 5px solid #f2f2f2;
border-right: 2px solid transparent;
top: 0
}
div.text_cell.unrendered.selected .prompt {
background: #fff
}
.well code, code, div.rendered_html code {
font-family: OperatorMono, monospace, monospace;
background: #efefef
}
div.rendered_html code {
font-size: 11pt;
padding-top: 0;
padding-left: 2px;
color: #303030
}
code, kbd, pre, samp {
white-space: pre-wrap
}
.well code, code {
font-size: 11pt!important;
line-height: 120%!important;
color: #353535;
border-color: #efefef
}
kbd, pre {
color: #303030
}
kbd {
padding: 1px;
font-size: 11pt;
font-weight: 800;
background-color: transparent!important;
border: 0;
box-shadow: none
}
pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
font-size: 10pt;
line-height: 1.42857143;
background-color: #efefef;
border: 1px solid #e7e7e7;
border-radius: 2px
}
div.rendered_html pre, div.text_cell_render pre {
padding-left: 5px;
margin-left: 6px;
border-radius: 0
}
div.rendered_html pre, div.text_cell_render code, div.text_cell_render pre {
font-family: OperatorMono, monospace, monospace;
font-size: 11pt!important;
line-height: 120%!important;
max-width: 80%
}
div.rendered_html {
color: #353535
}
.rendered_html *+ul {
margin-top: .4em;
margin-bottom: .3em
}
.rendered_html *+p {
margin-top: .5em;
margin-bottom: .5em
}
div.rendered_html pre {
color: #353535;
background: #efefef;
border-left: 3px solid #efefef
}
div.text_cell_render code, div.text_cell_render pre {
color: #353535;
background: #fff;
border-radius: 0;
border-left: none
}
div.text_cell_render pre {
border-left: 3px solid rgba(240, 147, 43, .5)!important;
max-width: 80%
}
div.rendered_html h1, div.rendered_html h2, div.rendered_html h3, div.rendered_html h4, div.rendered_html h5, div.text_cell_render h1, div.text_cell_render h2, div.text_cell_render h3, div.text_cell_render h4, div.text_cell_render h5 {
font-family: "EB Garamond", sans-serif;
margin: .4em .2em .3em!important
}
.rendered_html h1:first-child, .rendered_html h2:first-child, .rendered_html h3:first-child, .rendered_html h4:first-child, .rendered_html h5:first-child, .rendered_html h6:first-child {
margin-top: .2em!important;
margin-bottom: .2em!important
}
.rendered_html h1, .text_cell_render h1 {
color: #126dce;
font-size: 250%;
text-align: center;
font-style: normal;
font-weight: lighter
}
.rendered_html h2, .text_cell_render h2 {
text-align: left;
font-size: 200%;
color: #3f3d46;
font-style: normal;
font-weight: lighter
}
.rendered_html h3, .text_cell_render h3 {
font-size: 170%;
color: #3f3d46;
font-style: normal;
font-weight: lighter
}
.rendered_html h4, .text_cell_render h4 {
font-size: 150%;
color: #3f3d46;
font-style: normal;
font-weight: lighter
}
.rendered_html h5, .text_cell_render h5 {
font-size: 120%;
color: #2f2f2f;
font-style: normal;
font-weight: lighter
}
.rendered_html p, .text_cell_render p {
font-size: 110%;
color: #202020;
font-style: normal;
font-weight: lighter
}
hr {
margin-top: 8px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #126dce
}
.rendered_html hr {
color: #126dce;
background-color: #126dce;
margin-right: 2em
}
.rendered_html table, .rendered_html thead {
font-family: Lato, sans-serif!important;
color: #353535
}
#complete>select>option:hover {
background: #d4d4d4
}
div#_vivaldi-spatnav-focus-indicator._vivaldi-spatnav-focus-indicator {
position: absolute;
z-index: 9999999999;
top: 0;
left: 0;
box-shadow: none;
pointer-events: none;
border-radius: 2px
}
.rendered_html td, .rendered_html th, .rendered_html tr {
text-align: left;
vertical-align: middle;
padding: .42em .47em;
line-height: normal;
white-space: normal;
max-width: none;
border: 0
}
.rendered_html td {
font-family: Lato, sans-serif!important;
font-size: 9.3pt
}
.rendered_html table {
margin-left: 8px;
margin-right: auto;
border: 0;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed
}
.rendered_html thead {
font-size: 10.3pt!important;
background: #ebebeb;
border-bottom: 1px solid #ebebeb;
vertical-align: bottom
}
div.widget-area a, div.widget-area a:focus, div.widget-area a:hover {
font-family: Lato, sans-serif;
font-size: 10pt;
text-shadow: none!important;
font-weight: 400;
font-style: normal
}
.rendered_html tbody tr:nth-child(odd) {
background: #fafafa
}
.rendered_html tbody tr {
background: #f2f2f2
}
.rendered_html tbody tr:hover:nth-child(odd) {
background: #f7f7f7
}
.rendered_html tbody tr:hover {
background: #f0f0f0
}
.rendered_html *+table {
margin-top: .05em
}
div.widget-area {
background: #fff;
color: #303030
}
div.widget-area a {
color: #303030
}
div.widget-area a:focus, div.widget-area a:hover {
color: #2f2f2f;
background: rgba(180, 180, 180, .14);
background-color: rgba(180, 180, 180, .14);
border-color: transparent;
background-image: none
}
div.widget_item.btn-group>button.btn.btn-default.widget-combo-btn, div.widget_item.btn-group>button.btn.btn-default.widget-combo-btn:hover {
background: #e1e1e1;
border: 2px solid #e1e1e1!important;
font-size: inherit;
z-index: 0
}
div.jupyter-widgets.widget-hprogress.widget-hbox {
display: inline-table!important;
width: 38%!important;
margin-left: 10px
}
.widget-hbox .widget-label, .widget-inline-hbox .widget-label, div.jupyter-widgets.widget-hprogress.widget-hbox .widget-label, div.widget-hbox .widget-label, div.widget-label {
text-align: -webkit-auto!important;
margin-left: 15px!important;
max-width: 240px!important;
min-width: 100px!important;
vertical-align: text-top!important;
color: #303030!important;
font-size: 14px!important
}
.widget-hprogress .progress {
flex-grow: 1;
height: 20px;
margin-top: auto;
margin-left: 12px;
margin-bottom: auto;
width: 300px
}
.progress {
overflow: hidden;
height: 22px;
margin-bottom: 10px;
padding-left: 10px;
background-color: #d6d6d6!important;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
z-index: 10
}
.progress-bar-danger {
background-color: #e5344a!important
}
.progress-bar-info {
background-color: #2980b9!important
}
.progress-bar-warning {
background-color: #f39c12!important
}
.progress-bar-success {
background-color: #5cb85c!important
}
.widget-select select {
margin-left: 12px
}
.rendered_html :link {
font-family: "EB Garamond", sans-serif;
font-size: 100%;
color: #ff7823;
text-decoration: underline
}
.rendered_html :visited, .rendered_html :visited:active, .rendered_html :visited:focus {
color: #fa853d
}
.rendered_html :link:hover, .rendered_html :visited:hover {
font-family: "EB Garamond", sans-serif;
font-size: 100%;
color: #f96000
}
div.cell.text_cell a.anchor-link:link {
font-size: inherit;
text-decoration: none;
padding: 0 20px;
visibility: none;
color: rgba(0, 0, 0, .32)
}
#clusters>a, #clusters>a:hover {
text-decoration: underline;
cursor: auto
}
div.cell.text_cell a.anchor-link:link:hover {
font-size: inherit;
color: #828892
}
.navbar-text {
margin-top: 4px;
margin-bottom: 0
}
#clusters>a {
color: #ef5c00
}
#clusters>a:hover {
color: #126dce
}
#nbextensions-configurator-container>div.row.container-fluid.nbext-selector>h3 {
font-size: 17px;
margin-top: 5px;
margin-bottom: 8px;
height: 24px;
padding: 4px 0
}
#nbextensions-configurator-container.container, div#nbextensions-configurator-container.container {
width: 100%;
margin-right: auto;
margin-left: auto
}
div.nbext-selector>nav>.nav>li>a {
font-family: Lato, sans-serif;
font-size: 10.5pt;
padding: 2px 5px
}
div.nbext-selector>nav>.nav>li>a:hover {
background: 0 0
}
div.nbext-selector>nav>.nav>li:hover {
background: rgba(180, 180, 180, .14)!important
}
div.nbext-selector>nav>.nav>li.active:hover {
background: 0 0!important
}
.nav-pills>li.active>a, .nav-pills>li.active>a:active, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
color: #1c1c1c;
background: rgba(180, 180, 180, .14)!important;
-webkit-backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased!important
}
div.nbext-readme>.nbext-readme-contents>.rendered_html {
font-family: Lato, sans-serif;
font-size: 11.5pt;
line-height: 145%;
padding: 1em;
color: #353535;
background-color: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.kse-input-group-pretty>kbd, input.raw_input {
font-family: OperatorMono, monospace, monospace
}
.nbext-compat-div, .nbext-desc, .nbext-enable-btns, .nbext-icon, .nbext-params {
margin-bottom: 8px;
font-size: 11.5pt
}
div.nbext-readme>.nbext-readme-contents {
padding: 0;
overflow-y: hidden
}
div.nbext-readme>.nbext-readme-contents:not(:empty) {
margin-top: .5em;
margin-bottom: 2em;
border: 0;
border-top-color: #828892
}
.nbext-showhide-incompat {
padding-bottom: .5em;
color: #4a4a4a;
font-size: 10.5pt
}
.nbext-filter-menu.dropdown-menu>li>a.ui-state-focus, .nbext-filter-menu.dropdown-menu>li>a:focus, .nbext-filter-menu.dropdown-menu>li>a:hover {
color: #2f2f2f!important;
background: #d4d4d4!important;
border-color: #d4d4d4!important
}
.nbext-filter-input-wrap>.nbext-filter-input-subwrap, .nbext-filter-input-wrap>.nbext-filter-input-subwrap>input {
border: 0;
outline: 0;
background-color: transparent;
padding: 0;
vertical-align: middle;
margin-top: -2px
}
.nbext-filter-menu, .nbext-filter-menu:hover {
border: 2px solid #dedede
}
span.rendered_html code {
background-color: transparent;
color: #303030
}
#nbextensions-configurator-container>div.row.container-fluid.nbext-selector {
padding-left: 0;
padding-right: 0
}
.nbext-filter-menu {
max-height: 50vh;
overflow-y: auto;
outline: 0
}
.alert-warning {
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #303030
}
.notification_widget.danger {
color: #fff;
background-color: #e5344a;
border-color: #e5344a;
padding-right: 5px
}
.mark, a.text-warning.bg-warning, mark {
background-color: #fff
}
#nbextensions-configurator-container>div.nbext-buttons.tree-buttons.no-padding.pull-right>span>button, button#refresh_running_list {
border: none!important
}
.mark, mark {
color: #353535;
padding: .15em
}
a.text-warning, a.text-warning:hover {
color: #828892
}
span.bg-success.text-success {
background-color: transparent;
color: #009e07
}
span.bg-danger.text-danger {
background-color: #fff;
color: #de143d
}
.has-success .input-group-addon {
color: #009e07;
border-color: transparent;
background: inherit;
background-color: rgba(83, 180, 115, .1)
}
.has-success .form-control {
border-color: #009e07;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .025);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .025)
}
.has-error .input-group-addon {
color: #de143d;
border-color: transparent;
background: inherit;
background-color: rgba(192, 57, 67, .1)
}
.has-error .form-control {
border-color: #de143d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .025);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .025)
}
.kse-input-group-pretty>kbd {
color: #303030;
font-weight: 400;
background: 0 0
}
.btn-default.disabled, .btn-default[disabled], div.nbext-enable-btns .btn[disabled], div.nbext-enable-btns .btn[disabled]:hover {
background: #e2e2e2;
color: #282828
}
label#Keyword-Filter {
display: none
}
.input-group .nbext-list-btn-add, .input-group-btn:last-child>.btn-group>.btn {
background: #e4e4e4;
border: 2px solid #e4e4e4
}
.input-group .nbext-list-btn-add:hover, .input-group-btn:last-child>.btn-group>.btn:hover {
background: #dfdfdf;
border: 2px solid #dfdfdf
}
#notebook-container>div.cell.code_cell.rendered.selected>div.widget-area>div.widget-subarea>div>div.widget_item.btn-group>button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn {
background: #e4e4e4;
border-color: #e4e4e4
}
#notebook-container>div.cell.code_cell.rendered.selected>div.widget-area>div.widget-subarea>div>div.widget_item.btn-group>button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn:hover {
background: #dfdfdf;
border-color: #dfdfdf
}
.ui-widget-content {
background: #e5e5e5;
border: 2px solid #e5e5e5;
color: #303030
}
div.collapsible_headings_toggle {
color: rgba(180, 180, 180, .3)!important
}
div.collapsible_headings_toggle:hover {
color: #ff7823!important
}
.collapsible_headings_toggle .h1, .collapsible_headings_toggle .h2, .collapsible_headings_toggle .h3, .collapsible_headings_toggle .h4, .collapsible_headings_toggle .h5, .collapsible_headings_toggle .h6 {
margin: .3em .4em 0 0!important;
line-height: 1.2!important
}
div.collapsible_headings_toggle .fa-caret-down:before, div.collapsible_headings_toggle .fa-caret-right:before {
font-size: xx-large;
transition: transform 1s;
transform: none!important
}
.collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h1:after, .collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h2:after, .collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h3:after, .collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h4:after, .collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h5:after, .collapsible_headings_collapsed.collapsible_headings_ellipsis .rendered_html h6:after {
position: absolute;
right: 0;
bottom: 20%!important;
content: "[\002026]";
color: rgba(180, 180, 180, .3)!important;
padding: .5em 0 0!important
}
.collapsible_headings_ellipsis .rendered_html h1, .collapsible_headings_ellipsis .rendered_html h2, .collapsible_headings_ellipsis .rendered_html h3, .collapsible_headings_ellipsis .rendered_html h4, .collapsible_headings_ellipsis .rendered_html h5, .collapsible_headings_ellipsis .rendered_html h6, .collapsible_headings_toggle .fa {
transition: transform 1s!important;
-webkit-transform: inherit!important;
-moz-transform: inherit!important;
-ms-transform: inherit!important;
-o-transform: inherit!important;
transform: inherit!important;
padding-right: 0!important
}
input.raw_input {
font-size: 11pt!important;
color: #303030;
border-color: #ececec;
background: #ececec;
width: auto;
vertical-align: baseline;
padding: 0 .25em;
margin: 0 .25em;
-webkit-box-shadow: none;
box-shadow: none
}
audio, video {
display: inline;
vertical-align: middle;
align-content: center;
margin-left: 20%
}
.cmd-palette .modal-body {
padding: 0;
margin: 0
}
.typeahead-container button, .typeahead-field input {
font-size: 28pt;
border: 0;
line-height: inherit;
padding: 3px 10px;
height: 70px;
font-family: Lato, sans-serif
}
.cmd-palette form {
background: #e5e5e5
}
.typeahead-field input:last-child, .typeahead-hint {
background: #e5e5e5;
z-index: 1
}
.typeahead-field input {
color: #303030;
display: inline-block
}
.typeahead-select {
background-color: #e5e5e5
}
body>div.modal.cmd-palette.typeahead-field {
display: table;
border-collapse: separate;
background-color: #f4f4f4
}
.typeahead-container button {
background-color: #e4e4e4;
display: inline-block
}
.typeahead-search-icon {
min-width: 40px;
min-height: 55px;
display: block;
vertical-align: middle;
text-align: center
}
.typeahead-container button:focus, .typeahead-container button:hover {
color: #2f2f2f;
background-color: #dfdfdf;
border-color: #e0e0e0
}
.typeahead-list>li.typeahead-group.active>a, .typeahead-list>li.typeahead-group>a, .typeahead-list>li.typeahead-group>a:focus, .typeahead-list>li.typeahead-group>a:hover {
display: none
}
.typeahead-dropdown>li>a, .typeahead-list>li>a {
color: #303030;
text-decoration: none
}
.typeahead-dropdown, .typeahead-list {
font-family: Lato, sans-serif;
font-size: 11pt;
color: #303030;
background-color: #fff;
border: 0;
background-clip: padding-box;
margin-top: 0;
padding: 3px 2px 3px 0;
line-height: 1.7
}
.typeahead-dropdown>li.active>a, .typeahead-dropdown>li>a:focus, .typeahead-dropdown>li>a:hover, .typeahead-list>li.active>a, .typeahead-list>li>a:focus, .typeahead-list>li>a:hover {
color: #2f2f2f;
background-color: #f4f4f4;
border-color: #f4f4f4
}
.command-shortcut:before {
content: "(command)";
padding-right: 3px;
color: #828892
}
.edit-shortcut:before {
content: "(edit)";
padding-right: 3px;
color: #828892
}
ul.typeahead-list i {
margin-left: 1px;
width: 18px;
margin-right: 10px
}
ul.typeahead-list {
max-height: 50vh;
overflow: auto
}
.typeahead-list>li {
position: relative;
border: 0
}
.completions, .ipython_tooltip {
position: absolute;
box-shadow: none
}
body>div.modal.cmd-palette.in>div>div>div>form>div>div.typeahead-field>span.typeahead-query>input.typeahead-hint, div.input.typeahead-hint, input.typeahead-hint {
color: #828892!important;
background-color: transparent;
padding: 3px 10px
}
.typeahead-dropdown>li>a, .typeahead-list>li>a {
display: block;
padding: 5px;
clear: both;
font-weight: 400;
line-height: 1.7;
border: 1px solid #fff;
border-bottom-color: rgba(180, 180, 180, .3)
}
body>div.modal.cmd-palette.in>div {
min-width: 750px;
margin: 150px auto
}
.typeahead-container strong {
font-weight: bolder;
color: #ff7823
}
.cm-s-ipython span.cm-def, .cm-s-ipython span.cm-keyword, .cm-s-ipython.CodeMirror {
font-weight: 400
}
#find-and-replace #replace-preview .insert, #find-and-replace #replace-preview .match {
color: #fff;
background-color: #ff7823;
border-color: #ff7823;
border-style: solid;
border-width: 1px;
border-radius: 0
}
#find-and-replace #replace-preview .replace .match {
background-color: #de143d;
border-color: #de143d;
border-radius: 0
}
#find-and-replace #replace-preview .replace .insert {
background-color: #009e07;
border-color: #009e07;
border-radius: 0
}
.shortcut_key, span.shortcut_key {
display: inline-block;
width: 16ex;
text-align: right;
font-family: monospace
}
.cm-s-ipython.CodeMirror, .terminal-app .terminal, div.CodeMirror, div.CodeMirror pre {
font-family: OperatorMono, monospace, monospace
}
.jupyter-keybindings {
padding: 1px;
line-height: 24px;
border-bottom: 1px solid rgba(180, 180, 180, .14)
}
.jupyter-keybindings i {
background: #efefef;
font-size: small;
padding: 5px;
margin-left: 7px
}
.well, div#short-key-bindings-intro.well {
background-color: #e4e4e4;
border: 1px solid #e4e4e4;
color: #303030;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none
}
#texteditor-backdrop {
background: #fff
}
#texteditor-backdrop #texteditor-container .CodeMirror-gutter, #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
background: #e0e1e3;
color: #828892
}
.edit_app #menubar .navbar {
margin-bottom: 0
}
#texteditor-backdrop #texteditor-container {
padding: 0;
background-color: #ededed;
box-shadow: none
}
.terminal-app {
background: #fff
}
.terminal-app .terminal {
font-size: 11pt;
line-height: 120%;
color: #303030;
background: #ededed;
padding: .4em;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none
}
.terminal .xterm-viewport {
background-color: #ededed;
color: #303030;
overflow-y: auto
}
.terminal .xterm-color-0 {
color: #ff7823
}
.terminal .xterm-color-1 {
color: #de143d
}
.terminal .xterm-color-2 {
color: #713bc5
}
.terminal .xterm-color-3 {
color: #e22978
}
.terminal .xterm-color-4 {
color: #ff8132
}
.terminal .xterm-color-5 {
color: #009e07
}
.terminal .xterm-color-6, .terminal .xterm-color-7 {
color: #e22978
}
.terminal .xterm-color-8 {
color: #ef5c00
}
.terminal .xterm-color-9 {
color: #009e07
}
.terminal .xterm-color-10, .terminal .xterm-color-14 {
color: #e22978
}
.terminal .xterm-bg-color-15 {
background-color: #ededed
}
.terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor {
background-color: #ff7823;
color: #ededed
}
.terminal:not(.focus) .terminal-cursor {
outline: #ff7823 solid 1px;
outline-offset: -1px
}
.celltoolbar {
font-size: 100%;
padding-top: 3px;
border-color: transparent;
border-bottom: thin solid #828892;
background: 0 0
}
#notebook-container>div.cell.code_cell.rendered.selected>div.input>div.inner_cell>div.ctb_hideshow.ctb_show>div>div>button, #notebook-container>div.input>div.inner_cell>div.ctb_hideshow.ctb_show>div>div>button, .cell-tag, .tags-input button, .tags-input input {
color: #303030;
background-color: #fff;
background-image: none;
border: 1px solid #303030;
border-radius: 1px;
box-shadow: none;
width: inherit;
font-size: inherit;
height: 22px;
line-height: 22px
}
div#pager #pager-contents {
background: #fff!important
}
div#pager pre {
color: #303030!important;
background: #ededed!important;
padding: .4em
}
div#pager .ui-resizable-handle {
top: 0;
height: 8px;
background: #ff7823!important;
border-top: 1px solid #ff7823;
border-bottom: 1px solid #ff7823
}
div.CodeMirror, div.CodeMirror pre {
font-size: 11pt;
line-height: 120%;
color: #303030
}
div.CodeMirror-lines {
padding: .7em 1.5em .9em .5em
}
.ansi-black-fg, span.ansiblack {
color: #e22978
}
.ansi-blue-fg, .ansi-blue-intense-fg, span.ansiblue {
color: #009e07
}
.ansi-gray-fg, .ansi-gray-intense-fg, span.ansigray {
color: #ff8132
}
.ansi-green-fg, span.ansigreen {
color: #333
}
.ansi-green-intense-fg {
color: #ff8132
}
.ansi-cyan-fg, .ansi-cyan-intense-fg, .ansi-purple-fg, .ansi-purple-intense-fg, span.ansicyan, span.ansipurple {
color: #653bc5
}
.ansi-yellow-fg, .ansi-yellow-intense-fg, span.ansiyellow {
color: #ff8132
}
.ansi-red-fg, .ansi-red-intense-fg, span.ansired {
color: #de143d
}
div.output-stderr {
background-color: #ebb5b7
}
.ipython_tooltip, .ipython_tooltip .tooltiptext pre {
line-height: 120%;
background: #eee;
overflow-x: visible;
overflow-y: visible;
font-family: OperatorMono, monospace, monospace;
font-size: 11pt
}
div.output-stderr pre {
color: #000
}
div.js-error {
color: #de143d
}
.ipython_tooltip {
border: 2px solid #dadada;
border-radius: 2px;
z-index: 1000
}
.ipython_tooltip .tooltiptext pre {
color: #303030;
max-width: 900px
}
div#tooltip.ipython_tooltip {
overflow-x: wrap;
overflow-y: visible;
max-width: 800px
}
div.tooltiptext.bigtooltip {
overflow-x: visible;
overflow-y: scroll;
height: 400px;
max-width: 800px
}
.cm-s-ipython.CodeMirror {
font-size: 11pt;
border-radius: 2px;
font-style: normal
}
.cm-s-ipython span.cm-comment, .cm-s-ipython span.cm-def, .cm-s-ipython span.cm-keyword {
font-family: OperatorMono-italic
}
.CodeMirror-gutters {
border: 0;
border-right: 1px solid #e0e1e3!important;
background: #e0e1e3!important;
border-radius: 0;
white-space: nowrap
}
.cm-s-ipython .CodeMirror-gutters {
border: 0;
border-radius: 0;
width: 36px
}
.CodeMirror-sizer {
margin-left: 40px
}
.CodeMirror-gutter.CodeMirror-linenumberdiv.CodeMirror-gutter.CodeMirror-linenumber, .CodeMirror-linenumber, div.CodeMirror-linenumber {
margin: 0;
width: 26px!important;
padding: 0;
text-align: right
}
.CodeMirror-linenumber {
color: #828892
}
.cm-s-ipython span.cm-meta, .cm-s-ipython span.cm-variable-3 {
color: #a2f
}
.cm-s-ipython span.cm-storage {
color: #055be0
}
.cm-s-ipython span.cm-entity {
color: #e22978
}
.cm-s-ipython span.cm-quote {
color: #009e07
}
div.CodeMirror span.CodeMirror-matchingbracket {
color: #1c1c1c;
background-color: rgba(30, 112, 199, .3)
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #1c1c1c;
background: rgba(191, 97, 106, .4)!important
}
.cm-header-1 {
font-size: 215%
}
.cm-header-2 {
font-size: 180%
}
.cm-header-3 {
font-size: 150%
}
.cm-header-4 {
font-size: 120%
}
.cm-header-5 {
font-size: 100%
}
.cm-s-default .cm-hr {
color: #055be0
}
div.cell.text_cell .cm-s-default .cm-header {
font-family: Lato, sans-serif;
font-weight: 400;
color: #126dce;
margin-top: .3em!important;
margin-bottom: .3em!important
}
div.cell.text_cell .cm-s-default span.cm-variable-2 {
color: #353535
}
div.cell.text_cell .cm-s-default span.cm-variable-3 {
color: #a2f
}
.cm-s-default span.cm-comment {
color: #fd971f
}
.cm-s-default .cm-tag {
color: #009fb7
}
.cm-s-default .cm-builtin {
color: #e22978
}
.cm-s-default .cm-string {
color: #009e07
}
.cm-s-default .cm-keyword {
color: #713bc5;
font-family: OperatorMono-italic
}
.cm-s-default .cm-number {
color: #ff8132
}
.cm-s-default .cm-error {
color: #055be0
}
.cm-s-default .cm-link {
color: #ef5c00
}
.cm-s-default .cm-atom {
color: #ff8132
}
.cm-s-default .cm-def {
color: #e22978
}
.CodeMirror-cursor {
border-left: 2px solid #ff711a!important;
border-right: 0;
width: 0
}
.cm-s-default .cm-selected, .cm-s-default div.CodeMirror-selected {
background: #e0e1e3
}
.MathJax, .MathJax_Display {
border: 0!important;
font-size: 100%!important;
text-align: center!important;
margin: 0!important;
line-height: 2.25!important
}
.MathJax:focus, body :focus .MathJax {
display: inline-block!important
}
.completions {
z-index: 110;
overflow: hidden;
border: solid rgba(240, 147, 43, .5);
line-height: 1
}
.completions select {
background: #ededed;
outline: 0;
border: 0;
padding: 0;
margin: 0 0 0 2px;
overflow: auto;
font-family: OperatorMono, monospace, monospace;
font-size: 11pt;
color: #303030;
width: auto
}
div#maintoolbar {
margin-left: 8px!important
}
.toolbar.container {
width: 100%!important
}
span.save_widget span.filename {
margin-left: 8px;
font-size: 120%;
color: #e5e5e5;
background-color: #ededed
}
span.save_widget span.filename:hover {
color: #828892;
background-color: #ededed
}
#menubar {
padding-top: 4px;
background-color: #fff
}
body {
background-color: #eff1f5
}
.list-container, .toolbar_info {
color: #343d46
}
div.input_prompt {
color: #b48ead
}
div.output_prompt {
color: #ab7967
}
div.output_area pre, div.output_html, div.output_subarea, div.text_cell_render {
color: #4f5b66
}
div.cell.edit_mode {
border: thin solid #ab7967
}
span.ansiblack {
color: #343d46
}
span.ansiblue {
color: #96b5b4
}
span.ansigray {
color: #a7adba
}
span.ansigreen {
color: #a3be8c
}
span.ansipurple {
color: #b48ead
}
span.ansired {
color: #bf616a
}
span.ansiyellow {
color: #ebcb8b
}
div.output_stderr {
background-color: #bf616a
}
div.output_stderr pre {
color: #dfe1e8
}
.cm-s-ipython.CodeMirror {
background: #eff1f5;
color: #343d46
}
.cm-s-ipython div.CodeMirror-selected {
background: #dfe1e8!important
}
.cm-s-ipython .CodeMirror-gutters {
background: #eff1f5
}
.cm-s-ipython .CodeMirror-linenumber {
color: #a7adba
}
.cm-s-ipython .CodeMirror-cursor {
border-left: 1px solid #65737e!important
}
.cm-s-ipython span.cm-comment {
font-style: italic;
color: #ab7967
}
.cm-s-ipython span.cm-atom, .cm-s-ipython span.cm-attribute, .cm-s-ipython span.cm-number, .cm-s-ipython span.cm-property {
color: #383a42
}
.cm-s-ipython span.cm-keyword {
color: #4078f2
}
.cm-s-ipython span.cm-string {
color: #383a42
}
.cm-s-ipython span.cm-operator {
color: #50a14f
}
.cm-s-ipython span.cm-builtin {
color: #a626a4
}
.cm-s-ipython span.cm-variable {
color: #e45649
}
.cm-s-ipython span.cm-variable-2 {
color: #986801
}
.cm-s-ipython span.cm-def {
color: #4078f2
}
.cm-s-ipython span.cm-error {
background: #bf616a;
color: #65737e
}
.cm-s-ipython span.cm-bracket {
color: #4f5b66
}
.cm-s-ipython span.cm-tag {
color: #bf616a
}
.cm-s-ipython span.cm-link {
color: #b48ead
}
.cm-s-ipython .CodeMirror-matchingbracket {
color: #343d46!important
}
#app {
padding-top: 20px
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
div#loading {
animation-name: fadeOut;
animation-duration: .25s;
animation-fill-mode: forwards
}
.CodeMirror-hint {
padding-left: 0;
border-bottom: none
}
.completion-type {
background: 0 0;
border: 1px solid transparent;
width: 17px;
height: 17px;
margin: 0 5px 0 0;
padding: 0;
display: inline-block;
top: 18px
}
.completion-type:before {
content: "?";
bottom: 1px;
left: 4px;
position: relative
}
.completion-type-keyword:before {
content: "K"
}
.completion-type-keyword {
background-color: #8b0000
}
.completion-type-class:before {
content: "C"
}
.completion-type-class {
background-color: #8a2be2
}
.completion-type-module:before {
content: "M"
}
.completion-type-module {
background-color: #d2691e
}
.completion-type-statement:before {
content: "S"
}
.completion-type-statement {
background-color: #228b22
}
.completion-type-function:before {
content: "Æ’"
}
.completion-type-function {
background-color: #9acd32
}
.completion-type-instance:before {
content: "I"
}
.completion-type-instance {
background-color: teal
}
.completion-type-null:before {
content: "ø"
}
.completion-type-null {
background-color: #000
}
.octicon {
transition: color .5s
}
.cell pre {
font-size: 14px;
line-height: 1.21429em
}
body {
font-family: 'Source Sans Pro';
font-size: 16px;
line-height: 22px;
background-color: var(--main-bg-color);
color: var(--main-fg-color)
}
.cell img {
display: block;
max-width: 100%
}
.cell .table, .cell table {
border-collapse: collapse
}
.cell .td, .cell .th, .cell td, .cell th {
padding: .5em 1em;
border: 1px solid var(--primary-border)
}
.cell .th, .cell th {
text-align: left
}
.cell blockquote {
padding: .75em .5em .75em 1em;
background: var(--main-bg-color);
border-left: .5em solid #DDD
}
.cell blockquote p {
display: inline
}
.cell-toolbar button, .cell-toolbar>div {
display: inline-block
}
.notebook {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px
}
@media not print {
.notebook .cell-container:last-child {
padding-bottom: calc(100vh - 110px)
}
}
.draggable-cell {
position: relative;
padding: 10px
}
.cell-drag-handle {
position: absolute;
z-index: 200;
width: var(--prompt-width);
height: 100%;
cursor: move
}
.cell {
position: relative;
background: var(--cell-bg);
transition: all .1s ease-in-out
}
.cell a {
color: var(--link-color-unvisited)
}
.cell a:visited {
color: var(--link-color-visited)
}
.cell:hover {
box-shadow: 1px 1px 3px rgba(0, 0, 0, .12), -1px -1px 3px rgba(0, 0, 0, .12)
}
.cell.focused {
box-shadow: 3px 3px 9px rgba(0, 0, 0, .12), -3px -3px 9px rgba(0, 0, 0, .12)
}
.cell-creator, .sticky-cell-container {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}
.cell:active .prompt, .cell:hover .prompt {
background-color: var(--cell-bg-hover)
}
.cell.focused .prompt, .cell:focus .prompt {
background-color: var(--cell-bg-focus)
}
.cell-toolbar-mask {
position: absolute;
top: 0;
right: 0;
z-index: 99;
height: 34px;
padding: 0 0 0 50px
}
.cell-toolbar {
background-color: var(--toolbar-bg);
opacity: .4;
transition: opacity .4s
}
.cell-toolbar:hover {
opacity: 1
}
.cell-toolbar button {
width: 22px;
height: 20px;
padding: 0 4px;
text-align: center;
border: none;
outline: 0;
background: 0 0
}
.outputs>div:empty, .sticky-cell-container:empty {
display: none
}
.cell-toolbar button span {
font-size: 15px;
line-height: 1;
color: var(--toolbar-button)
}
.cell-toolbar button span:hover {
color: var(--toolbar-button-hover)
}
.cell.text .rendered {
padding: 10px 10px 10px var(--prompt-width);
outline: 0
}
.cell-placeholder {
text-align: center;
color: var(--main-fg-color);
padding: 10px;
opacity: var(--cell-placeholder-opacity)
}
.sticky-cell-container {
background: var(--main-bg-color);
top: 0;
position: fixed;
z-index: 300;
width: 100%;
max-height: 50%;
padding-bottom: 10px;
padding-top: 20px;
overflow: auto
}
.cell .prompt, .pagers {
background-color: var(--pager-bg)
}
.pagers {
padding: 10px var(--prompt-width)
}
.outputs>div {
padding: 10px 10px 10px calc(var(--prompt-width) + 10px);
overflow-y: auto
}
.cell .input-container {
display: flex;
flex-direction: row
}
.cell .input-container.invisible {
height: 34px
}
.cell .prompt {
font-family: monospace;
font-size: 12px;
width: var(--prompt-width);
padding: 9px 0;
text-align: center;
color: var(--input-color);
flex: 0 0 auto
}
.cell .input-container .input {
flex: 1 1 auto;
overflow: auto
}
.creator-hover-mask {
display: block;
position: relative;
overflow: visible;
height: 0
}
.creator-hover-region {
display: flex;
position: relative;
overflow: visible;
top: -30px;
height: 60px;
flex-direction: column;
justify-content: center;
align-items: center;
pointer-events: none
}
.cell-creator, .cell-creator button, .dropdown {
display: inline-block
}
.cell-creator {
background: var(--main-bg-color);
margin-top: -15px;
pointer-events: all
}
.cell-creator button {
width: 22px;
height: 20px;
padding: 0 4px;
text-align: center;
border: none;
outline: 0;
background: 0 0
}
.cell-creator button span {
font-size: 15px;
line-height: 1;
color: var(--toolbar-button)
}
.CodeMirror, .cell code {
font-family: 'Source Code Pro';
font-size: 14px
}
.cell-creator button span:hover {
color: var(--toolbar-button-hover)
}
.cell code {
white-space: pre-wrap
}
.CodeMirror {
line-height: 20px;
height: auto;
background: 0 0
}
.CodeMirror-hints, .cm-s-composition.CodeMirror {
font-family: 'Source Code Pro', monospace
}
.CodeMirror-cursor {
border-left-width: 1px;
border-left-style: solid;
border-left-color: var(--cm-color)
}
.CodeMirror-scroll {
overflow-x: auto!important;
overflow-y: hidden!important
}
.CodeMirror-lines {
padding: .4em
}
.CodeMirror-linenumber {
padding: 0 8px 0 4px
}
.CodeMirror-gutters {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.CodeMirror pre {
padding: 0;
border: 0;
border-radius: 0
}
.cm-s-composition.CodeMirror {
letter-spacing: .3px;
word-spacing: 1px;
background: var(--cm-background);
color: var(--cm-color)
}
.cm-s-composition .CodeMirror-lines {
padding: 10px
}
.cm-s-composition .CodeMirror-gutters {
box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, .5);
background-color: var(--cm-gutter-bg);
padding-right: 10px;
z-index: 3;
border: none
}
.cm-s-composition span.cm-comment {
color: var(--cm-comment)
}
.cm-s-composition span.cm-keyword {
line-height: 1em;
font-weight: 700;
color: var(--cm-keyword)
}
.cm-s-composition span.cm-string {
color: var(--cm-string)
}
.cm-s-composition span.cm-builtin {
line-height: 1em;
font-weight: 700;
color: var(--cm-builtin)
}
.cm-s-composition span.cm-special {
line-height: 1em;
font-weight: 700;
color: var(--cm-special)
}
.cm-s-composition span.cm-variable {
color: var(--cm-variable)
}
.cm-s-composition span.cm-atom, .cm-s-composition span.cm-number {
color: var(--cm-number)
}
.cm-s-composition span.cm-meta {
color: var(--cm-meta)
}
.cm-s-composition span.cm-link {
color: var(--cm-link)
}
.cm-s-composition span.cm-operator {
color: var(--cm-operator)
}
.cm-s-composition span.cm-def {
color: var(--cm-def)
}
.cm-s-composition .CodeMirror-activeline-background {
background: var(--cm-activeline-bg)
}
.cm-s-composition .CodeMirror-matchingbracket {
border-bottom: 1px solid var(--cm-matchingbracket-outline);
color: var(--cm-matchingbracket-color)!important
}
.CodeMirror-hints {
-webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
-moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
box-shadow: 2px 3px 5px rgba(0, 0, 0, .2);
border-radius: 0;
border: none;
padding: 0;
background: var(--cm-hint-bg);
font-size: 90%;
overflow-y: auto
}
.CodeMirror-hint {
border-radius: 0;
white-space: pre;
cursor: pointer;
color: var(--cm-hint-color)
}
li.CodeMirror-hint-active {
background: var(--cm-hint-bg-active);
color: var(--cm-hint-color-active)
}
.dropdown__content {
display: none;
opacity: 1;
position: absolute;
top: .2em;
right: 0;
border-style: none;
padding: 0;
font-size: 11px;
line-height: 1.5;
margin: 20px 0;
background-color: var(--dropdown-content)
}
.dropdown__content ul {
list-style: none;
text-align: left;
padding: 0;
margin: 0;
opacity: 1
}
.dropdown__content li {
padding: .5rem
}
.dropdown__content li:hover {
background-color: var(--dropdown-content-hover);
cursor: pointer
}
.dropdown--active .dropdown__content {
display: inline-block;
opacity: 1
}
.cell dd, .cell dl, .cell dt {
display: block
}
.cell dd {
-webkit-margin-start: 40px
}
.cell dl {
-webkit-margin-before: 1__qem;
-webkit-margin-after: 1em;
-webkit-margin-start: 0;
-webkit-margin-end: 0;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0
}
.cell dd, .cell dt {
float: left;
padding: 0;
margin: 0
}
.cell dt {
font-weight: 700;
width: 20%
}
.cell dd {
width: 80%
}
.cell li:only-child {
list-style-type: none
}
.list-inline li {
display: inline;
padding-right: 20px;
text-align: center
}
.pull-right {
float: right;
padding-right: 10px
}
.pull-left {
display: block;
padding-left: 10px
}
.status-bar {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
font-size: 12px;
line-height: .5em;
background: var(--status-bar);
z-index: 99
}
.bt {
float: right;
display: inline-block;
position: absolute;
top: 0;
right: 0
}
.tip {
padding: 20px 20px 50px;
margin: 30px 20px 50px;
box-shadow: 2px 2px 50px rgba(0, 0, 0, .2);
white-space: pre-wrap;
background-color: var(--main-bg-color);
z-index: 9999999
}
.cm-string {
font-variant-ligatures: none;
}
/*<script>MathJax.Hub.Config( {
"HTML-CSS": {
styles: {
scale:100, ".MathJax_Display": {
"font-size": "80%",
}
}
}
}
);
</script>*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment