Created
October 28, 2019 02:23
-
-
Save kaisugi/54f5e0b60e39ae8826bfcc580d524e40 to your computer and use it in GitHub Desktop.
Jupyter custom.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div#notebook { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
line-height: 120%; | |
color: #b5c2d9; | |
-webkit-font-smoothing: antialiased !important; | |
padding-top: 25px !important; | |
} | |
body, | |
div.body { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
color: #899ab8; | |
background-color: #1d1e23; | |
background: #1d1e23; | |
-webkit-font-smoothing: antialiased !important; | |
} | |
body.notebook_app { | |
padding: 0; | |
background-color: #1d1e23; | |
background: #1d1e23; | |
padding-right: 0px !important; | |
overflow-y: hidden; | |
} | |
a { | |
font-family: sans-serif; | |
color: #899ab8; | |
-webkit-font-smoothing: antialiased !important; | |
} | |
a:hover, | |
a:focus { | |
color: #bbc2e0; | |
-webkit-font-smoothing: antialiased !important; | |
} | |
div#maintoolbar { | |
position: absolute; | |
width: 90%; | |
margin-left: -10%; | |
padding-right: 8%; | |
float: left; | |
background: transparent !important; | |
} | |
#maintoolbar { | |
margin-bottom: -3px; | |
margin-top: 0px; | |
border: 0px; | |
min-height: 27px; | |
padding-top: 2px; | |
padding-bottom: 0px; | |
} | |
#maintoolbar .container { | |
width: 75%; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.list_header, | |
div#notebook_list_header.row.list_header { | |
font-size: 14pt; | |
color: #bbc2e0; | |
background-color: transparent; | |
height: 35px; | |
} | |
i.fa.fa-folder { | |
display: inline-block; | |
font: normal normal normal 14px "FontAwesome"; | |
font-family: "FontAwesome" !important; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
font-size: 18px; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
#running .panel-group .panel .panel-heading { | |
font-size: 14pt; | |
color: #899ab8; | |
padding: 8px 8px; | |
background: #2e3642; | |
background-color: #2e3642; | |
} | |
#running .panel-group .panel .panel-heading a { | |
font-size: 14pt; | |
color: #899ab8; | |
} | |
#running .panel-group .panel .panel-heading a:focus, | |
#running .panel-group .panel .panel-heading a:hover { | |
font-size: 14pt; | |
color: #899ab8; | |
} | |
#running .panel-group .panel .panel-body .list_container .list_item { | |
background: #384152; | |
background-color: #384152; | |
padding: 2px; | |
border-bottom: 2px solid rgba(80,92,133,.22); | |
} | |
#running .panel-group .panel .panel-body .list_container .list_item:hover { | |
background: #384152; | |
background-color: #384152; | |
} | |
#running .panel-group .panel .panel-body { | |
padding: 2px; | |
} | |
button#refresh_running_list { | |
border: none !important; | |
} | |
button#refresh_cluster_list { | |
border: none !important; | |
} | |
div.running_list_info.toolbar_info { | |
font-size: 15px; | |
padding: 4px 0 4px 0; | |
margin-top: 5px; | |
margin-bottom: 8px; | |
height: 24px; | |
line-height: 24px; | |
text-shadow: none; | |
} | |
.list_placeholder { | |
font-weight: normal; | |
} | |
#tree-selector { | |
padding: 0px; | |
border-color: transparent; | |
} | |
#project_name > ul > li > a > i.fa.fa-home { | |
color: #7aa05d; | |
font-size: 17pt; | |
display: inline-block; | |
position: static; | |
padding: 0px 0px; | |
font-weight: normal; | |
text-align: center; | |
vertical-align: text-top; | |
} | |
.fa-folder:before { | |
color: #4c8be2; | |
} | |
.fa-arrow-up:before { | |
font-size: 14px; | |
} | |
.fa-arrow-down:before { | |
font-size: 14px; | |
} | |
span#last-modified.btn.btn-xs.btn-default.sort-action:hover .fa, | |
span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa { | |
color: #7aa05d; | |
} | |
.folder_icon:before { | |
display: inline-block; | |
font: normal normal normal 14px/1 FontAwesome; | |
font-size: inherit; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: "\f07b"; | |
color: #4c8be2; | |
} | |
.notebook_icon:before { | |
display: inline-block; | |
font: normal normal normal 14px/1 FontAwesome; | |
font-size: inherit; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: "\f02d"; | |
position: relative; | |
color: #94c273 !important; | |
top: 0px; | |
} | |
.file_icon:before { | |
display: inline-block; | |
font: normal normal normal 14px/1 FontAwesome; | |
font-size: inherit; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: "\f15b"; | |
position: relative; | |
top: 0px; | |
color: #899ab8 !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: sans-serif; | |
font-size: 17px; | |
color: #526488; | |
} | |
span#login_widget > .button, | |
#logout { | |
font-family: "Proxima Nova", sans-serif; | |
color: #899ab8; | |
background: transparent; | |
background-color: transparent; | |
border: 2px solid #303542; | |
font-weight: normal; | |
box-shadow: none; | |
text-shadow: none; | |
border-radius: 3px; | |
margin-right: 10px; | |
padding: 2px 7px; | |
} | |
span#login_widget > .button:hover, | |
#logout:hover { | |
color: #7aa05d; | |
background-color: transparent; | |
background: transparent; | |
border: 2px solid #7aa05d; | |
background-image: none; | |
box-shadow: none !important; | |
border-radius: 3px; | |
} | |
span#login_widget > .button:focus, | |
#logout:focus, | |
span#login_widget > .button.focus, | |
#logout.focus, | |
span#login_widget > .button:active, | |
#logout:active, | |
span#login_widget > .button.active, | |
#logout.active, | |
.open > .dropdown-togglespan#login_widget > .button, | |
.open > .dropdown-toggle#logout { | |
color: #d8dcee; | |
background-color: #899ab8; | |
background: #899ab8; | |
border-color: #899ab8; | |
background-image: none; | |
box-shadow: none !important; | |
border-radius: 2px; | |
} | |
body > #header #header-container { | |
padding-bottom: 0px; | |
padding-top: 4px; | |
box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
-webkit-box-sizing: border-box; | |
} | |
body > #header { | |
background: #1d1e23; | |
background-color: #1d1e23; | |
position: relative; | |
z-index: 100; | |
} | |
.list_container { | |
font-size: 11.5pt; | |
color: #899ab8; | |
border: none; | |
text-shadow: none !important; | |
} | |
.list_container > div { | |
border-bottom: 1px solid rgba(80,92,133,.22); | |
font-size: 11.5pt; | |
} | |
.list_header > div, | |
.list_item > div { | |
padding-top: 6px; | |
padding-bottom: 2px; | |
padding-left: 0px; | |
} | |
.list_header > div .item_link, | |
.list_item > div .item_link { | |
margin-left: -1px; | |
vertical-align: middle; | |
line-height: 22px; | |
font-size: 11.5pt; | |
} | |
.item_icon { | |
color: #4c8be2; | |
font-size: 13pt; | |
vertical-align: middle; | |
} | |
.list_item input:not([type="checkbox"]) { | |
padding-right: 0px; | |
height: 1.75em; | |
width: 25%; | |
margin: 0px 0 0; | |
margin-top: 0px; | |
} | |
.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: 0px; | |
padding-bottom: 0px; | |
margin-bottom: 0px; | |
margin-top: 0px; | |
left: -3px; | |
border-radius: 0px !important; | |
} | |
#button-select-all:focus, | |
#button-select-all:active:focus, | |
#button-select-all.active:focus, | |
#button-select-all.focus, | |
#button-select-all:active.focus, | |
#button-select-all.active.focus { | |
background-color: #303542 !important; | |
background: #303542 !important; | |
} | |
button#tree-selector-btn { | |
height: 34px; | |
font-size: 10.5pt; | |
border: none; | |
left: 0px; | |
border-radius: 0px !important; | |
} | |
input#select-all.pull-left.tree-selector { | |
margin-left: 7px; | |
margin-right: 2px; | |
margin-top: 2px; | |
top: 4px; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
margin-top: 1px; | |
line-height: normal; | |
} | |
.delete-button { | |
border: none !important; | |
} | |
i.fa.fa-trash { | |
font-size: 13.5pt; | |
} | |
.list_container a { | |
font-size: 16px; | |
color: #899ab8; | |
border: none; | |
text-shadow: none !important; | |
font-weight: normal; | |
font-style: normal; | |
} | |
div.list_container a:hover { | |
color: #bbc2e0; | |
} | |
.list_header > div input, | |
.list_item > div input { | |
margin-right: 7px; | |
margin-left: 12px; | |
vertical-align: baseline; | |
line-height: 22px; | |
position: relative; | |
top: -1px; | |
} | |
div.list_item:hover { | |
background-color: rgba(80,90,133,.06); | |
} | |
.breadcrumb > li { | |
font-size: 10.5pt; | |
color: #899ab8; | |
border: none; | |
text-shadow: none !important; | |
} | |
.breadcrumb > li + li:before { | |
content: "/\00a0"; | |
padding: 0px; | |
color: #899ab8; | |
font-size: 18px; | |
} | |
#project_name > .breadcrumb { | |
padding: 0px; | |
margin-bottom: 0px; | |
background-color: transparent; | |
font-weight: normal; | |
margin-top: -2px; | |
} | |
ul#tabs a { | |
font-family: sans-serif; | |
font-size: 13.5pt; | |
font-weight: normal; | |
font-style: normal; | |
text-shadow: none !important; | |
} | |
.nav-tabs { | |
font-family: sans-serif; | |
font-size: 13.5pt; | |
font-weight: normal; | |
font-style: normal; | |
background-color: transparent; | |
border-color: transparent; | |
text-shadow: none !important; | |
border: 2px solid transparent; | |
} | |
.nav-tabs > li > a:active, | |
.nav-tabs > li > a:focus, | |
.nav-tabs > li > a:hover, | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:focus, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a:focus { | |
color: #7aa05d; | |
background-color: transparent; | |
border-color: transparent; | |
border-bottom: 2px solid transparent; | |
} | |
.nav > li.disabled > a, | |
.nav > li.disabled > a:hover { | |
color: #526488; | |
} | |
.nav-tabs > li > a:before { | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 2px; | |
bottom: -2px; | |
left: 0; | |
background-color: #7aa05d; | |
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 { | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 2px; | |
bottom: -2px; | |
left: 0; | |
background-color: #7aa05d; | |
visibility: visible; | |
-webkit-transform: perspective(1)scaleX(1); | |
transform: perspective(1)scaleX(1); | |
-webkit-font-smoothing: subpixel-antialiased !important; | |
} | |
div#notebook { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
padding-top: 4px; | |
} | |
.notebook_app { | |
background-color: #1d1e23; | |
} | |
#notebook-container { | |
padding: 13px 2px; | |
background-color: #1d1e23; | |
min-height: 0px; | |
box-shadow: none; | |
width: 88%; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
div#ipython-main-app.container { | |
width: 88%; | |
margin-right: auto; | |
margin-left: auto; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.container { | |
width: 88%; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
div#menubar-container { | |
width: 100%; | |
width: 88%; | |
} | |
div#header-container { | |
width: 88%; | |
} | |
.notebook_app #header, | |
.edit_app #header { | |
box-shadow: none !important; | |
background-color: #1d1e23; | |
border-bottom: 2px solid rgba(80,92,133,.22); | |
} | |
#header, | |
.edit_app #header { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
box-shadow: none; | |
background-color: #1d1e23; | |
} | |
#header .header-bar, | |
.edit_app #header .header-bar { | |
background: #1d1e23; | |
background-color: #1d1e23; | |
} | |
body > #header .header-bar { | |
width: 100%; | |
background: #1d1e23; | |
} | |
span.checkpoint_status, | |
span.autosave_status { | |
font-size: small; | |
display: none; | |
} | |
#menubar, | |
div#menubar { | |
background-color: #1d1e23; | |
padding-top: 0px !important; | |
} | |
#menubar .navbar, | |
.navbar-default { | |
background-color: #1d1e23; | |
margin-bottom: 0px; | |
margin-top: 0px; | |
} | |
.navbar { | |
border: none; | |
} | |
div.navbar-text, | |
.navbar-text, | |
.navbar-text.indicator_area, | |
p.navbar-text.indicator_area { | |
margin-top: 8px !important; | |
margin-bottom: 0px; | |
color: #7aa05d; | |
} | |
.navbar-default { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
background-color: #1d1e23; | |
border-color: #313643; | |
line-height: 1.5em; | |
padding-bottom: 0px; | |
} | |
.navbar-default .navbar-nav > li > a { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
color: #899ab8; | |
display: block; | |
line-height: 1.5em; | |
padding-top: 14px; | |
padding-bottom: 11px; | |
} | |
.navbar-default .navbar-nav > li > a:hover, | |
.navbar-default .navbar-nav > li > a:focus { | |
color: #bbc2e0 !important; | |
background-color: rgba(80,92,133,.22) !important; | |
border-color: #313643 !important; | |
line-height: 1.5em; | |
transition: 80ms ease; | |
} | |
.navbar-default .navbar-nav > .open > a, | |
.navbar-default .navbar-nav > .open > a:hover, | |
.navbar-default .navbar-nav > .open > a:focus { | |
color: #d8dcee; | |
background-color: #353b49; | |
border-color: #353b49; | |
line-height: 1.5em; | |
} | |
.navbar-nav > li > .dropdown-menu { | |
margin-top: 0px; | |
} | |
.navbar-nav { | |
margin: 0; | |
} | |
div.notification_widget.info, | |
.notification_widget.info, | |
.notification_widget:active:hover, | |
.notification_widget.active:hover, | |
.open > .dropdown-toggle.notification_widget:hover, | |
.notification_widget:active:focus, | |
.notification_widget.active:focus, | |
.open > .dropdown-toggle.notification_widget:focus, | |
.notification_widget:active.focus, | |
.notification_widget.active.focus, | |
.open > .dropdown-toggle.notification_widget.focus, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:hover, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:focus { | |
color: #899ab8 !important; | |
background-color: transparent !important; | |
border-color: transparent !important; | |
padding-bottom: 0px !important; | |
margin-bottom: 0px !important; | |
font-size: 9pt !important; | |
z-index: 0; | |
} | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn { | |
font-size: 9pt !important; | |
z-index: 0; | |
} | |
.notification_widget { | |
color: #4c8be2; | |
z-index: -500; | |
font-size: 9pt; | |
background: transparent; | |
background-color: transparent; | |
margin-right: 3px; | |
border: none; | |
} | |
.notification_widget, | |
div.notification_widget { | |
margin-right: 0px; | |
margin-left: 0px; | |
padding-right: 0px; | |
vertical-align: text-top !important; | |
margin-top: 6px !important; | |
background: transparent !important; | |
background-color: transparent !important; | |
font-size: 9pt !important; | |
border: none; | |
} | |
.navbar-btn.btn-xs:hover { | |
border: none !important; | |
background: transparent !important; | |
background-color: transparent !important; | |
color: #899ab8 !important; | |
} | |
div.notification_widget.info, | |
.notification_widget.info { | |
display: none !important; | |
} | |
.edit_mode .modal_indicator:before { | |
display: none; | |
} | |
.command_mode .modal_indicator:before { | |
display: none; | |
} | |
.item_icon { | |
color: #4c8be2; | |
} | |
.item_buttons .kernel-name { | |
font-size: 11.5pt; | |
color: #4c8be2; | |
} | |
.running_notebook_icon:before { | |
color: #94c273 !important; | |
font: normal normal normal 15px/1 FontAwesome; | |
font-size: 15px; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
content: "\f10c"; | |
vertical-align: middle; | |
position: static; | |
display: inherit; | |
} | |
.item_buttons .running-indicator { | |
padding-top: 4px; | |
color: #94c273; | |
font-family: sans-serif; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
} | |
#notification_trusted { | |
font-family: sans-serif; | |
border: none; | |
background: transparent; | |
background-color: transparent; | |
margin-bottom: 0px !important; | |
vertical-align: bottom !important; | |
color: #526488 !important; | |
cursor: default !important; | |
} | |
#notification_area, | |
div.notification_area { | |
float: right !important; | |
position: static; | |
cursor: pointer; | |
padding-top: 6px; | |
padding-right: 4px; | |
} | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn { | |
font-size: 9pt !important; | |
z-index: 0; | |
margin-top: -5px !important; | |
} | |
#modal_indicator { | |
float: right !important; | |
color: #4c8be2; | |
background: #1d1e23; | |
background-color: #1d1e23; | |
margin-top: 8px !important; | |
margin-left: 0px; | |
} | |
#kernel_indicator { | |
float: right !important; | |
color: #7aa05d; | |
background: #1d1e23; | |
background-color: #1d1e23; | |
border-left: 2px solid #7aa05d; | |
padding-top: 0px; | |
padding-bottom: 4px; | |
margin-top: 10px !important; | |
margin-left: -2px; | |
padding-left: 5px !important; | |
} | |
#kernel_indicator .kernel_indicator_name { | |
font-size: 17px; | |
color: #7aa05d; | |
background: #1d1e23; | |
background-color: #1d1e23; | |
padding-left: 5px; | |
padding-right: 5px; | |
margin-top: 4px; | |
vertical-align: text-top; | |
padding-bottom: 0px; | |
} | |
.kernel_idle_icon:before { | |
display: inline-block; | |
font: normal normal normal 22px/1 FontAwesome; | |
font-size: 22px; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
cursor: pointer; | |
margin-left: 0px !important; | |
opacity: 0.7; | |
vertical-align: bottom; | |
margin-top: 1px; | |
content: "\f1db"; | |
} | |
.kernel_busy_icon:before { | |
display: inline-block; | |
font: normal normal normal 22px/1 FontAwesome; | |
font-size: 22px; | |
-webkit-animation: pulsate 2s infinite ease-out; | |
animation: pulsate 2s infinite ease-out; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
cursor: pointer; | |
margin-left: 0px !important; | |
vertical-align: bottom; | |
margin-top: 1px; | |
content: "\f111"; | |
} | |
@-webkit-keyframes pulsate { | |
0% { | |
-webkit-transform: scale(1.0,1.0); | |
opacity: 0.8; | |
} | |
8% { | |
-webkit-transform: scale(1.0,1.0); | |
opacity: 0.8; | |
} | |
50% { | |
-webkit-transform: scale(0.75,0.75); | |
opacity: 0.3; | |
} | |
92% { | |
-webkit-transform: scale(1.0,1.0); | |
opacity: 0.8; | |
} | |
100% { | |
-webkit-transform: scale(1.0,1.0); | |
opacity: 0.8; | |
} | |
} | |
div.notification_widget.info, | |
.notification_widget.info, | |
.notification_widget:active:hover, | |
.notification_widget.active:hover, | |
.open > .dropdown-toggle.notification_widget:hover, | |
.notification_widget:active:focus, | |
.notification_widget.active:focus, | |
.open > .dropdown-toggle.notification_widget:focus, | |
.notification_widget:active.focus, | |
.notification_widget.active.focus, | |
.open > .dropdown-toggle.notification_widget.focus, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:hover, | |
div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:focus { | |
color: #899ab8; | |
background-color: #1d1e23; | |
border-color: #1d1e23; | |
} | |
#notification_area, | |
div.notification_area { | |
float: right !important; | |
position: static; | |
} | |
.notification_widget, | |
div.notification_widget { | |
margin-right: 0px; | |
margin-left: 0px; | |
padding-right: 0px; | |
vertical-align: text-top !important; | |
margin-top: 6px !important; | |
z-index: 1000; | |
} | |
#kernel_logo_widget, | |
#kernel_logo_widget .current_kernel_logo { | |
display: none; | |
} | |
div#ipython_notebook { | |
display: none; | |
} | |
i.fa.fa-icon { | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
text-rendering: auto; | |
} | |
.fa { | |
display: inline-block; | |
font: normal normal normal 10pt/1 "FontAwesome", sans-serif; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.dropdown-menu { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
box-shadow: none; | |
padding: 0px; | |
text-align: left; | |
border: none; | |
background-color: #353b49; | |
background: #353b49; | |
line-height: 1; | |
} | |
.dropdown-menu:hover { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
box-shadow: none; | |
padding: 0px; | |
text-align: left; | |
border: none; | |
background-color: #353b49; | |
box-shadow: none; | |
line-height: 1; | |
} | |
.dropdown-menu > li > a { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
display: block; | |
padding: 10px 20px 9px 10px; | |
color: #899ab8; | |
background-color: #353b49; | |
background: #353b49; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus { | |
color: #bbc2e0; | |
background-color: #313643; | |
background: #313643; | |
border-color: #313643; | |
transition: 200ms ease; | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 0px 0px; | |
overflow: hidden; | |
background-color: rgba(80,92,133,.45); | |
} | |
.dropdown-submenu > .dropdown-menu { | |
display: none; | |
top: 2px !important; | |
left: 100%; | |
margin-top: -2px; | |
margin-left: 0px; | |
padding-top: 0px; | |
transition: 200ms ease; | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
font-weight: normal; | |
color: #526488; | |
padding: none; | |
display: block; | |
clear: both; | |
white-space: nowrap; | |
} | |
.dropdown-submenu > a:after { | |
color: #899ab8; | |
margin-right: -16px; | |
margin-top: 0px; | |
display: inline-block; | |
} | |
.dropdown-submenu:hover > a:after, | |
.dropdown-submenu:active > a:after, | |
.dropdown-submenu:focus > a:after, | |
.dropdown-submenu:visited > a:after { | |
color: #7aa05d; | |
margin-right: -16px; | |
display: inline-block !important; | |
} | |
div.kse-dropdown > .dropdown-menu, | |
.kse-dropdown > .dropdown-menu { | |
min-width: 0; | |
top: 94%; | |
} | |
.btn, | |
.btn-default { | |
font-family: sans-serif; | |
color: #899ab8; | |
background: #303542; | |
background-color: #303542; | |
border: 2px solid #303542; | |
font-weight: normal; | |
box-shadow: none; | |
text-shadow: none; | |
border-radius: 3px; | |
font-size: initial; | |
} | |
.btn:hover, | |
.btn:active:hover, | |
.btn.active:hover, | |
.btn-default:hover, | |
.open > .dropdown-toggle.btn-default:hover, | |
.open > .dropdown-toggle.btn:hover { | |
color: #7aa05d; | |
border: 2px solid #2a2e39; | |
background-color: #2a2e39; | |
background: #2a2e39; | |
background-image: none; | |
box-shadow: none !important; | |
border-radius: 3px; | |
} | |
.btn:active, | |
.btn.active, | |
.btn:active:focus, | |
.btn.active:focus, | |
.btn:active.focus, | |
.btn.active.focus, | |
.btn-default:focus, | |
.btn-default.focus, | |
.btn-default:active, | |
.btn-default.active, | |
.btn-default:active:hover, | |
.btn-default.active:hover, | |
.btn-default:active:focus, | |
.btn-default.active:focus, | |
.btn-default:active.focus, | |
.btn-default.active.focus, | |
.open > .dropdown-toggle.btn:focus, | |
.open > .dropdown-toggle.btn.focus, | |
.open > .dropdown-toggle.btn-default:hover, | |
.open > .dropdown-toggle.btn-default:focus, | |
.open > .dropdown-toggle.btn-default.hover, | |
.open > .dropdown-toggle.btn-default.focus { | |
color: #7aa05d; | |
border: 2px solid #2a2e39; | |
background-color: #2a2e39 !important; | |
background: #2a2e39 !important; | |
background-image: none; | |
box-shadow: none !important; | |
border-radius: 3px; | |
} | |
.btn-default:active:hover, | |
.btn-default.active:hover, | |
.btn-default:active:focus, | |
.btn-default.active:focus, | |
.btn-default:active.focus, | |
.btn-default.active.focus { | |
color: #8adc4b !important; | |
background-color: #303542; | |
border-color: #546745 !important; | |
transition: 2000ms ease; | |
} | |
.btn:focus, | |
.btn.focus, | |
.btn:active:focus, | |
.btn.active:focus, | |
.btn:active, | |
.btn.active, | |
.btn:active.focus, | |
.btn.active.focus { | |
color: #8adc4b !important; | |
outline: none !important; | |
outline-width: 0px !important; | |
background: #546745 !important; | |
background-color: #546745 !important; | |
border-color: #546745 !important; | |
transition: 200ms ease !important; | |
} | |
.item_buttons > .btn, | |
.item_buttons > .btn-group, | |
.item_buttons > .input-group { | |
font-size: 11.5pt; | |
background: transparent; | |
background-color: transparent; | |
border: 0px solid #2e3642; | |
border-bottom: 2px solid transparent; | |
margin-left: 5px; | |
padding-top: 4px !important; | |
} | |
.item_buttons > .btn:hover, | |
.item_buttons > .btn-group:hover, | |
.item_buttons > .input-group:hover, | |
.item_buttons > .btn.active, | |
.item_buttons > .btn-group.active, | |
.item_buttons > .input-group.active, | |
.item_buttons > .btn.focus { | |
margin-left: 5px; | |
background: #2a313c; | |
padding-top: 4px !important; | |
background-color: transparent; | |
border: 0px solid transparent; | |
border-bottom: 2px solid #7aa05d; | |
border-radius: 0px; | |
transition: none; | |
} | |
.item_buttons { | |
line-height: 1.5em !important; | |
} | |
.item_buttons .btn { | |
min-width: 11ex; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 3px; | |
} | |
.btn-group > .btn-mini, | |
.btn-sm, | |
.btn-group-sm > .btn, | |
.btn-xs, | |
.btn-group-xs > .btn, | |
.alternate_upload .btn-upload, | |
.btn-group, | |
.btn-group-vertical { | |
font-size: inherit; | |
font-weight: normal; | |
height: inherit; | |
line-height: inherit; | |
} | |
.btn-xs, | |
.btn-group-xs > .btn { | |
font-size: initial !important; | |
background-image: none; | |
font-weight: normal; | |
text-shadow: none; | |
display: inline-table; | |
padding: 2px 5px; | |
line-height: 1.45; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 3px; | |
} | |
div#new-buttons > button, | |
#new-buttons > button, | |
div#refresh_notebook_list, | |
#refresh_notebook_list { | |
background: transparent; | |
background-color: transparent; | |
border: none; | |
} | |
div#new-buttons > button:hover, | |
#new-buttons > button:hover, | |
div#refresh_notebook_list, | |
#refresh_notebook_list, | |
div.alternate_upload .btn-upload, | |
.alternate_upload .btn-upload, | |
div.dynamic-buttons > button, | |
.dynamic-buttons > button, | |
.dynamic-buttons > button:focus, | |
.dynamic-buttons > button:active:focus, | |
.dynamic-buttons > button.active:focus, | |
.dynamic-buttons > button.focus, | |
.dynamic-buttons > button:active.focus, | |
.dynamic-buttons > button.active.focus, | |
#new-buttons > button:focus, | |
#new-buttons > button:active:focus, | |
#new-buttons > button.active:focus, | |
#new-buttons > button.focus, | |
#new-buttons > button:active.focus, | |
#new-buttons > button.active.focus, | |
.alternate_upload .btn-upload:focus, | |
.alternate_upload .btn-upload:active:focus, | |
.alternate_upload .btn-upload.active:focus, | |
.alternate_upload .btn-upload.focus, | |
.alternate_upload .btn-upload:active.focus, | |
.alternate_upload .btn-upload.active.focus { | |
background: transparent !important; | |
background-color: transparent !important; | |
border: none !important; | |
} | |
.alternate_upload input.fileinput { | |
text-align: center; | |
vertical-align: bottom; | |
margin-left: -.5ex; | |
display: inline-table; | |
border: solid 0px #303542; | |
margin-bottom: -1ex; | |
} | |
.alternate_upload .btn-upload { | |
display: inline-table; | |
background: transparent; | |
border: none; | |
} | |
.btn-group .btn + .btn, | |
.btn-group .btn + .btn-group, | |
.btn-group .btn-group + .btn, | |
.btn-group .btn-group + .btn-group { | |
margin-left: -2px; | |
} | |
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
z-index: 2; | |
} | |
.dropdown-header { | |
font-family: sans-serif !important; | |
font-size: 11.5pt !important; | |
color: #7aa05d !important; | |
border-bottom: none !important; | |
padding: 0px !important; | |
margin: 6px 6px 0px !important; | |
} | |
span#last-modified.btn.btn-xs.btn-default.sort-action, | |
span#sort-name.btn.btn-xs.btn-default.sort-action, | |
span#file-size.btn.btn-xs.btn-default.sort-action { | |
font-family: sans-serif; | |
font-size: 16px; | |
background-color: transparent; | |
background: transparent; | |
border: none; | |
color: #899ab8; | |
padding-bottom: 0px; | |
margin-bottom: 0px; | |
vertical-align: sub; | |
} | |
span#last-modified.btn.btn-xs.btn-default.sort-action { | |
margin-left: 19px; | |
} | |
button.close { | |
border: 0px none; | |
font-family: sans-serif; | |
font-size: 20pt; | |
font-weight: normal; | |
} | |
.dynamic-buttons { | |
padding-top: 0px; | |
display: inline-block; | |
} | |
.close { | |
color: #dc6972; | |
opacity: .5; | |
text-shadow: none; | |
font-weight: normal; | |
} | |
.close:hover { | |
color: #dc6972; | |
opacity: 1; | |
font-weight: normal; | |
} | |
div.nbext-enable-btns .btn[disabled], | |
div.nbext-enable-btns .btn[disabled]:hover, | |
.btn-default.disabled, | |
.btn-default[disabled], | |
.btn-default.disabled:hover, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default:hover, | |
.btn-default.disabled:focus, | |
.btn-default[disabled]:focus, | |
fieldset[disabled] .btn-default:focus, | |
.btn-default.disabled.focus, | |
.btn-default[disabled].focus, | |
fieldset[disabled] .btn-default.focus { | |
color: #687b96; | |
background: #2e333f; | |
background-color: #2e333f; | |
border-color: #2e333f; | |
transition: 200ms ease; | |
} | |
.input-group-addon { | |
padding: 2px 5px; | |
font-size: 11.5pt; | |
font-weight: normal; | |
height: auto; | |
color: #899ab8; | |
text-align: center; | |
background-color: transparent; | |
border: 2px solid transparent !important; | |
text-transform: capitalize; | |
} | |
a.btn.btn-default.input-group-addon:hover { | |
background: transparent !important; | |
background-color: transparent !important; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
height: 100%; | |
} | |
.btn-group > .btn + .dropdown-toggle:hover { | |
background: #2a2e39 !important; | |
} | |
.input-group-btn { | |
position: relative; | |
font-size: inherit; | |
white-space: nowrap; | |
background: #2e3642; | |
background-color: #2e3642; | |
border: none; | |
} | |
.input-group-btn:hover { | |
background: #2a313c; | |
background-color: #2a313c; | |
border: none; | |
} | |
.input-group-btn:first-child > .btn, | |
.input-group-btn:first-child > .btn-group { | |
background: #2e3642; | |
background-color: #2e3642; | |
border: none; | |
margin-left: 2px; | |
margin-right: -1px; | |
font-size: inherit; | |
} | |
.input-group-btn:first-child > .btn:hover, | |
.input-group-btn:first-child > .btn-group:hover { | |
background: #2a2e39; | |
background-color: #2a2e39; | |
border: none; | |
font-size: inherit; | |
transition: 200ms ease; | |
} | |
div.modal .btn-group > .btn:first-child { | |
background: #2e3642; | |
background-color: #2e3642; | |
border: 1px solid #2c343f; | |
margin-top: 0px !important; | |
margin-left: 0px; | |
margin-bottom: 2px; | |
} | |
div.modal .btn-group > .btn:first-child:hover { | |
background: #2a313c; | |
background-color: #2a313c; | |
border: 1px solid #2a313c; | |
transition: 200ms ease; | |
} | |
div.modal > button, | |
div.modal-footer > button { | |
background: #2e3642; | |
background-color: #2e3642; | |
border-color: #2e3642; | |
} | |
div.modal > button:hover, | |
div.modal-footer > button:hover { | |
background: #2a313c; | |
background-color: #2a313c; | |
border-color: #2a313c; | |
transition: 200ms ease; | |
} | |
.modal-content { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
position: relative; | |
background: #2e3642; | |
background-color: #2e3642; | |
border: none; | |
border-radius: 1px; | |
background-clip: padding-box; | |
outline: none; | |
} | |
.modal-header { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
color: #899ab8; | |
background: #2e3642; | |
background-color: #2e3642; | |
border-color: rgba(80,92,133,.22); | |
padding: 12px; | |
min-height: 16.4286px; | |
} | |
.modal-content h4 { | |
font-family: sans-serif; | |
font-size: 16pt; | |
color: #899ab8; | |
padding: 5px; | |
} | |
.modal-body { | |
background-color: #384152; | |
position: relative; | |
padding: 15px; | |
} | |
.modal-footer { | |
padding: 8px; | |
text-align: right; | |
background-color: #384152; | |
border-top: none; | |
} | |
.alert-info { | |
background-color: #4a5467; | |
border-color: rgba(80,92,133,.22); | |
color: #899ab8; | |
} | |
.modal-header .close { | |
margin-top: -5px; | |
font-size: 25pt; | |
} | |
.modal-backdrop, | |
.modal-backdrop.in { | |
opacity: 0.85; | |
background-color: notebook-bg; | |
} | |
div.panel, | |
div.panel-default, | |
.panel, | |
.panel-default { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
background-color: #384152; | |
color: #899ab8; | |
margin-bottom: 14px; | |
border: 0; | |
box-shadow: none; | |
} | |
div.panel > .panel-heading, | |
div.panel-default > .panel-heading { | |
font-size: 14pt; | |
color: #899ab8; | |
background: #2e3642; | |
background-color: #2e3642; | |
border: 0; | |
} | |
.modal .modal-dialog { | |
min-width: 950px; | |
margin: 50px auto; | |
} | |
div.container-fluid { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 0px; | |
padding-right: 5px; | |
} | |
div.form-control, | |
.form-control { | |
font-family: sans-serif; | |
font-size: initial; | |
color: #899ab8; | |
background-color: #262c36; | |
border: 1px solid #262c36 !important; | |
margin-left: 2px; | |
box-shadow: none; | |
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; | |
} | |
.form-control-static { | |
min-height: inherit; | |
height: inherit; | |
} | |
.form-group.list-group-item { | |
color: #899ab8; | |
background-color: #384152; | |
border-color: rgba(80,92,133,.22); | |
margin-bottom: 0px; | |
} | |
.form-group .input-group { | |
float: left; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
background-color: #262c36; | |
font-weight: normal; | |
border: 1px solid rgba(80,92,133,.22); | |
} | |
select.form-control.select-xs { | |
height: 33px; | |
font-size: 11.5pt; | |
} | |
.toolbar select, | |
.toolbar label { | |
width: auto; | |
vertical-align: middle; | |
margin-right: 0px; | |
margin-bottom: 0px; | |
display: inline; | |
font-size: 92%; | |
margin-left: 10px; | |
padding: 0px; | |
background: #303542 !important; | |
background-color: #303542 !important; | |
border: 2px solid #303542 !important; | |
} | |
.form-control:focus { | |
border-color: #7aa05d; | |
outline: 2px solid rgba(53,114,198,.75); | |
-webkit-box-shadow: none; | |
} | |
::-webkit-input-placeholder { | |
color: #526488; | |
} | |
::-moz-placeholder { | |
color: #526488; | |
} | |
:-ms-input-placeholder { | |
color: #526488; | |
} | |
:-moz-placeholder { | |
color: #526488; | |
} | |
[dir="ltr"] #find-and-replace .input-group-btn + .form-control { | |
border: 2px solid rgba(80,92,133,.22) !important; | |
} | |
[dir="ltr"] #find-and-replace .input-group-btn + .form-control:focus { | |
border-color: #7aa05d; | |
outline: 2px solid rgba(53,114,198,.75); | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
div.output.output_scroll { | |
box-shadow: none; | |
} | |
::-webkit-scrollbar { | |
width: 11px; | |
max-height: 9px; | |
background-color: #292d3a; | |
border-radius: 3px; | |
border: none; | |
} | |
::-webkit-scrollbar-track { | |
background: #292d3a; | |
border: none; | |
width: 11px; | |
max-height: 9px; | |
} | |
::-webkit-scrollbar-thumb { | |
border-radius: 2px; | |
border: none; | |
background: #3f4555; | |
background-clip: content-box; | |
width: 11px; | |
} | |
HTML, | |
body, | |
div, | |
dl, | |
dt, | |
dd, | |
ul, | |
ol, | |
li, | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
pre, | |
code, | |
form, | |
fieldset, | |
legend, | |
input, | |
button, | |
textarea, | |
p, | |
blockquote, | |
th, | |
td, | |
span, | |
a { | |
text-rendering: geometricPrecision; | |
-webkit-font-smoothing: subpixel-antialiased; | |
font-weight: 400; | |
} | |
div.input_area { | |
background-color: #2c303c; | |
background: #2c303c; | |
padding-right: 1.2em; | |
border: 0px; | |
border-radius: 0px; | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 4px; | |
} | |
div.cell { | |
padding: 0px; | |
background: #2c303c; | |
background-color: #2c303c; | |
border: medium solid #1d1e23; | |
border-radius: 4px; | |
top: 0; | |
} | |
div.cell.selected { | |
background: #2c303c; | |
background-color: #2c303c; | |
border: medium solid #1d1e23; | |
padding: 0px; | |
border-radius: 5px; | |
} | |
.edit_mode div.cell.selected { | |
padding: 0px; | |
background: #2c303c; | |
background-color: #2c303c; | |
border: medium solid #1d1e23; | |
border-radius: 5px; | |
} | |
div.cell.edit_mode { | |
padding: 0px; | |
background: #2c303c; | |
background-color: #2c303c; | |
} | |
div.CodeMirror-sizer { | |
margin-left: 0px; | |
margin-bottom: -21px; | |
border-right-width: 16px; | |
min-height: 37px; | |
padding-right: 0px; | |
padding-bottom: 0px; | |
margin-top: 0px; | |
} | |
div.cell.selected:before, | |
.edit_mode div.cell.selected:before, | |
div.cell.selected:before, | |
div.cell.selected.jupyter-soft-selected:before { | |
background: #2c303c !important; | |
border: none; | |
border-radius: 3px; | |
position: absolute; | |
display: block; | |
top: 0px; | |
left: 0px; | |
width: 0px; | |
height: 100%; | |
} | |
div.cell.text_cell.selected::before, | |
.edit_mode div.cell.text_cell.selected:before, | |
div.cell.text_cell.selected:before, | |
div.cell.text_cell.selected.jupyter-soft-selected:before { | |
background: #2c303c !important; | |
background-color: #2c303c !important; | |
border-color: #48536f !important; | |
} | |
div.cell.code_cell .input { | |
border-left: 5px solid #2c303c !important; | |
border-radius: 3px; | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
} | |
div.cell.code_cell.selected .input { | |
border-left: 5px solid #2769c3 !important; | |
border-radius: 3px; | |
} | |
.edit_mode div.cell.code_cell.selected .input { | |
border-left: 5px solid #33517c !important; | |
border-radius: 3px; | |
} | |
.edit_mode div.cell.selected:before { | |
height: 100%; | |
border-left: 5px solid #33517c !important; | |
border-radius: 3px; | |
} | |
div.cell.jupyter-soft-selected, | |
div.cell.selected.jupyter-soft-selected { | |
border-left-color: #33517c !important; | |
border-left-width: 0px !important; | |
padding-left: 7px !important; | |
border-right-color: #33517c !important; | |
border-right-width: 0px !important; | |
background: #33517c !important; | |
border-radius: 6px !important; | |
} | |
div.cell.selected.jupyter-soft-selected .input { | |
border-left: 5px solid #2c303c !important; | |
} | |
div.cell.selected.jupyter-soft-selected { | |
border-left-color: #2769c3; | |
border-color: #1d1e23; | |
padding-left: 7px; | |
border-radius: 6px; | |
} | |
div.cell.code_cell.selected .input { | |
border-left: none; | |
border-radius: 3px; | |
} | |
div.cell.selected.jupyter-soft-selected .prompt, | |
div.cell.text_cell.selected.jupyter-soft-selected .prompt { | |
top: 0; | |
border-left: #2c303c !important; | |
border-radius: 2px; | |
} | |
div.cell.text_cell.selected.jupyter-soft-selected .input_prompt { | |
border-left: none !important; | |
} | |
div.cell.text_cell.jupyter-soft-selected, | |
div.cell.text_cell.selected.jupyter-soft-selected { | |
border-left-color: #48536f !important; | |
border-left-width: 0px !important; | |
padding-left: 26px !important; | |
border-right-color: #48536f !important; | |
border-right-width: 0px !important; | |
background: #48536f !important; | |
border-radius: 5px !important; | |
} | |
div.cell.jupyter-soft-selected .input, | |
div.cell.selected.jupyter-soft-selected .input { | |
border-left-color: #33517c !important; | |
} | |
div.prompt, | |
.prompt { | |
font-family: Monaco, monospace; | |
font-size: 9pt !important; | |
font-weight: normal; | |
color: #526488; | |
line-height: 170%; | |
padding: 0px; | |
padding-top: 4px; | |
padding-left: 0px; | |
padding-right: 1px; | |
text-align: right !important; | |
min-width: 11.5ex !important; | |
width: 11.5ex !important; | |
} | |
div.prompt.input_prompt { | |
font-size: 9pt !important; | |
background-color: #2c303c; | |
border-top: 0px; | |
border-top-right-radius: 0px; | |
border-bottom-left-radius: 0px; | |
border-bottom-right-radius: 0px; | |
padding-right: 3px; | |
min-width: 11.5ex; | |
width: 11.5ex !important; | |
} | |
div.cell.code_cell .input_prompt { | |
border-right: 2px solid rgba(53,114,198,.75); | |
} | |
div.cell.selected .prompt { | |
top: 0; | |
} | |
.edit_mode div.cell.selected .prompt { | |
top: 0; | |
} | |
.edit_mode div.cell.selected .prompt { | |
top: 0; | |
} | |
.run_this_cell { | |
visibility: hidden; | |
color: transparent; | |
padding-top: 0px; | |
padding-bottom: 0px; | |
padding-left: 3px; | |
padding-right: 12px; | |
width: 1.5ex; | |
width: 0ex; | |
background: transparent; | |
background-color: transparent; | |
} | |
div.code_cell:hover div.input .run_this_cell { | |
visibility: visible; | |
} | |
div.cell.code_cell.rendered.selected .run_this_cell:hover { | |
background-color: #232730; | |
background: #232730; | |
color: #2769c3 !important; | |
} | |
div.cell.code_cell.rendered.unselected .run_this_cell:hover { | |
background-color: #232730; | |
background: #232730; | |
color: #2769c3 !important; | |
} | |
i.fa-step-forward.fa { | |
display: inline-block; | |
font: normal normal normal 9px "FontAwesome"; | |
} | |
.fa-step-forward:before { | |
content: "\f04b"; | |
} | |
div.cell.selected.jupyter-soft-selected .run_this_cell, | |
div.cell.selected.jupyter-soft-selected .run_this_cell:hover, | |
div.cell.unselected.jupyter-soft-selected .run_this_cell:hover, | |
div.cell.code_cell.rendered.selected.jupyter-soft-selected .run_this_cell:hover, | |
div.cell.code_cell.rendered.unselected.jupyter-soft-selected .run_this_cell:hover { | |
background-color: #33517c !important; | |
background: #33517c !important; | |
color: #33517c !important; | |
} | |
div.output_wrapper { | |
background-color: #373e4b; | |
border: 0px; | |
left: 0px; | |
margin-bottom: 0em; | |
margin-top: 0em; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
} | |
div.output_subarea.output_text.output_stream.output_stdout, | |
div.output_subarea.output_text { | |
font-family: Monaco, monospace; | |
font-size: 8.5pt !important; | |
line-height: 150% !important; | |
background-color: #373e4b; | |
color: #b1bed6; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
margin-left: 11.5px; | |
} | |
div.output_area pre { | |
font-family: Monaco, monospace; | |
font-size: 8.5pt !important; | |
line-height: 151% !important; | |
color: #b1bed6; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
} | |
div.output_area { | |
display: -webkit-box; | |
} | |
div.output_html { | |
font-family: Monaco, monospace; | |
font-size: 8.5pt; | |
color: #dbdfef; | |
background-color: #373e4b; | |
background: #373e4b; | |
} | |
div.output_subarea { | |
overflow-x: auto; | |
padding: 1.2em !important; | |
-webkit-box-flex: 1; | |
-moz-box-flex: 1; | |
box-flex: 1; | |
flex: 1; | |
} | |
div.btn.btn-default.output_collapsed { | |
background: #242a33; | |
background-color: #242a33; | |
border-color: #242a33; | |
} | |
div.btn.btn-default.output_collapsed:hover { | |
background: #1f252d; | |
background-color: #1f252d; | |
border-color: #1f252d; | |
} | |
div.prompt.output_prompt { | |
font-family: Monaco, monospace; | |
font-weight: bold !important; | |
background-color: #373e4b; | |
color: transparent; | |
border-bottom-left-radius: 4px; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
border-bottom-right-radius: 0px; | |
min-width: 11.5ex !important; | |
width: 11.5ex !important; | |
border-right: 2px solid transparent; | |
} | |
div.out_prompt_overlay.prompt { | |
font-family: Monaco, monospace; | |
font-weight: bold !important; | |
background-color: #373e4b; | |
border-bottom-left-radius: 2px; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
border-bottom-right-radius: 0px; | |
min-width: 11.5ex !important; | |
width: 11.5ex !important; | |
border-right: 2px solid transparent; | |
color: transparent; | |
} | |
div.out_prompt_overlay.prompt:hover { | |
background-color: #3e4458; | |
box-shadow: none !important; | |
border: none; | |
border-bottom-left-radius: 2px; | |
-webkit-border-: 2px; | |
-moz-border-radius: 2px; | |
border-top-right-radius: 0px; | |
border-top-left-radius: 0px; | |
min-width: 11.5ex !important; | |
width: 11.5ex !important; | |
border-right: 2px solid #3e4458 !important; | |
} | |
div.cell.code_cell .output_prompt { | |
border-right: 2px solid transparent; | |
color: transparent; | |
} | |
div.cell.selected .output_prompt, | |
div.cell.selected .out_prompt_overlay.prompt { | |
border-left: 5px solid #48536f; | |
border-right: 2px solid #373e4b; | |
border-radius: 0px !important; | |
} | |
.edit_mode div.cell.selected .output_prompt, | |
.edit_mode div.cell.selected .out_prompt_overlay.prompt { | |
border-left: 5px solid #48536f; | |
border-right: 2px solid #373e4b; | |
border-radius: 0px !important; | |
} | |
div.text_cell, | |
div.text_cell_render pre, | |
div.text_cell_render { | |
font-family: sans-serif; | |
font-size: 11pt; | |
line-height: 130% !important; | |
color: #abb7ce; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
div .text_cell_render { | |
padding: 0.4em 0.4em 0.4em 0.4em; | |
} | |
div.cell.text_cell .CodeMirror-lines { | |
padding-top: .7em !important; | |
padding-bottom: .4em !important; | |
padding-left: .5em !important; | |
padding-right: .5em !important; | |
margin-top: .4em; | |
margin-bottom: .3em; | |
} | |
div.cell.text_cell.unrendered div.input_area, | |
div.cell.text_cell.rendered div.input_area { | |
background-color: #2c303c; | |
background: #2c303c; | |
border: 0px; | |
border-radius: 2px; | |
} | |
div.cell.text_cell .CodeMirror, | |
div.cell.text_cell .CodeMirror pre { | |
line-height: 170% !important; | |
} | |
div.cell.text_cell.rendered.selected { | |
font-family: sans-serif; | |
line-height: 120% !important; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
div.cell.text_cell.unrendered.selected { | |
font-family: sans-serif; | |
line-height: 120% !important; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
div.cell.text_cell.selected { | |
font-family: sans-serif; | |
line-height: 120% !important; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
.edit_mode div.cell.text_cell.selected { | |
font-family: sans-serif; | |
line-height: 120% !important; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
div.text_cell.unrendered, | |
div.text_cell.unrendered.selected, | |
div.edit_mode div.text_cell.unrendered { | |
font-family: sans-serif; | |
line-height: 120% !important; | |
background: #2c303c; | |
background-color: #2c303c; | |
border-radius: 0px; | |
} | |
div.cell.text_cell .prompt { | |
border-right: 0; | |
min-width: 11.5ex !important; | |
width: 11.5ex !important; | |
} | |
div.cell.text_cell.rendered .prompt { | |
font-family: Monaco, monospace; | |
font-size: 9.5pt !important; | |
font-weight: normal; | |
color: #526488 !important; | |
text-align: right !important; | |
min-width: 14.5ex !important; | |
width: 14.5ex !important; | |
background-color: #2c303c; | |
border-right: 2px solid rgba(148,204,114,.3); | |
border-left: 4px solid #2c303c; | |
} | |
div.cell.text_cell.unrendered .prompt { | |
font-family: Monaco, monospace; | |
font-size: 9.5pt !important; | |
font-weight: normal; | |
color: #526488 !important; | |
text-align: right !important; | |
min-width: 14.5ex !important; | |
width: 14.5ex !important; | |
border-right: 2px solid rgba(148,204,114,.3); | |
border-left: 4px solid #2c303c; | |
background-color: #2c303c; | |
} | |
div.cell.text_cell.rendered .prompt { | |
border-right: 2px solid rgba(148,204,114,.3); | |
} | |
div.cell.text_cell.rendered.selected .prompt { | |
top: 0; | |
border-left: 4px solid #48536f; | |
border-right: 2px solid rgba(148,204,114,.3); | |
} | |
div.text_cell.unrendered.selected .prompt, | |
div.text_cell.rendered.selected .prompt { | |
top: 0; | |
background: #2c303c; | |
border-left: 4px solid #48536f; | |
border-right: 2px solid rgba(148,204,114,.3); | |
} | |
div.rendered_html code { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
padding-top: 3px; | |
padding-left: 2px; | |
color: #b5c2d9; | |
background: #262c36; | |
background-color: #262c36; | |
} | |
pre, | |
code, | |
kbd, | |
samp { | |
white-space: pre-wrap; | |
} | |
.well code, | |
code { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt !important; | |
line-height: 120% !important; | |
color: #abb7ce; | |
background: #262c36; | |
background-color: #262c36; | |
border-color: #262c36; | |
} | |
kbd { | |
padding: 1px; | |
font-size: 10.5pt; | |
font-weight: 800; | |
color: #b5c2d9; | |
background-color: transparent !important; | |
border: 0; | |
box-shadow: none; | |
} | |
pre { | |
display: block; | |
padding: 8.5px; | |
margin: 0 0 9px; | |
font-size: 10.5pt; | |
line-height: 1.42857143; | |
color: #b5c2d9; | |
background-color: #262c36; | |
border: 1px solid #262c36; | |
border-radius: 2px; | |
} | |
div.rendered_html { | |
color: #abb7ce; | |
} | |
.rendered_html * + ul { | |
margin-top: .4em; | |
margin-bottom: .3em; | |
} | |
.rendered_html * + p { | |
margin-top: .5em; | |
margin-bottom: .5em; | |
} | |
div.rendered_html pre { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt !important; | |
line-height: 120% !important; | |
color: #abb7ce !important; | |
background: #262c36; | |
background-color: #262c36; | |
max-width: 80%; | |
border-radius: 0px; | |
border-left: 3px solid #262c36; | |
max-width: 80%; | |
border-radius: 0px; | |
padding-left: 5px; | |
margin-left: 6px; | |
} | |
div.text_cell_render pre, | |
div.text_cell_render code { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt !important; | |
line-height: 120% !important; | |
color: #abb7ce; | |
background: #1d1e23; | |
background-color: #1d1e23; | |
max-width: 80%; | |
border-radius: 0px; | |
border-left: none; | |
} | |
div.text_cell_render pre { | |
border-left: 3px solid rgba(53,114,198,.75) !important; | |
max-width: 80%; | |
border-radius: 0px; | |
padding-left: 5px; | |
margin-left: 6px; | |
} | |
div.text_cell_render h1, | |
div.rendered_html h1, | |
div.text_cell_render h2, | |
div.rendered_html h2, | |
div.text_cell_render h3, | |
div.rendered_html h3, | |
div.text_cell_render h4, | |
div.rendered_html h4, | |
div.text_cell_render h5, | |
div.rendered_html h5 { | |
font-family: sans-serif; | |
margin: 0.4em .2em .3em .2em !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: 0.2em !important; | |
margin-bottom: 0.2em !important; | |
} | |
.rendered_html h1, | |
.text_cell_render h1 { | |
color: #7aa05d !important; | |
font-size: 200%; | |
text-align: left; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.rendered_html h2, | |
.text_cell_render h2 { | |
color: #7aa05d !important; | |
font-size: 170%; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.rendered_html h3, | |
.text_cell_render h3 { | |
color: #7aa05d !important; | |
font-size: 140%; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.rendered_html h4, | |
.text_cell_render h4 { | |
color: #7aa05d !important; | |
font-size: 110%; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.rendered_html h5, | |
.text_cell_render h5 { | |
color: #7aa05d !important; | |
font-size: 100%; | |
font-style: normal; | |
font-weight: normal; | |
} | |
hr { | |
margin-top: 8px; | |
margin-bottom: 10px; | |
border: 0; | |
border-top: 1px solid #7aa05d; | |
} | |
.rendered_html hr { | |
color: #7aa05d; | |
background-color: #7aa05d; | |
margin-right: 2em; | |
} | |
#complete > select > option:hover { | |
background: #313643; | |
background-color: #313643; | |
} | |
div#_vivaldi-spatnav-focus-indicator._vivaldi-spatnav-focus-indicator { | |
position: absolute; | |
z-index: 9999999999; | |
top: 0px; | |
left: 0px; | |
box-shadow: none; | |
pointer-events: none; | |
border-radius: 2px; | |
} | |
.rendered_html tr, | |
.rendered_html th, | |
.rendered_html td { | |
text-align: left; | |
vertical-align: middle; | |
padding: 0.42em 0.47em; | |
line-height: normal; | |
white-space: normal; | |
max-width: none; | |
border: none; | |
} | |
.rendered_html td { | |
font-family: sans-serif !important; | |
font-size: 9.3pt; | |
} | |
.rendered_html table { | |
font-family: sans-serif !important; | |
margin-left: 8px; | |
margin-right: auto; | |
border: none; | |
border-collapse: collapse; | |
border-spacing: 0; | |
color: #dbdfef; | |
table-layout: fixed; | |
} | |
.rendered_html thead { | |
font-family: sans-serif !important; | |
font-size: 10.3pt !important; | |
background: #2e3642; | |
color: #d4d8ec; | |
border-bottom: 1px solid #2e3642; | |
vertical-align: bottom; | |
} | |
.rendered_html tbody tr:nth-child(odd) { | |
background: #414b5e; | |
} | |
.rendered_html tbody tr { | |
background: #3b4455; | |
} | |
.rendered_html tbody tr:hover:nth-child(odd) { | |
background: #3f495b; | |
} | |
.rendered_html tbody tr:hover { | |
background: #394152; | |
} | |
.rendered_html * + table { | |
margin-top: .05em; | |
} | |
div.widget-area { | |
background-color: #373e4b; | |
background: #373e4b; | |
color: #b1bed6; | |
} | |
div.widget-area a { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
font-weight: normal; | |
font-style: normal; | |
color: #899ab8; | |
text-shadow: none !important; | |
} | |
div.widget-area a:hover, | |
div.widget-area a:focus { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
font-weight: normal; | |
font-style: normal; | |
color: #bbc2e0; | |
background: rgba(80,92,133,.22); | |
background-color: rgba(80,92,133,.22); | |
border-color: transparent; | |
background-image: none; | |
text-shadow: none !important; | |
} | |
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: #2c343f; | |
background-color: #2c343f; | |
border: 2px solid #2c343f !important; | |
font-size: inherit; | |
z-index: 0; | |
} | |
div.jupyter-widgets.widget-hprogress.widget-hbox { | |
display: inline-table !important; | |
width: 38% !important; | |
margin-left: 10px; | |
} | |
div.jupyter-widgets.widget-hprogress.widget-hbox .widget-label, | |
div.widget-hbox .widget-label, | |
.widget-hbox .widget-label, | |
.widget-inline-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: #b1bed6 !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: #546379 !important; | |
border-radius: 2px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
z-index: 10; | |
} | |
.progress-bar-danger { | |
background-color: #e16256 !important; | |
} | |
.progress-bar-info { | |
background-color: #3498db !important; | |
} | |
.progress-bar-warning { | |
background-color: #ff914d !important; | |
} | |
.progress-bar-success { | |
background-color: #83a83b !important; | |
} | |
.widget-select select { | |
margin-left: 12px; | |
} | |
.rendered_html :link { | |
font-family: sans-serif; | |
font-size: 100%; | |
color: #7aa05d; | |
text-decoration: underline; | |
} | |
.rendered_html :visited, | |
.rendered_html :visited:active, | |
.rendered_html :visited:focus { | |
color: #85a26f; | |
} | |
.rendered_html :visited:hover, | |
.rendered_html :link:hover { | |
font-family: sans-serif; | |
font-size: 100%; | |
color: #64963e; | |
} | |
div.cell.text_cell a.anchor-link:link { | |
font-size: inherit; | |
text-decoration: none; | |
padding: 0px 20px; | |
visibility: none; | |
color: rgba(0,0,0,.32); | |
} | |
div.cell.text_cell a.anchor-link:link:hover { | |
font-size: inherit; | |
color: #94c273; | |
} | |
.navbar-text { | |
margin-top: 4px; | |
margin-bottom: 0px; | |
} | |
#clusters > a { | |
color: #94c273; | |
text-decoration: underline; | |
cursor: auto; | |
} | |
#clusters > a:hover { | |
color: #4c8be2; | |
text-decoration: underline; | |
cursor: auto; | |
} | |
#nbextensions-configurator-container > div.row.container-fluid.nbext-selector > h3 { | |
font-size: 17px; | |
margin-top: 5px; | |
margin-bottom: 8px; | |
height: 24px; | |
padding: 4px 0 4px 0; | |
} | |
div#nbextensions-configurator-container.container, | |
#nbextensions-configurator-container.container { | |
width: 100%; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
div.nbext-selector > nav > .nav > li > a { | |
font-family: sans-serif; | |
font-size: 10.5pt; | |
padding: 2px 5px; | |
} | |
div.nbext-selector > nav > .nav > li > a:hover { | |
background: transparent; | |
} | |
div.nbext-selector > nav > .nav > li:hover { | |
background-color: rgba(80,92,133,.22) !important; | |
background: rgba(80,92,133,.22) !important; | |
} | |
div.nbext-selector > nav > .nav > li.active:hover { | |
background: transparent !important; | |
background-color: transparent !important; | |
} | |
.nav-pills > li.active > a, | |
.nav-pills > li.active > a:active, | |
.nav-pills > li.active > a:hover, | |
.nav-pills > li.active > a:focus { | |
color: #d8dcee; | |
background-color: rgba(80,92,133,.22) !important; | |
background: rgba(80,92,133,.22) !important; | |
-webkit-backface-visibility: hidden; | |
-webkit-font-smoothing: subpixel-antialiased !important; | |
} | |
div.nbext-readme > .nbext-readme-contents > .rendered_html { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
line-height: 145%; | |
padding: 1em 1em; | |
color: #abb7ce; | |
background-color: #2c303c; | |
-webkit-box-shadow: none; | |
-moz-box-shadow: none; | |
box-shadow: none; | |
} | |
.nbext-icon, | |
.nbext-desc, | |
.nbext-compat-div, | |
.nbext-enable-btns, | |
.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: 0.5em; | |
margin-bottom: 2em; | |
border: none; | |
border-top-color: rgba(148,204,114,.4); | |
} | |
.nbext-showhide-incompat { | |
padding-bottom: 0.5em; | |
color: #687b96; | |
font-size: 10.5pt; | |
} | |
.nbext-filter-menu.dropdown-menu > li > a:hover, | |
.nbext-filter-menu.dropdown-menu > li > a:focus, | |
.nbext-filter-menu.dropdown-menu > li > a.ui-state-focus { | |
color: #bbc2e0 !important; | |
background-color: #313643 !important; | |
background: #313643 !important; | |
border-color: #313643 !important; | |
} | |
.nbext-filter-input-wrap > .nbext-filter-input-subwrap, | |
.nbext-filter-input-wrap > .nbext-filter-input-subwrap > input { | |
border: none; | |
outline: none; | |
background-color: transparent; | |
padding: 0; | |
vertical-align: middle; | |
margin-top: -2px; | |
} | |
span.rendered_html code { | |
background-color: transparent; | |
color: #899ab8; | |
} | |
#nbextensions-configurator-container > div.row.container-fluid.nbext-selector { | |
padding-left: 0px; | |
padding-right: 0px; | |
} | |
.nbext-filter-menu { | |
max-height: 55vh !important; | |
overflow-y: auto; | |
outline: none; | |
border: none; | |
} | |
.nbext-filter-menu:hover { | |
border: none; | |
} | |
.alert-warning { | |
background-color: #384152; | |
border-color: #384152; | |
color: #899ab8; | |
} | |
.notification_widget.danger { | |
color: #ffffff; | |
background-color: #e16256; | |
border-color: #e16256; | |
padding-right: 5px; | |
} | |
#nbextensions-configurator-container > div.nbext-buttons.tree-buttons.no-padding.pull-right > span > button { | |
border: none !important; | |
} | |
button#refresh_running_list { | |
border: none !important; | |
} | |
mark, | |
.mark { | |
background-color: #2c303c; | |
color: #abb7ce; | |
padding: .15em; | |
} | |
a.text-warning, | |
a.text-warning:hover { | |
color: #526488; | |
} | |
a.text-warning.bg-warning { | |
background-color: #1d1e23; | |
} | |
span.bg-success.text-success { | |
background-color: transparent; | |
color: #94c273; | |
} | |
span.bg-danger.text-danger { | |
background-color: #1d1e23; | |
color: #dc6972; | |
} | |
.has-success .input-group-addon { | |
color: #94c273; | |
border-color: transparent; | |
background: inherit; | |
background-color: rgba(83,180,115,.10); | |
} | |
.has-success .form-control { | |
border-color: #94c273; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,0.025); | |
} | |
.has-error .input-group-addon { | |
color: #dc6972; | |
border-color: transparent; | |
background: inherit; | |
background-color: rgba(192,57,67,.10); | |
} | |
.has-error .form-control { | |
border-color: #dc6972; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,0.025); | |
} | |
.kse-input-group-pretty > kbd { | |
font-family: Monaco, monospace; | |
color: #899ab8; | |
font-weight: normal; | |
background: transparent; | |
} | |
.kse-input-group-pretty > kbd { | |
font-family: Monaco, monospace; | |
color: #899ab8; | |
font-weight: normal; | |
background: transparent; | |
} | |
div.nbext-enable-btns .btn[disabled], | |
div.nbext-enable-btns .btn[disabled]:hover, | |
.btn-default.disabled, | |
.btn-default[disabled] { | |
background: #2e333f; | |
background-color: #2e333f; | |
color: #7f92b2; | |
} | |
label#Keyword-Filter { | |
display: none; | |
} | |
.input-group .nbext-list-btn-add, | |
.input-group-btn:last-child > .btn-group > .btn { | |
background: #2e3642; | |
background-color: #2e3642; | |
border-color: #2e3642; | |
border: 2px solid #2e3642; | |
} | |
.input-group .nbext-list-btn-add:hover, | |
.input-group-btn:last-child > .btn-group > .btn:hover { | |
background: #2a313c; | |
background-color: #2a313c; | |
border-color: #2a313c; | |
border: 2px solid #2a313c; | |
} | |
#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: #2e3642; | |
background-color: #2e3642; | |
border-color: #2e3642; | |
} | |
#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: #2a313c; | |
background-color: #2a313c; | |
border-color: #2a313c; | |
} | |
.ui-widget-content { | |
background: #303542; | |
background-color: #303542; | |
border: 2px solid #303542; | |
color: #899ab8; | |
} | |
div.collapsible_headings_toggle { | |
color: rgba(80,92,133,.45) !important; | |
} | |
div.collapsible_headings_toggle:hover { | |
color: #7aa05d !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: 0.3em .4em 0em 0em !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 1000ms; | |
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(80,92,133,.45) !important; | |
padding: 0.5em 0em 0em 0em !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 1000ms !important; | |
-webkit-transform: inherit !important; | |
-moz-transform: inherit !important; | |
-ms-transform: inherit !important; | |
-o-transform: inherit !important; | |
transform: inherit !important; | |
padding-right: 0px !important; | |
} | |
#toc-wrapper { | |
z-index: 90; | |
position: fixed !important; | |
display: flex; | |
flex-direction: column; | |
overflow: hidden; | |
padding: 10px; | |
border-style: solid; | |
border-width: thin; | |
border-right-width: medium !important; | |
background-color: #1d1e23 !important; | |
} | |
#toc-wrapper.ui-draggable.ui-resizable.sidebar-wrapper { | |
border-color: rgba(80,92,133,.22) !important; | |
} | |
#toc a, | |
#navigate_menu a, | |
.toc { | |
color: #899ab8 !important; | |
font-size: 10.5pt !important; | |
} | |
#toc li > span:hover { | |
background-color: #313643 !important; | |
} | |
#toc a:hover, | |
#navigate_menu a:hover, | |
.toc { | |
color: #d8dcee !important; | |
font-size: 10.5pt !important; | |
} | |
#toc-wrapper .toc-item-num { | |
color: #7aa05d !important; | |
font-size: 10.5pt !important; | |
} | |
input.raw_input { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt !important; | |
color: #b5c2d9; | |
background-color: #262c36; | |
border-color: #242a33; | |
background: #242a33; | |
width: auto; | |
vertical-align: baseline; | |
padding: 0em 0.25em; | |
margin: 0em 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: 0px; | |
margin: 0px; | |
} | |
.cmd-palette form { | |
background: #293547; | |
background-color: #293547; | |
} | |
.typeahead-field input:last-child, | |
.typeahead-hint { | |
background: #293547; | |
background-color: #293547; | |
z-index: 1; | |
} | |
.typeahead-field input { | |
font-family: sans-serif; | |
color: #b5c2d9; | |
border: none; | |
font-size: 28pt; | |
display: inline-block; | |
line-height: inherit; | |
padding: 3px 10px; | |
height: 70px; | |
} | |
.typeahead-select { | |
background-color: #293547; | |
} | |
body > div.modal.cmd-palette.typeahead-field { | |
display: table; | |
border-collapse: separate; | |
background-color: #2b3850; | |
} | |
.typeahead-container button { | |
font-family: sans-serif; | |
font-size: 28pt; | |
background-color: #2e3642; | |
border: none; | |
display: inline-block; | |
line-height: inherit; | |
padding: 3px 10px; | |
height: 70px; | |
} | |
.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: #bbc2e0; | |
background-color: #2a313c; | |
border-color: #2a2e39; | |
} | |
.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: #899ab8; | |
text-decoration: none; | |
} | |
.typeahead-dropdown, | |
.typeahead-list { | |
font-family: sans-serif; | |
font-size: 11.5pt; | |
color: #899ab8; | |
background-color: #202937; | |
border: none; | |
background-clip: padding-box; | |
margin-top: 0px; | |
padding: 3px 2px 3px 0px; | |
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: #bbc2e0; | |
background-color: #2b3850; | |
border-color: #2b3850; | |
} | |
.command-shortcut:before { | |
content: "(command)"; | |
padding-right: 3px; | |
color: #526488; | |
} | |
.edit-shortcut:before { | |
content: "(edit)"; | |
padding-right: 3px; | |
color: #526488; | |
} | |
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: none; | |
} | |
div.input.typeahead-hint, | |
input.typeahead-hint, | |
body > div.modal.cmd-palette.in > div > div > div > form > div > div.typeahead-field > span.typeahead-query > input.typeahead-hint { | |
color: #526488 !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 #202937; | |
border-bottom-color: rgba(80,92,133,.45); | |
} | |
body > div.modal.cmd-palette.in > div { | |
min-width: 750px; | |
margin: 150px auto; | |
} | |
.typeahead-container strong { | |
font-weight: bolder; | |
color: #7aa05d; | |
} | |
#find-and-replace #replace-preview .match, | |
#find-and-replace #replace-preview .insert { | |
color: #ffffff; | |
background-color: #2769c3; | |
border-color: #2769c3; | |
border-style: solid; | |
border-width: 1px; | |
border-radius: 0px; | |
} | |
#find-and-replace #replace-preview .replace .match { | |
background-color: #dc6972; | |
border-color: #dc6972; | |
border-radius: 0px; | |
} | |
#find-and-replace #replace-preview .replace .insert { | |
background-color: #94c273; | |
border-color: #94c273; | |
border-radius: 0px; | |
} | |
.jupyter-dashboard-menu-item.selected::before { | |
font-family: 'FontAwesome' !important; | |
content: '\f00c' !important; | |
position: absolute !important; | |
color: #7aa05d !important; | |
left: 0px !important; | |
top: 13px !important; | |
font-size: 12px !important; | |
} | |
.shortcut_key, | |
span.shortcut_key { | |
display: inline-block; | |
width: 16ex; | |
text-align: right; | |
font-family: Monaco; | |
} | |
.jupyter-keybindings { | |
padding: 1px; | |
line-height: 24px; | |
border-bottom: 1px solid rgba(80,92,133,.22); | |
} | |
.jupyter-keybindings i { | |
background: #262c36; | |
font-size: small; | |
padding: 5px; | |
margin-left: 7px; | |
} | |
div#short-key-bindings-intro.well, | |
.well { | |
background-color: #2e3642; | |
border: 1px solid #2e3642; | |
color: #899ab8; | |
border-radius: 2px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
#texteditor-backdrop { | |
background: #1d1e23; | |
background-color: #1d1e23; | |
} | |
#texteditor-backdrop #texteditor-container .CodeMirror-gutter, | |
#texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
background: #353a48; | |
background-color: #353a48; | |
color: #526488; | |
} | |
.edit_app #menubar .navbar { | |
margin-bottom: 0px; | |
} | |
#texteditor-backdrop #texteditor-container { | |
padding: 0px; | |
background-color: #2c303c; | |
box-shadow: none; | |
} | |
.terminal-app { | |
background: #1d1e23; | |
} | |
.terminal-app > #header { | |
background: #1d1e23; | |
} | |
.terminal-app .terminal { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
line-height: 120%; | |
color: #b5c2d9; | |
background: #2c303c; | |
padding: 0.4em; | |
border-radius: 2px; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.terminal .xterm-viewport { | |
background-color: #2c303c; | |
color: #b5c2d9; | |
overflow-y: auto; | |
} | |
.terminal .xterm-color-0 { | |
color: #7aa05d; | |
} | |
.terminal .xterm-color-1 { | |
color: #ea8080; | |
} | |
.terminal .xterm-color-2 { | |
color: #cc89e0; | |
} | |
.terminal .xterm-color-3 { | |
color: #ea8080; | |
} | |
.terminal .xterm-color-4 { | |
color: #fea47f; | |
} | |
.terminal .xterm-color-5 { | |
color: #94c273; | |
} | |
.terminal .xterm-color-6 { | |
color: #61afef; | |
} | |
.terminal .xterm-color-7 { | |
color: #61afef; | |
} | |
.terminal .xterm-color-8 { | |
color: #94c273; | |
} | |
.terminal .xterm-color-9 { | |
color: #94c273; | |
} | |
.terminal .xterm-color-10 { | |
color: #ea8080; | |
} | |
.terminal .xterm-color-14 { | |
color: #61afef; | |
} | |
.terminal .xterm-bg-color-15 { | |
background-color: #2c303c; | |
} | |
.terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor { | |
background-color: #7aa05d; | |
color: #2c303c; | |
} | |
.terminal:not(.focus) .terminal-cursor { | |
outline: 1px solid #7aa05d; | |
outline-offset: -1px; | |
} | |
.celltoolbar { | |
font-size: 100%; | |
padding-top: 3px; | |
border-color: transparent; | |
border-bottom: thin solid rgba(148,204,114,.4); | |
background: transparent; | |
} | |
.cell-tag, | |
.tags-input input, | |
.tags-input button { | |
color: #899ab8; | |
background-color: #1d1e23; | |
background-image: none; | |
border: 1px solid #899ab8; | |
border-radius: 1px; | |
box-shadow: none; | |
width: inherit; | |
font-size: inherit; | |
height: 22px; | |
line-height: 22px; | |
} | |
#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 { | |
font-size: 10pt; | |
color: #899ab8; | |
background-color: #1d1e23; | |
background-image: none; | |
border: 1px solid #899ab8; | |
border-radius: 1px; | |
box-shadow: none; | |
width: inherit; | |
font-size: inherit; | |
height: 22px; | |
line-height: 22px; | |
} | |
div#pager #pager-contents { | |
background: #1d1e23 !important; | |
background-color: #1d1e23 !important; | |
} | |
div#pager pre { | |
color: #b5c2d9 !important; | |
background: #2c303c !important; | |
background-color: #2c303c !important; | |
padding: 0.4em; | |
} | |
div#pager .ui-resizable-handle { | |
top: 0px; | |
height: 8px; | |
background: #7aa05d !important; | |
border-top: 1px solid #7aa05d; | |
border-bottom: 1px solid #7aa05d; | |
} | |
div.CodeMirror, | |
div.CodeMirror pre { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
line-height: 120%; | |
color: #b5c2d9; | |
} | |
div.CodeMirror-lines { | |
padding-bottom: .9em; | |
padding-left: .5em; | |
padding-right: 1.5em; | |
padding-top: .7em; | |
} | |
span.ansiblack, | |
.ansi-black-fg { | |
color: #2b303b; | |
} | |
span.ansiblue, | |
.ansi-blue-fg, | |
.ansi-blue-intense-fg { | |
color: #61afef; | |
} | |
span.ansigray, | |
.ansi-gray-fg, | |
.ansi-gray-intense-fg { | |
color: #899ab8; | |
} | |
span.ansigreen, | |
.ansi-green-fg { | |
color: #8fca9a; | |
} | |
.ansi-green-intense-fg { | |
color: #899ab8; | |
} | |
span.ansipurple, | |
.ansi-purple-fg, | |
.ansi-purple-intense-fg { | |
color: #b399ef; | |
} | |
span.ansicyan, | |
.ansi-cyan-fg, | |
.ansi-cyan-intense-fg { | |
color: #b399ef; | |
} | |
span.ansiyellow, | |
.ansi-yellow-fg, | |
.ansi-yellow-intense-fg { | |
color: #ddd7a3; | |
} | |
span.ansired, | |
.ansi-red-fg, | |
.ansi-red-intense-fg { | |
color: #e07a7a; | |
} | |
div.output-stderr { | |
background-color: #e07a7a; | |
} | |
div.output-stderr pre { | |
color: #d0d4e6; | |
} | |
div.js-error { | |
color: #e07a7a; | |
} | |
.ipython_tooltip { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
line-height: 120%; | |
border: 2px solid #21262c; | |
background: #323a44; | |
background-color: #323a44; | |
border-radius: 2px; | |
overflow-x: visible; | |
overflow-y: visible; | |
box-shadow: none; | |
position: absolute; | |
z-index: 1000; | |
} | |
.ipython_tooltip .tooltiptext pre { | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
line-height: 120%; | |
background: #323a44; | |
background-color: #323a44; | |
color: #b5c2d9; | |
overflow-x: visible; | |
overflow-y: visible; | |
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-family: Monaco, monospace; | |
font-size: 10.5pt; | |
background: #2c303c; | |
color: #b5c2d9; | |
border-radius: 2px; | |
font-style: normal; | |
font-weight: normal; | |
} | |
.cm-s-ipython div.CodeMirror-selected { | |
background: #373d4b; | |
} | |
.CodeMirror-gutters { | |
border: none; | |
border-right: 1px solid #353a48 !important; | |
background-color: #353a48 !important; | |
background: #353a48 !important; | |
border-radius: 0px; | |
white-space: nowrap; | |
} | |
.cm-s-ipython .CodeMirror-gutters { | |
background: #353a48; | |
border: none; | |
border-radius: 0px; | |
width: 36px; | |
} | |
.cm-s-ipython .CodeMirror-linenumber { | |
color: #526488; | |
} | |
.CodeMirror-sizer { | |
margin-left: 40px; | |
} | |
.CodeMirror-linenumber, | |
div.CodeMirror-linenumber, | |
.CodeMirror-gutter.CodeMirror-linenumberdiv.CodeMirror-gutter.CodeMirror-linenumber { | |
padding-right: 1px; | |
margin-left: 0px; | |
margin: 0px; | |
width: 26px !important; | |
padding: 0px; | |
text-align: right; | |
} | |
.CodeMirror-linenumber { | |
color: #526488; | |
} | |
.cm-s-ipython .CodeMirror-cursor { | |
border-left: 2px solid #0095ff !important; | |
} | |
.cm-s-ipython span.cm-comment { | |
color: #526488; | |
font-style: italic; | |
} | |
.cm-s-ipython span.cm-atom { | |
color: #61afef; | |
} | |
.cm-s-ipython span.cm-number { | |
color: #fea47f; | |
} | |
.cm-s-ipython span.cm-property { | |
color: #b5c2d9; | |
} | |
.cm-s-ipython span.cm-attribute { | |
color: #b5c2d9; | |
} | |
.cm-s-ipython span.cm-keyword { | |
color: #cc89e0; | |
font-weight: normal; | |
} | |
.cm-s-ipython span.cm-string { | |
color: #94c273; | |
} | |
.cm-s-ipython span.cm-meta { | |
color: #ddd7a3; | |
} | |
.cm-s-ipython span.cm-operator { | |
color: #61afef; | |
} | |
.cm-s-ipython span.cm-builtin { | |
color: #ea8080; | |
} | |
.cm-s-ipython span.cm-variable { | |
color: #b5c2d9; | |
} | |
.cm-s-ipython span.cm-variable-2 { | |
color: #ea8080; | |
} | |
.cm-s-ipython span.cm-variable-3 { | |
color: #cc89e0; | |
} | |
.cm-s-ipython span.cm-def { | |
color: #61afef; | |
font-weight: normal; | |
} | |
.cm-s-ipython span.cm-error { | |
background: rgba(192,57,67,.3); | |
} | |
.cm-s-ipython span.cm-tag { | |
color: #61afef; | |
} | |
.cm-s-ipython span.cm-link { | |
color: #94c273; | |
} | |
.cm-s-ipython span.cm-storage { | |
color: #61afef; | |
} | |
.cm-s-ipython span.cm-entity { | |
color: #61afef; | |
} | |
.cm-s-ipython span.cm-quote { | |
color: #94c273; | |
} | |
div.CodeMirror span.CodeMirror-matchingbracket { | |
color: #ffffff; | |
font-weight: bold; | |
background-color: #4c8be2; | |
} | |
div.CodeMirror span.CodeMirror-nonmatchingbracket { | |
color: #ffffff; | |
font-weight: bold; | |
background: rgba(192,57,67,.3) !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: #61afef; | |
} | |
div.cell.text_cell .cm-s-default .cm-header { | |
font-family: sans-serif; | |
font-weight: normal; | |
color: #7aa05d !important; | |
margin-top: 0.3em !important; | |
margin-bottom: 0.3em !important; | |
} | |
div.cell.text_cell .cm-s-default span.cm-variable-2 { | |
color: #abb7ce !important; | |
} | |
div.cell.text_cell .cm-s-default span.cm-variable-3 { | |
color: #cc89e0 !important; | |
} | |
.cm-s-default span.cm-comment { | |
color: #526488 !important; | |
} | |
.cm-s-default .cm-tag { | |
color: #8fb36a; | |
} | |
.cm-s-default .cm-builtin { | |
color: #ea8080; | |
} | |
.cm-s-default .cm-string { | |
color: #94c273; | |
} | |
.cm-s-default .cm-keyword { | |
color: #cc89e0; | |
} | |
.cm-s-default .cm-number { | |
color: #fea47f; | |
} | |
.cm-s-default .cm-error { | |
color: #61afef; | |
} | |
.cm-s-default .cm-link { | |
color: #94c273; | |
} | |
.cm-s-default .cm-atom { | |
color: #fea47f; | |
} | |
.cm-s-default .cm-def { | |
color: #61afef; | |
} | |
.CodeMirror-cursor { | |
border-left: 2px solid #0095ff !important; | |
border-right: none; | |
width: 0; | |
} | |
.cm-s-default div.CodeMirror-selected { | |
background: #373d4b; | |
} | |
.cm-s-default .cm-selected { | |
background: #373d4b; | |
} | |
.MathJax_Display, | |
.MathJax { | |
border: 0 !important; | |
font-size: 100% !important; | |
text-align: center !important; | |
margin: 0em !important; | |
line-height: 2.25 !important; | |
} | |
.MathJax:focus, | |
body :focus .MathJax { | |
display: inline-block !important; | |
} | |
.MathJax:focus, | |
body :focus .MathJax { | |
display: inline-block !important; | |
} | |
.completions { | |
position: absolute; | |
z-index: 110; | |
overflow: hidden; | |
border: medium solid rgba(53,114,198,.75); | |
box-shadow: none; | |
line-height: 1; | |
} | |
.completions select { | |
background: #2c303c; | |
background-color: #2c303c; | |
outline: none; | |
border: none; | |
padding: 0px; | |
margin: 0px; | |
margin-left: 2px; | |
overflow: auto; | |
font-family: Monaco, monospace; | |
font-size: 10.5pt; | |
color: #b5c2d9; | |
width: auto; | |
} | |
div#maintoolbar { | |
margin-left: 8px !important; | |
} | |
.toolbar.container { | |
width: 100% !important; | |
} | |
span.save_widget span.filename { | |
margin-left: 8px; | |
height: initial; | |
font-size: 100%; | |
color: #7aa05d; | |
background-color: #2c303c; | |
} | |
span.save_widget span.filename:hover { | |
color: #94c273; | |
background-color: #2c303c; | |
} | |
#menubar { | |
padding-top: 4px; | |
background-color: #1d1e23; | |
} | |
<script> | |
MathJax.Hub.Config({ | |
"HTML-CSS": { | |
/*preferredFont: "TeX",*/ | |
/*availableFonts: ["TeX", "STIX"],*/ | |
styles: { | |
scale: 100, | |
".MathJax_Display": { | |
"font-size": "100%", | |
} | |
} | |
} | |
}); | |
</script> | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment