Last active
March 28, 2020 22:05
-
-
Save percurnicus/f71309964d641c37ce7c5f7dbf10e64f to your computer and use it in GitHub Desktop.
Jupyter Notebook Theme Adapted from Monokai theme in Jupyter themes
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
| /* | |
| Adapted from Jupyter Themes Monokai theme | |
| https://github.com/dunovank/jupyter-themes/blob/master/jupyterthemes/styles/compiled/monokai.css | |
| To use the custom template, make a directory ~/.jupyter/custom/ and then create | |
| the file custom.css in that directory. | |
| */ | |
| div#notebook { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| line-height: 170%; | |
| color: #f8f8f0; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| body, | |
| div.body { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| color: #f8f8f0; | |
| background-color: #1e1e1e; | |
| background: #1e1e1e; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| body.notebook_app { | |
| padding: 0; | |
| background-color: #1e1e1e; | |
| background: #1e1e1e; | |
| padding-right: 0px !important; | |
| overflow-y: hidden; | |
| } | |
| a { | |
| font-family: sans-serif; | |
| color: #f8f8f0; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| a:hover, | |
| a:focus { | |
| color: #f8f8f0; | |
| -webkit-font-smoothing: antialiased !important; | |
| } | |
| .list_header, | |
| div#notebook_list_header.row.list_header { | |
| font-size: 13.5pt; | |
| color: #f8f8f0; | |
| background-color: transparent; | |
| height: 35px; | |
| } | |
| #running .panel-group .panel .panel-heading { | |
| font-size: 14pt; | |
| color: #f8f8f0; | |
| padding: 8px 8px; | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| } | |
| #running .panel-group .panel .panel-heading a { | |
| font-size: 14pt; | |
| color: #f8f8f0; | |
| } | |
| #running .panel-group .panel .panel-heading a:focus, | |
| #running .panel-group .panel .panel-heading a:hover { | |
| font-size: 14pt; | |
| color: #f8f8f0; | |
| } | |
| #running .panel-group .panel .panel-body .list_container .list_item { | |
| background: #232323; | |
| background-color: #232323; | |
| padding: 2px; | |
| border-bottom: 2px solid #232323; | |
| } | |
| #running .panel-group .panel .panel-body .list_container .list_item:hover { | |
| background: #232323; | |
| background-color: #232323; | |
| } | |
| #running .panel-group .panel .panel-body { | |
| padding: 2px; | |
| } | |
| 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; | |
| } | |
| #project_name > ul > li > a > i.fa.fa-home { | |
| color: #a6e22e; | |
| 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: #66d9ef; | |
| } | |
| .fa-arrow-up:before { | |
| font-size: 14px; | |
| } | |
| .fa-arrow-down:before { | |
| font-size: 14px; | |
| } | |
| .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: #66d9ef; | |
| } | |
| .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: #66d9ef !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: #f8f8f0 !important; | |
| } | |
| #project_name { | |
| display: inline-flex; | |
| padding-left: 7px; | |
| margin-left: -2px; | |
| margin-bottom: -20px; | |
| text-align: -webkit-auto; | |
| vertical-align: text-top; | |
| } | |
| div#notebook_toolbar div.dynamic-instructions { | |
| font-family: sans-serif; | |
| font-size: 15px; | |
| } | |
| div#maintoolbar .container { | |
| margin-left: -5px !important; | |
| } | |
| span#login_widget > .button, | |
| #logout { | |
| font-family: sans-serif; | |
| color: #0099cc; | |
| background: #282828; | |
| background-color: #282828; | |
| border: 2px solid #252525; | |
| font-weight: normal; | |
| box-shadow: none; | |
| text-shadow: none; | |
| border-radius: 2px; | |
| font-size: inherit; | |
| } | |
| span#login_widget > .button:hover, | |
| #logout:hover { | |
| color: #f8f8f0; | |
| background-color: #303030; | |
| background: #303030; | |
| border-color: #303030; | |
| background-image: none; | |
| box-shadow: none !important; | |
| border-radius: 2px; | |
| } | |
| 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: #f8f8f2; | |
| background-color: #49483e; | |
| background: #49483e; | |
| border-color: #49483e; | |
| 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: #1e1e1e; | |
| background-color: #1e1e1e; | |
| position: relative; | |
| z-index: 100; | |
| } | |
| .list_container { | |
| font-size: 12.0pt; | |
| color: #f8f8f0; | |
| border: none; | |
| text-shadow: none !important; | |
| } | |
| .list_container > div { | |
| border-bottom: 1px solid rgba(73,72,62,.22); | |
| font-size: 12.0pt; | |
| } | |
| .list_header > div, | |
| .list_item > div { | |
| padding-left: 0px; | |
| } | |
| .list_header > div .item_link, | |
| .list_item > div .item_link { | |
| margin-left: -1px; | |
| vertical-align: middle; | |
| line-height: 22px; | |
| font-size: 12.0pt; | |
| } | |
| .item_icon { | |
| font-size: 12.0pt; | |
| vertical-align: middle; | |
| } | |
| .list_item input:not([type="checkbox"]) { | |
| padding-right: 0px; | |
| height: auto; | |
| width: 20%; | |
| margin: 6px 0 0; | |
| margin-top: 1px; | |
| } | |
| .list_header > div .item_link, | |
| .list_item > div .item_link { | |
| margin-left: -1px; | |
| vertical-align: middle; | |
| line-height: 22px; | |
| font-size: 10.5pt; | |
| 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#tree-selector-btn { | |
| height: 34px; | |
| font-size: 12.0pt; | |
| border: none; | |
| left: -3px; | |
| 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; | |
| } | |
| .list_container a { | |
| font-size: 16px; | |
| color: #f8f8f0; | |
| border: none; | |
| text-shadow: none !important; | |
| font-weight: normal; | |
| font-style: normal; | |
| } | |
| div.list_container a:hover { | |
| color: #f8f8f0; | |
| } | |
| div.list_item:hover { | |
| background-color: rgba(73,72,62,.04); | |
| } | |
| .breadcrumb > li { | |
| font-size: 12.0pt; | |
| color: #f8f8f0; | |
| border: none; | |
| text-shadow: none !important; | |
| } | |
| .breadcrumb > li + li:before { | |
| content: "/\00a0"; | |
| padding: 0px; | |
| color: #f8f8f0; | |
| font-size: 18px; | |
| } | |
| ul#tabs a { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| font-weight: normal; | |
| font-style: normal; | |
| border-color: transparent; | |
| text-shadow: none !important; | |
| } | |
| .nav-tabs { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| font-weight: normal; | |
| font-style: normal; | |
| background: #1e1e1e; | |
| text-shadow: none !important; | |
| border-color: transparent; | |
| border-bottom-color: rgba(73,72,62,.45); | |
| } | |
| .nav-tabs > li > a:hover { | |
| color: #f8f8f0; | |
| background-color: rgba(73,72,62,.22); | |
| } | |
| .nav-tabs > li > a:active, | |
| .nav-tabs > li > a:focus, | |
| .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: #f8f8f2; | |
| background-color: #49483e; | |
| border: 1px solid transparent; | |
| border-bottom-color: transparent; | |
| cursor: default; | |
| } | |
| .nav > li > a:hover, | |
| .nav > li > a:focus { | |
| text-decoration: none; | |
| background-color: rgba(73,72,62,.22); | |
| transition: 200ms ease; | |
| } | |
| .nav > li.disabled > a, | |
| .nav > li.disabled > a:hover { | |
| color: #75715e; | |
| } | |
| div#notebook { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| padding-top: 4px; | |
| } | |
| .notebook_app { | |
| background-color: #1e1e1e; | |
| } | |
| #notebook-container { | |
| padding: 13px 2px; | |
| background-color: #1e1e1e; | |
| min-height: 0px; | |
| box-shadow: none; | |
| width: 980px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| div#ipython-main-app.container { | |
| width: 980px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| .container { | |
| width: 980px; | |
| margin-right: auto; | |
| margin-left: auto; | |
| } | |
| div#menubar-container { | |
| width: 100%; | |
| width: 980px; | |
| } | |
| div#header-container { | |
| width: 980px; | |
| } | |
| .notebook_app #header, | |
| .edit_app #header { | |
| box-shadow: none !important; | |
| background-color: #1e1e1e; | |
| border-bottom: 2px solid rgba(73,72,62,.22); | |
| } | |
| #header, | |
| .edit_app #header { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| box-shadow: none; | |
| background-color: #1e1e1e; | |
| } | |
| #header .header-bar, | |
| .edit_app #header .header-bar { | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| } | |
| body > #header .header-bar { | |
| width: 100%; | |
| background: #1e1e1e; | |
| } | |
| span.checkpoint_status, | |
| span.autosave_status { | |
| font-size: small; | |
| display: none; | |
| } | |
| #menubar, | |
| div#menubar { | |
| background-color: #1e1e1e; | |
| padding-top: 0px !important; | |
| } | |
| #menubar .navbar, | |
| .navbar-default { | |
| background-color: #1e1e1e; | |
| 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: #a6e22e; | |
| } | |
| .navbar-default { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| background-color: #1e1e1e; | |
| border-color: #49483e; | |
| line-height: 1.5em; | |
| padding-bottom: 0px; | |
| } | |
| .navbar-default .navbar-nav > li > a { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| color: #0099cc; | |
| 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: #f8f8f0; | |
| background-color: rgba(73,72,62,.22); | |
| border-color: #49483e; | |
| line-height: 1.5em; | |
| transition: 200ms ease; | |
| } | |
| .navbar-default .navbar-nav > .open > a, | |
| .navbar-default .navbar-nav > .open > a:hover, | |
| .navbar-default .navbar-nav > .open > a:focus { | |
| color: #f8f8f2; | |
| background-color: #49483e; | |
| border-color: #49483e; | |
| line-height: 1.5em; | |
| transition: 200ms ease; | |
| } | |
| .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: #33b5e5; | |
| background-color: transparent !important; | |
| border-color: transparent !important; | |
| padding-bottom: 0px !important; | |
| margin-bottom: 0px !important; | |
| font-size: 8pt; | |
| z-index: 0; | |
| } | |
| div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn { | |
| font-size: 8pt; | |
| z-index: 0; | |
| } | |
| .notification_widget { | |
| color: #33b5e5; | |
| z-index: -500; | |
| font-size: 8pt; | |
| background: transparent; | |
| background-color: transparent; | |
| margin-right: 3px; | |
| border: none; | |
| } | |
| div.notification_widget.info, | |
| .notification_widget.info { | |
| display: none !important; | |
| } | |
| .edit_mode .modal_indicator:before { | |
| font-size: 18px; | |
| color: #0099cc; | |
| content: "E"; | |
| opacity: 0.35; | |
| padding-bottom: 0px; | |
| vertical-align: -webkit-baseline-middle; | |
| margin-left: 1px; | |
| margin-bottom: 0px; | |
| } | |
| .command_mode .modal_indicator:before { | |
| font-family: sans-serif; | |
| font-size: 18px; | |
| color: #0099cc; | |
| content: "C"; | |
| padding-bottom: 0px; | |
| vertical-align: -webkit-baseline-middle; | |
| margin-left: 1px; | |
| margin-bottom: 0px; | |
| } | |
| .item_icon { | |
| color: #66d9ef; | |
| } | |
| .item_buttons .kernel-name { | |
| font-size: 13pt; | |
| color: #66d9ef; | |
| } | |
| .running_notebook_icon:before { | |
| color: #0099cc !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: #0099cc; | |
| font-family: sans-serif; | |
| text-rendering: auto; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| #notification_trusted { | |
| font-family: sans-serif; | |
| font-size: 17px !important; | |
| color: #33b5e5; | |
| border: none; | |
| background: transparent; | |
| background-color: transparent; | |
| margin-bottom: 0px !important; | |
| margin-top: 11px !important; | |
| vertical-align: middle !important; | |
| } | |
| #modal_indicator { | |
| float: right !important; | |
| color: #4c8be2; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| margin-top: 8px !important; | |
| margin-left: 0px; | |
| } | |
| #kernel_indicator { | |
| float: right !important; | |
| color: #0099cc; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| border-left: 2px solid #33b5e5; | |
| padding-top: 0px; | |
| padding-bottom: 4px; | |
| margin-top: 8px !important; | |
| margin-left: -2px; | |
| } | |
| #kernel_indicator .kernel_indicator_name { | |
| font-size: 17px; | |
| color: #0099cc; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| margin-top: 4px; | |
| vertical-align: -webkit-baseline-middle; | |
| 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: middle; | |
| 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: middle; | |
| 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; | |
| } | |
| } | |
| i#kernel_indicator_icon { | |
| vertical-align: sub; | |
| } | |
| 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: #33b5e5; | |
| background-color: #1e1e1e; | |
| border-color: #1e1e1e; | |
| } | |
| #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: 13pt; | |
| box-shadow: none; | |
| padding: 0px; | |
| text-align: left; | |
| border: 2px solid #232323; | |
| background-color: #232323; | |
| background: #232323; | |
| line-height: 1; | |
| } | |
| .dropdown-menu:hover { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| box-shadow: none; | |
| padding: 0px; | |
| text-align: left; | |
| border: 2px solid #232323; | |
| background-color: #232323; | |
| box-shadow: none; | |
| line-height: 1; | |
| } | |
| .dropdown-menu > li > a { | |
| font-family: sans-serif; | |
| font-size: 12.0pt; | |
| line-height: 1.1; | |
| display: block; | |
| padding: 10px 20px 9px 10px; | |
| color: #f8f8f0; | |
| background-color: #232323; | |
| background: #232323; | |
| } | |
| .dropdown-menu > li > a:hover, | |
| .dropdown-menu > li > a:focus { | |
| color: #f8f8f0; | |
| background-color: #49483e; | |
| background: #49483e; | |
| border-color: #49483e; | |
| transition: 200ms ease; | |
| } | |
| .dropdown-menu .divider { | |
| height: 1px; | |
| margin: 0px 0px; | |
| overflow: hidden; | |
| background-color: rgba(73,72,62,.45); | |
| } | |
| .dropdown-submenu > .dropdown-menu { | |
| top: 0px; | |
| 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: 12.0pt; | |
| font-weight: normal; | |
| color: #75715e; | |
| padding: none; | |
| display: block; | |
| clear: both; | |
| line-height: 1.1; | |
| white-space: nowrap; | |
| } | |
| .dropdown-submenu > a:after { | |
| color: #f8f8f0; | |
| margin-right: -16px; | |
| margin-top: 0px; | |
| } | |
| .dropdown-submenu:hover > a:after, | |
| .dropdown-submenu:active > a:after, | |
| .dropdown-submenu:focus > a:after, | |
| .dropdown-submenu:visited > a:after { | |
| color: #a6e22e; | |
| margin-right: -16px; | |
| } | |
| div.kse-dropdown > .dropdown-menu, | |
| .kse-dropdown > .dropdown-menu { | |
| min-width: 0; | |
| top: 94%; | |
| } | |
| .btn, | |
| .btn-default { | |
| font-family: sans-serif; | |
| color: #0099cc; | |
| background: #282828; | |
| background-color: #282828; | |
| border: 1px solid #252525; | |
| font-weight: normal; | |
| box-shadow: none; | |
| text-shadow: none; | |
| border-radius: 2px; | |
| font-size: inherit; | |
| } | |
| .btn:hover, | |
| .btn:active:hover, | |
| .btn.active:hover, | |
| .btn-default:hover, | |
| .open > .dropdown-toggle.btn-default:hover, | |
| .open > .dropdown-toggle.btn:hover { | |
| color: #f8f8f0; | |
| border: 1px solid #303030; | |
| background-color: #303030; | |
| background: #303030; | |
| background-image: none; | |
| box-shadow: none !important; | |
| border-radius: 2px; | |
| transition: 200ms ease; | |
| } | |
| .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 { | |
| color: #f8f8f2; | |
| border: 1px solid #49483e; | |
| background-color: #49483e; | |
| background: #49483e; | |
| border-color: #49483e; | |
| background-image: none; | |
| box-shadow: none !important; | |
| border-radius: 2px; | |
| transition: 200ms ease; | |
| } | |
| .item_buttons > .btn, | |
| .item_buttons > .btn-group, | |
| .item_buttons > .input-group { | |
| margin-left: 5px; | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border: 1px solid #2d2d2d; | |
| } | |
| .item_buttons > .btn:hover, | |
| .item_buttons > .btn-group:hover, | |
| .item_buttons > .input-group:hover { | |
| margin-left: 5px; | |
| background: #212121; | |
| background-color: #212121; | |
| border: 1px solid #212121; | |
| transition: 200ms ease; | |
| } | |
| .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: 12.0pt; | |
| font-weight: normal; | |
| height: inherit; | |
| } | |
| .btn-xs, | |
| .btn-group-xs > .btn { | |
| font-size: 12.0pt; | |
| background-image: none; | |
| font-weight: normal; | |
| text-shadow: none; | |
| display: inline-table; | |
| } | |
| .btn-group > .btn:first-child { | |
| margin-left: 3px; | |
| } | |
| .alternate_upload input.fileinput { | |
| text-align: center; | |
| vertical-align: bottom; | |
| margin-left: -.5ex; | |
| display: inline-table; | |
| border: solid 0px #282828; | |
| margin-bottom: -1ex; | |
| } | |
| .alternate_upload .btn-upload { | |
| display: inline-table; | |
| } | |
| .dropdown-header { | |
| font-family: sans-serif !important; | |
| font-size: 13pt !important; | |
| color: #a6e22e !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 { | |
| font-family: sans-serif; | |
| font-size: 16px; | |
| background-color: transparent; | |
| background: transparent; | |
| border: none; | |
| 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 { | |
| font-size: 15px; | |
| padding-top: 0px; | |
| display: inline-block; | |
| } | |
| .close { | |
| color: #f92672; | |
| opacity: .5; | |
| text-shadow: none; | |
| font-weight: normal; | |
| } | |
| .close:hover { | |
| color: #f92672; | |
| 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: #888888; | |
| background: #252525; | |
| background-color: #252525; | |
| border-color: #252525; | |
| transition: 200ms ease; | |
| } | |
| .input-group-addon { | |
| padding: 2px 5px; | |
| font-size: 12.0pt; | |
| font-weight: normal; | |
| height: auto; | |
| color: #f8f8f0; | |
| text-align: center; | |
| background-color: #282828; | |
| border: none; | |
| } | |
| .btn-group > .btn + .dropdown-toggle { | |
| padding-left: 8px; | |
| padding-right: 8px; | |
| height: 100%; | |
| border-left: 2px solid #49483e !important; | |
| } | |
| .btn-group > .btn + .dropdown-toggle:hover { | |
| border-left: 2px solid #49483e !important; | |
| } | |
| .input-group-btn { | |
| position: relative; | |
| font-size: inherit; | |
| white-space: nowrap; | |
| border: none; | |
| } | |
| .input-group-btn:hover { | |
| border: none; | |
| } | |
| .input-group-btn:first-child > .btn, | |
| .input-group-btn:first-child > .btn-group { | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border: none; | |
| margin-right: 3px; | |
| font-size: inherit; | |
| } | |
| .input-group-btn:first-child > .btn:hover, | |
| .input-group-btn:first-child > .btn-group:hover { | |
| background: #212121; | |
| background-color: #212121; | |
| border: none; | |
| font-size: inherit; | |
| transition: 200ms ease; | |
| } | |
| div.modal .btn-group > .btn:first-child { | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border: 1px solid #2a2a2a; | |
| margin-top: 0px !important; | |
| margin-left: 0px; | |
| margin-bottom: 2px; | |
| } | |
| div.modal .btn-group > .btn:first-child:hover { | |
| background: #212121; | |
| background-color: #212121; | |
| border: 1px solid #212121; | |
| transition: 200ms ease; | |
| } | |
| div.modal > button, | |
| div.modal-footer > button { | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border-color: #2d2d2d; | |
| } | |
| div.modal > button:hover, | |
| div.modal-footer > button:hover { | |
| background: #212121; | |
| background-color: #212121; | |
| border-color: #212121; | |
| transition: 200ms ease; | |
| } | |
| .modal-content { | |
| font-family: sans-serif; | |
| font-size: 12.0pt; | |
| position: relative; | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border: none; | |
| border-radius: 1px; | |
| background-clip: padding-box; | |
| outline: none; | |
| } | |
| .modal-header { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| color: #f8f8f0; | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border-color: #232323; | |
| padding: 12px; | |
| min-height: 16.4286px; | |
| } | |
| .modal-content h4 { | |
| font-family: sans-serif; | |
| font-size: 16pt; | |
| color: #f8f8f0; | |
| padding: 5px; | |
| } | |
| .modal-body { | |
| background-color: #232323; | |
| position: relative; | |
| padding: 15px; | |
| } | |
| .modal-footer { | |
| padding: 10px; | |
| text-align: right; | |
| background-color: #232323; | |
| border-top: 1px solid #232323; | |
| } | |
| .alert-info { | |
| background-color: #4a5467; | |
| border-color: #232323; | |
| color: #f8f8f0; | |
| } | |
| .modal-header .close { | |
| margin-top: -5px; | |
| font-size: 25pt; | |
| } | |
| .modal-backdrop, | |
| .modal-backdrop.in { | |
| opacity: 0.7; | |
| background-color: #49483e; | |
| } | |
| div.panel, | |
| div.panel-default, | |
| .panel, | |
| .panel-default { | |
| font-family: sans-serif; | |
| font-size: 12.0pt; | |
| background-color: #232323; | |
| color: #f8f8f0; | |
| margin-bottom: 14px; | |
| border: 0; | |
| box-shadow: none; | |
| } | |
| div.panel > .panel-heading, | |
| div.panel-default > .panel-heading { | |
| font-size: 14pt; | |
| color: #f8f8f0; | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| 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: inherit; | |
| color: #0099cc; | |
| background-color: #282828; | |
| border: 2px solid #282828; | |
| margin-left: 2px; | |
| height: auto; | |
| box-shadow: none; | |
| padding: 6px 12px; | |
| transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; | |
| } | |
| .form-group.list-group-item { | |
| color: #f8f8f0; | |
| background-color: #232323; | |
| border-color: #232323; | |
| margin-bottom: 0px; | |
| } | |
| input, | |
| button, | |
| select, | |
| textarea { | |
| background-color: #282828; | |
| font-weight: normal; | |
| border: 1px solid #232323; | |
| } | |
| select.form-control.select-xs { | |
| height: auto; | |
| } | |
| .form-control:focus { | |
| border-color: #00ddff; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #49483e; | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #49483e; | |
| } | |
| ::-webkit-input-placeholder { | |
| color: #75715e; | |
| } | |
| ::-moz-placeholder { | |
| color: #75715e; | |
| } | |
| :-ms-input-placeholder { | |
| color: #75715e; | |
| } | |
| :-moz-placeholder { | |
| color: #75715e; | |
| } | |
| [dir="ltr"] #find-and-replace .input-group-btn + .form-control { | |
| border-left: 2px solid #232323 !important; | |
| } | |
| [dir="ltr"] #find-and-replace .input-group-btn + .form-control:focus { | |
| border-left-color: #a6e22e !important; | |
| outline: 0; | |
| -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #49483e !important; | |
| box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #49483e !important; | |
| } | |
| div.output.output_scroll { | |
| box-shadow: none; | |
| } | |
| ::-webkit-scrollbar { | |
| width: 11px; | |
| max-height: 9px; | |
| background-color: #2d2d2d; | |
| border-radius: 3px; | |
| border: none; | |
| } | |
| ::-webkit-scrollbar-track { | |
| background: #2d2d2d; | |
| border: none; | |
| width: 11px; | |
| max-height: 9px; | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| border-radius: 2px; | |
| border: none; | |
| background: #49483e; | |
| 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: auto; | |
| -webkit-font-smoothing: antialiased; | |
| } | |
| div.input_area { | |
| background-color: #282828; | |
| background: #282828; | |
| padding-right: 1.2em; | |
| border: 0px; | |
| border-radius: 0px; | |
| border-top-right-radius: 3px; | |
| border-bottom-right-radius: 3px; | |
| } | |
| div.cell { | |
| padding: 0px; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| border: medium solid #1e1e1e; | |
| border-radius: 0px; | |
| top: 0; | |
| } | |
| div.cell.selected { | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| border: medium solid #0099cc; | |
| padding: 0px; | |
| border-radius: 3px; | |
| } | |
| .edit_mode div.cell.selected { | |
| padding: 0px; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| border: medium solid #1e1e1e; | |
| border-radius: 3px; | |
| } | |
| div.cell.edit_mode { | |
| padding: 0px; | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| } | |
| 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 { | |
| background: #282828; | |
| border: none; | |
| border-radius: 3px; | |
| position: absolute; | |
| display: block; | |
| top: 0px; | |
| left: 0px; | |
| width: 0px; | |
| height: 100%; | |
| } | |
| .edit_mode div.cell.selected:before { | |
| background: #1e1e1e; | |
| border: none; | |
| border-radius: 3px; | |
| position: absolute; | |
| display: block; | |
| top: 0px; | |
| left: 0px; | |
| width: 0px; | |
| height: 100%; | |
| } | |
| div.cell.code_cell .input { | |
| border-left: 5px solid #282828 !important; | |
| border-radius: 3px; | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| div.cell.code_cell.selected .input { | |
| border-left: 5px solid #0099cc !important; | |
| border-radius: 3px; | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| .edit_mode div.cell.code_cell.selected .input { | |
| border-left: 5px solid #33b5e5 !important; | |
| border-radius: 3px; | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| div.cell.selected.jupyter-soft-selected:before .input, | |
| .edit_mode div.cell.selected:before .input { | |
| border-left: 3px solid #33b5e5 !important; | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| div.cell.jupyter-soft-selected .input, | |
| div.cell.selected.jupyter-soft-selected .input { | |
| border-left: 3px solid #33322b !important; | |
| border-bottom-left-radius: 3px; | |
| border-top-left-radius: 3px; | |
| } | |
| div.cell.selected.jupyter-soft-selected { | |
| border-left-color: #57564b; | |
| border-color: #1e1e1e; | |
| 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: #282828 !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: #33322b !important; | |
| border: 2px solid #33322b !important; | |
| border-radius: 6px !important; | |
| position: absolute !important; | |
| display: block !important; | |
| top: 0px !important; | |
| left: 0px !important; | |
| width: 6px !important; | |
| height: 100% !important; | |
| } | |
| div.cell.text_cell.jupyter-soft-selected, | |
| div.cell.text_cell.selected.jupyter-soft-selected { | |
| border-left-color: #33322b !important; | |
| border-left-width: 0px !important; | |
| padding-left: 7px !important; | |
| border-right-color: #33322b !important; | |
| border-right-width: 0px !important; | |
| background: #33322b !important; | |
| border-radius: 6px !important; | |
| } | |
| div.prompt, | |
| .prompt { | |
| font-family: monospace, monospace; | |
| font-size: 9pt !important; | |
| font-weight: normal; | |
| color: #75715e; | |
| line-height: 170%; | |
| padding: 0px; | |
| padding-top: 4px; | |
| padding-left: 0px; | |
| padding-right: 1px; | |
| text-align: right !important; | |
| min-width: 12.5ex !important; | |
| width: 12.5ex !important; | |
| } | |
| div.prompt.input_prompt { | |
| font-size: 9pt !important; | |
| background-color: #282828; | |
| border-top: 0px; | |
| border-top-right-radius: 0px; | |
| border-bottom-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| color: #0099cc; | |
| padding-right: 3px; | |
| min-width: 12.5ex; | |
| width: 12.5ex !important; | |
| } | |
| div.cell.code_cell .input_prompt { | |
| border-right: 2px solid #0099cc; | |
| } | |
| div.cell.selected .prompt { | |
| top: 0; | |
| } | |
| .edit_mode div.cell.selected .prompt { | |
| top: 0; | |
| } | |
| .edit_mode div.cell.selected .prompt { | |
| top: 0; | |
| } | |
| div.output_wrapper { | |
| background-color: #232323; | |
| 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: monospace, monospace; | |
| font-size: 8.5pt !important; | |
| line-height: 150% !important; | |
| background-color: #232323; | |
| color: #cccccc; | |
| border-top-right-radius: 0px; | |
| border-top-left-radius: 0px; | |
| } | |
| div.output_area pre { | |
| font-family: monospace, monospace; | |
| font-size: 10.5pt !important; | |
| line-height: 151% !important; | |
| color: #cccccc; | |
| border-top-right-radius: 0px; | |
| border-top-left-radius: 0px; | |
| } | |
| div.output_area { | |
| display: -webkit-box; | |
| } | |
| div.output_html { | |
| font-family: monospace, monospace; | |
| font-size: 8.5pt; | |
| color: #cccccc; | |
| background-color: #232323; | |
| background: #232323; | |
| } | |
| div.output_subarea { | |
| overflow-x: auto; | |
| padding: 0.8em !important; | |
| -webkit-box-flex: 1; | |
| -moz-box-flex: 1; | |
| box-flex: 1; | |
| flex: 1; | |
| } | |
| div.btn.btn-default.output_collapsed { | |
| background: #202020; | |
| background-color: #202020; | |
| border-color: #202020; | |
| } | |
| div.btn.btn-default.output_collapsed:hover { | |
| background: #1b1b1b; | |
| background-color: #1b1b1b; | |
| border-color: #1b1b1b; | |
| } | |
| div.prompt.output_prompt { | |
| font-family: monospace, monospace; | |
| font-size: 9.5pt !important; | |
| font-weight: bold !important; | |
| background-color: #232323; | |
| color: transparent; | |
| border-bottom-left-radius: 4px; | |
| border-top-right-radius: 0px; | |
| border-top-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| min-width: 12.5ex !important; | |
| width: 12.5ex !important; | |
| border-right: 2px solid transparent; | |
| } | |
| div.out_prompt_overlay.prompt { | |
| font-family: monospace, monospace; | |
| font-size: 9.5pt !important; | |
| font-weight: bold !important; | |
| background-color: #232323; | |
| border-bottom-left-radius: 2px; | |
| border-top-right-radius: 0px; | |
| border-top-left-radius: 0px; | |
| border-bottom-right-radius: 0px; | |
| min-width: 12.5ex !important; | |
| width: 12.5ex !important; | |
| border-right: 2px solid transparent; | |
| color: transparent; | |
| } | |
| div.out_prompt_overlay.prompt:hover { | |
| background-color: #49483e; | |
| 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: 12.5ex !important; | |
| width: 12.5ex !important; | |
| border-right: 2px solid #49483e !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 #33b5e5; | |
| border-right: 2px solid #232323; | |
| border-radius: 0px !important; | |
| } | |
| .edit_mode div.cell.selected .output_prompt, | |
| .edit_mode div.cell.selected .out_prompt_overlay.prompt { | |
| border-left: 5px solid #33b5e5; | |
| border-right: 2px solid #232323; | |
| border-radius: 0px !important; | |
| } | |
| div.cell.text_cell .input_prompt { | |
| border-right: 0; | |
| } | |
| div.cell.text_cell.rendered .input_prompt { | |
| font-family: monospace, monospace; | |
| font-size: 9.5pt; | |
| font-weight: normal; | |
| color: #75715e; | |
| text-align: right !important; | |
| min-width: 12.5ex; | |
| width: 12.5ex !important; | |
| background-color: #282828; | |
| border-right: 2px solid #ae81ff; | |
| border-left: 5px solid #282828; | |
| } | |
| div.cell.text_cell.unrendered .input_prompt { | |
| font-family: monospace, monospace; | |
| font-size: 9.5pt; | |
| font-weight: normal; | |
| color: #75715e; | |
| text-align: right !important; | |
| min-width: 12.5ex; | |
| width: 12.5ex !important; | |
| border-right: 2px solid #ae81ff; | |
| border-left: 5px solid #282828; | |
| } | |
| div.cell.text_cell.rendered .input_prompt { | |
| border-right: 2px solid #ae81ff; | |
| } | |
| div.cell.text_cell.rendered.selected .input_prompt { | |
| top: 0; | |
| border-left: 5px solid #57564b; | |
| border-radius: 2px; | |
| border-right: 2px solid #ae81ff; | |
| } | |
| div.text_cell.unrendered.selected .prompt { | |
| top: 0; | |
| border-left: 5px solid #33322b; | |
| border-radius: 2px; | |
| border-right: 2px solid #ae81ff; | |
| } | |
| div.rendered_html code { | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| padding-top: 3px; | |
| padding-left: 2px; | |
| color: #f8f8f0; | |
| background: #f92672; | |
| background-color: #282828; | |
| } | |
| pre, | |
| code, | |
| kbd, | |
| samp { | |
| white-space: pre-wrap; | |
| } | |
| .well code, | |
| code { | |
| font-family: monospace, monospace; | |
| font-size: 11pt !important; | |
| line-height: 170% !important; | |
| color: #f8f8f0; | |
| background: #282828; | |
| background-color: #282828; | |
| border-color: #282828; | |
| } | |
| kbd { | |
| padding: 4px; | |
| font-size: 11pt; | |
| color: #f8f8f0; | |
| background-color: #282828; | |
| border: 0; | |
| box-shadow: none; | |
| } | |
| pre { | |
| display: block; | |
| padding: 8.5px; | |
| margin: 0 0 9px; | |
| font-size: 12.0pt; | |
| line-height: 1.42857143; | |
| color: #f8f8f0; | |
| background-color: #282828; | |
| border: 1px solid #282828; | |
| border-radius: 2px; | |
| } | |
| div.rendered_html { | |
| color: #f8f8f0; | |
| } | |
| .rendered_html * + ul { | |
| margin-top: .4em; | |
| margin-bottom: .3em; | |
| } | |
| .rendered_html * + p { | |
| margin-top: .5em; | |
| margin-bottom: .5em; | |
| margin-left: .5em; | |
| } | |
| div.rendered_html pre, | |
| div.text_cell_render pre { | |
| font-family: monospace, monospace; | |
| font-size: 11pt !important; | |
| line-height: 170% !important; | |
| color: #f8f8f0; | |
| background: #282828; | |
| background-color: #282828; | |
| max-width: 80%; | |
| border-radius: 0px; | |
| border-left: 3px solid #49483e; | |
| 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: #0099cc; | |
| font-size: 215%; | |
| text-align: center; | |
| font-style: normal; | |
| font-weight: lighter; | |
| } | |
| .rendered_html h2, | |
| .text_cell_render h2 { | |
| text-align: left; | |
| font-size: 180%; | |
| color: #0099cc; | |
| font-style: normal; | |
| font-weight: lighter; | |
| } | |
| .rendered_html h3, | |
| .text_cell_render h3 { | |
| font-size: 150%; | |
| color: #0099cc; | |
| font-style: normal; | |
| font-weight: lighter; | |
| } | |
| .rendered_html h4, | |
| .text_cell_render h4 { | |
| font-size: 120%; | |
| color: #0099cc; | |
| font-style: normal; | |
| font-weight: lighter; | |
| } | |
| .rendered_html h5, | |
| .text_cell_render h5 { | |
| font-size: 100%; | |
| color: #0099cc; | |
| font-style: normal; | |
| font-weight: lighter; | |
| } | |
| hr { | |
| margin-top: 8px; | |
| margin-bottom: 10px; | |
| border: 0; | |
| border-top: 1px solid #a6e22e; | |
| } | |
| .rendered_html hr { | |
| color: #0099cc; | |
| background-color: #a6e22e; | |
| margin-right: 2em; | |
| } | |
| #complete > select > option:hover { | |
| background: #49483e; | |
| background-color: #49483e; | |
| } | |
| 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 tr, | |
| .rendered_html td { | |
| font-size: 9.3pt !important; | |
| } | |
| .rendered_html thead { | |
| font-family: sans-serif; | |
| font-size: 10.3pt !important; | |
| } | |
| .rendered_html table { | |
| font-family: sans-serif !important; | |
| margin-left: 8px; | |
| margin-right: auto; | |
| border: none; | |
| border-collapse: collapse; | |
| border-spacing: 0; | |
| color: #cccccc; | |
| table-layout: fixed; | |
| } | |
| .rendered_html thead { | |
| background: #1e1e1e; | |
| color: #cccccc; | |
| border-bottom: 1px solid #1e1e1e; | |
| vertical-align: bottom; | |
| } | |
| .rendered_html tbody tr:nth-child(odd) { | |
| background: #282828; | |
| } | |
| .rendered_html tbody tr { | |
| background: #202020; | |
| } | |
| .rendered_html tbody tr:hover:nth-child(odd) { | |
| background: #252525; | |
| } | |
| .rendered_html tbody tr:hover { | |
| background: #1e1e1e; | |
| } | |
| .rendered_html * + table { | |
| margin-top: .05em; | |
| } | |
| div.widget-area { | |
| background-color: #232323; | |
| background: #232323; | |
| color: #cccccc; | |
| } | |
| div.widget-area a { | |
| font-family: sans-serif; | |
| font-size: 12.0pt; | |
| font-weight: normal; | |
| font-style: normal; | |
| color: #f8f8f0; | |
| text-shadow: none !important; | |
| } | |
| div.widget-area a:hover, | |
| div.widget-area a:focus { | |
| font-family: sans-serif; | |
| font-size: 12.0pt; | |
| font-weight: normal; | |
| font-style: normal; | |
| color: #f8f8f0; | |
| background: rgba(73,72,62,.22); | |
| background-color: rgba(73,72,62,.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: #2a2a2a; | |
| background-color: #2a2a2a; | |
| border: 2px solid #2a2a2a !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: #cccccc !important; | |
| font-size: 14px; | |
| } | |
| .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: #49483e !important; | |
| border-radius: 2px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| z-index: 10; | |
| } | |
| .progress-bar-danger { | |
| background-color: #e74c3c !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: #66d9ef; | |
| text-decoration: underline; | |
| } | |
| .rendered_html :visited, | |
| .rendered_html :visited:active, | |
| .rendered_html :visited:focus { | |
| color: #7cdbed; | |
| } | |
| .rendered_html :visited:hover, | |
| .rendered_html :link:hover { | |
| font-family: sans-serif; | |
| font-size: 100%; | |
| color: #a6e22e; | |
| } | |
| a.anchor-link:link { | |
| font-size: inherit; | |
| text-decoration: none; | |
| padding: 0px 20px; | |
| visibility: none; | |
| color: #66d9ef; | |
| } | |
| a.anchor-link:link:hover { | |
| font-size: inherit; | |
| color: #a6e22e; | |
| } | |
| .navbar-text { | |
| margin-top: 4px; | |
| margin-bottom: 0px; | |
| } | |
| #clusters > a { | |
| color: #a6e22e; | |
| text-decoration: underline; | |
| cursor: auto; | |
| } | |
| #clusters > a:hover { | |
| color: #66d9ef; | |
| text-decoration: underline; | |
| cursor: auto; | |
| } | |
| .container { | |
| width: 80% !important; | |
| } | |
| #nbextensions-configurator-container > div.row.container-fluid.nbext-selector > h3 { | |
| font-size: 15px; | |
| 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-readme > .nbext-readme-contents > .rendered_html { | |
| font-family: sans-serif; | |
| font-size: 11.5pt; | |
| line-height: 145%; | |
| padding: 1em 1em; | |
| color: #f8f8f0; | |
| background-color: #282828; | |
| -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: #232323; | |
| } | |
| .nbext-showhide-incompat { | |
| padding-bottom: 0.5em; | |
| color: #888888; | |
| 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: #f8f8f0 !important; | |
| background-color: #49483e !important; | |
| background: #49483e !important; | |
| border-color: #49483e !important; | |
| } | |
| span.rendered_html code { | |
| background-color: transparent; | |
| color: #f8f8f0; | |
| } | |
| #nbextensions-configurator-container > div.row.container-fluid.nbext-selector { | |
| padding-left: 0px; | |
| padding-right: 0px; | |
| } | |
| .nbext-filter-menu { | |
| max-height: 50vh; | |
| overflow-y: auto; | |
| outline: none; | |
| border: 2px solid #232323; | |
| } | |
| .alert-warning { | |
| background-color: #232323; | |
| border-color: #232323; | |
| color: #f8f8f0; | |
| } | |
| .notification_widget.danger { | |
| color: #ffffff; | |
| background-color: #e74c3c; | |
| border-color: #e74c3c; | |
| padding-right: 5px; | |
| } | |
| mark, | |
| .mark { | |
| background-color: #282828; | |
| color: #f8f8f0; | |
| padding: .15em; | |
| } | |
| a.text-warning, | |
| a.text-warning:hover { | |
| color: #75715e; | |
| } | |
| a.text-warning.bg-warning { | |
| background-color: #1e1e1e; | |
| } | |
| span.bg-success.text-success { | |
| background-color: transparent; | |
| color: #a6e22e; | |
| } | |
| span.bg-danger.text-danger { | |
| background-color: #1e1e1e; | |
| color: #f92672; | |
| } | |
| .has-success .input-group-addon { | |
| color: #a6e22e; | |
| border-color: transparent; | |
| background: inherit; | |
| background-color: rgba(83,180,115,.10); | |
| } | |
| .has-success .form-control { | |
| border-color: #a6e22e; | |
| -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: #f92672; | |
| border-color: transparent; | |
| background: inherit; | |
| background-color: rgba(192,57,67,.10); | |
| } | |
| .has-error .form-control { | |
| border-color: #f92672; | |
| -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: monospace, monospace; | |
| color: #f8f8f0; | |
| font-weight: normal; | |
| background: transparent; | |
| } | |
| .kse-input-group-pretty > kbd { | |
| font-family: monospace, monospace; | |
| color: #f8f8f0; | |
| 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: #252525; | |
| background-color: #252525; | |
| color: #f3f3e6; | |
| } | |
| label#Keyword-Filter { | |
| display: none; | |
| } | |
| .nav-pills > li.active > a, | |
| .nav-pills > li.active > a:hover, | |
| .nav-pills > li.active > a:focus { | |
| color: #f8f8f2; | |
| background-color: #49483e; | |
| } | |
| .input-group .nbext-list-btn-add, | |
| .input-group-btn:last-child > .btn-group > .btn { | |
| background: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border-color: #2d2d2d; | |
| } | |
| .input-group .nbext-list-btn-add:hover, | |
| .input-group-btn:last-child > .btn-group > .btn:hover { | |
| background: #212121; | |
| background-color: #212121; | |
| border-color: #212121; | |
| } | |
| #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: #2d2d2d; | |
| background-color: #2d2d2d; | |
| border-color: #2d2d2d; | |
| } | |
| #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: #212121; | |
| background-color: #212121; | |
| border-color: #212121; | |
| } | |
| .ui-widget-content { | |
| background: #282828; | |
| background-color: #282828; | |
| border: 2px solid #282828; | |
| color: #f8f8f0; | |
| } | |
| div.collapsible_headings_toggle { | |
| color: rgba(73,72,62,.45) !important; | |
| } | |
| div.collapsible_headings_toggle:hover { | |
| color: #a6e22e !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: #0099cc; !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; | |
| } | |
| input.raw_input { | |
| font-family: monospace, monospace; | |
| font-size: 11pt !important; | |
| color: #f8f8f0; | |
| background-color: #282828; | |
| border-color: #252525; | |
| background: #252525; | |
| 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: #f8f8f0; | |
| 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: #282828; | |
| 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: #f8f8f0; | |
| background-color: #a6e22e; | |
| border-color: #a6e22e; | |
| } | |
| .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: #f8f8f0; | |
| text-decoration: none; | |
| } | |
| .typeahead-dropdown, | |
| .typeahead-list { | |
| font-family: sans-serif; | |
| font-size: 13pt; | |
| color: #f8f8f0; | |
| 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: #f8f8f0; | |
| background-color: #2b3850; | |
| border-color: #2b3850; | |
| } | |
| .command-shortcut:before { | |
| content: "(command)"; | |
| padding-right: 3px; | |
| color: #75715e; | |
| } | |
| .edit-shortcut:before { | |
| content: "(edit)"; | |
| padding-right: 3px; | |
| color: #75715e; | |
| } | |
| 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: #75715e !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(73,72,62,.45); | |
| } | |
| body > div.modal.cmd-palette.in > div { | |
| min-width: 750px; | |
| margin: 150px auto; | |
| } | |
| .typeahead-container strong { | |
| font-weight: bolder; | |
| color: #a6e22e; | |
| } | |
| #find-and-replace #replace-preview .match, | |
| #find-and-replace #replace-preview .insert { | |
| color: #ffffff; | |
| background-color: #57564b; | |
| border-color: #57564b; | |
| border-style: solid; | |
| border-width: 1px; | |
| border-radius: 0px; | |
| } | |
| #find-and-replace #replace-preview .replace .match { | |
| background-color: #f92672; | |
| border-color: #f92672; | |
| border-radius: 0px; | |
| } | |
| #find-and-replace #replace-preview .replace .insert { | |
| background-color: #a6e22e; | |
| border-color: #a6e22e; | |
| border-radius: 0px; | |
| } | |
| .shortcut_key, | |
| span.shortcut_key { | |
| display: inline-block; | |
| width: 16ex; | |
| text-align: right; | |
| font-family: monospace; | |
| } | |
| .jupyter-keybindings { | |
| padding: 1px; | |
| line-height: 24px; | |
| border-bottom: 1px solid rgba(73,72,62,.22); | |
| } | |
| .jupyter-keybindings i { | |
| background: #282828; | |
| font-size: small; | |
| padding: 5px; | |
| margin-left: 7px; | |
| } | |
| div#short-key-bindings-intro.well, | |
| .well { | |
| background-color: #2d2d2d; | |
| border: 1px solid #2d2d2d; | |
| color: #f8f8f0; | |
| border-radius: 2px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| #texteditor-backdrop { | |
| background: #1e1e1e; | |
| background-color: #1e1e1e; | |
| } | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutter, | |
| #texteditor-backdrop #texteditor-container .CodeMirror-gutters { | |
| background: #49483e; | |
| background-color: #49483e; | |
| color: #75715e; | |
| } | |
| .edit_app #menubar .navbar { | |
| margin-bottom: 0px; | |
| } | |
| #texteditor-backdrop #texteditor-container { | |
| padding: 0px; | |
| background-color: #282828; | |
| box-shadow: none; | |
| } | |
| .terminal-app { | |
| background: #1e1e1e; | |
| } | |
| .terminal-app .terminal { | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| line-height: 170%; | |
| color: #f8f8f0; | |
| background: #282828; | |
| padding: 0.4em; | |
| border-radius: 2px; | |
| -webkit-box-shadow: none; | |
| box-shadow: none; | |
| } | |
| .terminal .xterm-viewport { | |
| background-color: #282828; | |
| color: #f8f8f0; | |
| overflow-y: auto; | |
| } | |
| .terminal .xterm-color-0 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-1 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-2 { | |
| color: #f92672; | |
| } | |
| .terminal .xterm-color-3 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-4 { | |
| color: #ae81ff; | |
| } | |
| .terminal .xterm-color-5 { | |
| color: #e6db74; | |
| } | |
| .terminal .xterm-color-6 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-7 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-8 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-9 { | |
| color: #e6db74; | |
| } | |
| .terminal .xterm-color-10 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-color-14 { | |
| color: #a6e22e; | |
| } | |
| .terminal .xterm-bg-color-15 { | |
| background-color: #282828; | |
| } | |
| .terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor { | |
| background-color: #a6e22e; | |
| color: #282828; | |
| } | |
| .terminal:not(.focus) .terminal-cursor { | |
| outline: 1px solid #a6e22e; | |
| outline-offset: -1px; | |
| } | |
| div#pager #pager-contents { | |
| background: #1e1e1e !important; | |
| background-color: #1e1e1e !important; | |
| } | |
| div#pager pre { | |
| color: #f8f8f0 !important; | |
| background: #282828 !important; | |
| background-color: #282828 !important; | |
| padding: 0.4em; | |
| } | |
| div#pager .ui-resizable-handle { | |
| top: 0px; | |
| height: 8px; | |
| background: #a6e22e !important; | |
| border-top: 1px solid #a6e22e; | |
| border-bottom: 1px solid #a6e22e; | |
| } | |
| div.CodeMirror, | |
| div.CodeMirror pre { | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| line-height: 170%; | |
| color: #f8f8f0; | |
| } | |
| div.CodeMirror-lines { | |
| padding-bottom: .9em; | |
| padding-left: .5em; | |
| padding-right: 1.5em; | |
| padding-top: .7em; | |
| } | |
| span.ansiblack, | |
| .ansi-black-fg { | |
| color: #282828; | |
| } | |
| span.ansiblue, | |
| .ansi-blue-fg, | |
| .ansi-blue-intense-fg { | |
| color: #66d9ef; | |
| } | |
| span.ansigray, | |
| .ansi-gray-fg, | |
| .ansi-gray-intense-fg { | |
| color: #888888; | |
| } | |
| span.ansigreen, | |
| .ansi-green-fg { | |
| color: #a6e22e; | |
| } | |
| .ansi-green-intense-fg { | |
| color: #888888; | |
| } | |
| span.ansipurple, | |
| .ansi-purple-fg, | |
| .ansi-purple-intense-fg { | |
| color: #ae81ff; | |
| } | |
| span.ansicyan, | |
| .ansi-cyan-fg, | |
| .ansi-cyan-intense-fg { | |
| color: #ae81ff; | |
| } | |
| span.ansiyellow, | |
| .ansi-yellow-fg, | |
| .ansi-yellow-intense-fg { | |
| color: #e6db74; | |
| } | |
| span.ansired, | |
| .ansi-red-fg, | |
| .ansi-red-intense-fg { | |
| color: #f92672; | |
| } | |
| div.output-stderr { | |
| background-color: #f92672; | |
| } | |
| div.output-stderr pre { | |
| color: #f8f8f2; | |
| } | |
| div.js-error { | |
| color: #f92672; | |
| } | |
| .ipython_tooltip { | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| line-height: 170%; | |
| border: 2px solid #141414; | |
| background: #282828; | |
| background-color: #282828; | |
| border-radius: 2px; | |
| overflow-x: visible; | |
| overflow-y: visible; | |
| box-shadow: none; | |
| position: absolute; | |
| z-index: 1000; | |
| } | |
| .ipython_tooltip .tooltiptext pre { | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| line-height: 170%; | |
| background: #282828; | |
| background-color: #282828; | |
| color: #f8f8f0; | |
| 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: monospace, monospace; | |
| font-size: 11pt; | |
| background: #282828; | |
| color: #f8f8f0; | |
| border-radius: 2px; | |
| font-style: normal; | |
| font-weight: normal; | |
| } | |
| .cm-s-ipython div.CodeMirror-selected { | |
| background: #49483e; | |
| } | |
| .CodeMirror-gutters { | |
| border: none; | |
| border-right: 1px solid #49483e !important; | |
| background-color: #49483e !important; | |
| background: #49483e !important; | |
| border-radius: 0px; | |
| white-space: nowrap; | |
| } | |
| .cm-s-ipython .CodeMirror-gutters { | |
| background: #49483e; | |
| border: none; | |
| border-radius: 0px; | |
| width: 36px; | |
| } | |
| .cm-s-ipython .CodeMirror-linenumber { | |
| color: #75715e; | |
| } | |
| .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: #75715e; | |
| } | |
| .cm-s-ipython .CodeMirror-cursor { | |
| border-left: 2px solid #0095ff !important; | |
| } | |
| .cm-s-ipython span.cm-comment { | |
| color: #75715e; | |
| font-style: italic; | |
| } | |
| .cm-s-ipython span.cm-atom { | |
| color: #ae81ff; | |
| } | |
| .cm-s-ipython span.cm-number { | |
| color: #ae81ff; | |
| } | |
| .cm-s-ipython span.cm-property { | |
| color: #f8f8f0; | |
| } | |
| .cm-s-ipython span.cm-attribute { | |
| color: #f8f8f0; | |
| } | |
| .cm-s-ipython span.cm-keyword { | |
| color: #f92672; | |
| font-weight: normal; | |
| } | |
| .cm-s-ipython span.cm-string { | |
| color: #e6db74; | |
| } | |
| .cm-s-ipython span.cm-meta { | |
| color: #fd971f; | |
| } | |
| .cm-s-ipython span.cm-operator { | |
| color: #a6e22e; | |
| } | |
| .cm-s-ipython span.cm-builtin { | |
| color: #66d9ef; | |
| } | |
| .cm-s-ipython span.cm-variable { | |
| color: #f8f8f0; | |
| } | |
| .cm-s-ipython span.cm-variable-2 { | |
| color: #a6e22e; | |
| } | |
| .cm-s-ipython span.cm-variable-3 { | |
| color: #fd971f; | |
| } | |
| .cm-s-ipython span.cm-def { | |
| color: #a6e22e; | |
| font-weight: normal; | |
| } | |
| .cm-s-ipython span.cm-def ~ span.cm-variable { | |
| color: #FD971F; | |
| font-style: italic; | |
| } | |
| .cm-s-ipython span.cm-error { | |
| background: rgba(249,38,114,.4); | |
| } | |
| .cm-s-ipython span.cm-tag { | |
| color: #ae81ff; | |
| } | |
| .cm-s-ipython span.cm-link { | |
| color: #a6e22e; | |
| } | |
| .cm-s-ipython span.cm-storage { | |
| color: #ae81ff; | |
| } | |
| .cm-s-ipython span.cm-entity { | |
| color: #a6e22e; | |
| } | |
| .cm-s-ipython span.cm-quote { | |
| color: #e6db74; | |
| } | |
| div.CodeMirror span.CodeMirror-matchingbracket { | |
| color: #f8f8f2; | |
| background-color: #49483e; | |
| } | |
| div.CodeMirror span.CodeMirror-nonmatchingbracket { | |
| color: #f8f8f2; | |
| background: rgba(249,38,114,.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: #a6e22e; | |
| } | |
| div.cell.text_cell .cm-s-default .cm-header { | |
| font-family: sans-serif; | |
| font-weight: normal; | |
| color: #0099cc; | |
| margin-top: 0.3em !important; | |
| margin-bottom: 0.3em !important; | |
| } | |
| div.cell.text_cell .cm-s-default span.cm-variable-2 { | |
| color: #f8f8f0; | |
| } | |
| div.cell.text_cell .cm-s-default span.cm-variable-3 { | |
| color: #fd971f; | |
| } | |
| .cm-s-default span.cm-comment { | |
| color: #75715e; | |
| } | |
| .cm-s-default .cm-tag { | |
| color: #529b2f; | |
| } | |
| .cm-s-default .cm-builtin { | |
| color: #a6e22e; | |
| } | |
| .cm-s-default .cm-string { | |
| color: #e6db74; | |
| } | |
| .cm-s-default .cm-keyword { | |
| color: #f92672; | |
| } | |
| .cm-def ~ .cm-keyword { | |
| color: #66d9ef; | |
| } | |
| .cm-s-default .cm-number { | |
| color: #ae81ff; | |
| } | |
| .cm-s-default .cm-error { | |
| color: #ae81ff; | |
| } | |
| .cm-s-default .cm-link { | |
| color: #a6e22e; | |
| } | |
| .cm-s-default .cm-atom { | |
| color: #ae81ff; | |
| } | |
| .cm-s-default .cm-def { | |
| color: #a6e22e; | |
| } | |
| .CodeMirror-cursor { | |
| border-left: 2px solid #0095ff !important; | |
| border-right: none; | |
| width: 0; | |
| } | |
| .cm-s-default div.CodeMirror-selected { | |
| background: #49483e; | |
| } | |
| .cm-s-default .cm-selected { | |
| background: #49483e; | |
| } | |
| .MathJax_Display, | |
| .MathJax { | |
| border: 0 !important; | |
| font-size: 100% !important; | |
| text-align: center !important; | |
| margin: 0em !important; | |
| line-height: 2.25 !important; | |
| } | |
| .Ma-thJax: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 #0099cc; | |
| box-shadow: none; | |
| line-height: 1; | |
| } | |
| .completions select { | |
| background: #282828; | |
| background-color: #282828; | |
| outline: none; | |
| border: none; | |
| padding: 0px; | |
| margin: 0px; | |
| margin-left: 2px; | |
| overflow: auto; | |
| font-family: monospace, monospace; | |
| font-size: 11pt; | |
| color: #0099cc; | |
| width: auto; | |
| } | |
| // div#maintoolbar { | |
| // display: none !important; | |
| // } | |
| // #header-container { | |
| // display: none !important; | |
| // } | |
| #notebook_name { | |
| color: #0099cc; | |
| } | |
| <script> | |
| MathJax.Hub.Config({ | |
| "HTML-CSS": { | |
| /*preferredFont: "TeX",*/ | |
| /*availableFonts: ["TeX", "STIX"],*/ | |
| styles: { | |
| scale: 100, | |
| ".MathJax_Display": { | |
| "font-size": "100%", | |
| } | |
| } | |
| } | |
| }); | |
| </script> |
I used this with Stylus and here is how my Jupyter Notebook looks like.
How do you apply it to jupyter notebooks though. I try and use jt -t but it doesnt work because yours isnt in the original themes file. I put the file in the custom folder of jupyter but i also dont know how to "install"/apply it.
How do you apply it to jupyter notebooks though. I try and use jt -t but it doesnt work because yours isnt in the original themes file. I put the file in the custom folder of jupyter but i also dont know how to "install"/apply it.
At line 6 & 7 of this code, written that
To use the custom template, make a directory ~/.jupyter/custom/ and then create
the file custom.css in that directory.
First, you need to download zip this code, and then unzip the file, to get the custom.css file.
Then you need to find out your jupyter directory, usually, it can be found at C:\Users*YOUR USERNAME*
In that .jupyter folder,
-
if there is no folder name
custom, you need to create a new folder name ascustom, and then you copy the filecustom.cssand paste in thecustomfolder. -
if in the
.jupyterfolder already havecustomfolder, replace the custom.css file with this code.
Hopefully, this helps you.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Would you kindly show how the UI will look like?
Also on my Win10 Anconda3 environment, .jupyter\custom\custum.css seems to be ignored. I edited style.min.css in the site-packages.