3981 lines
73 KiB
CSS
3981 lines
73 KiB
CSS
.treeview {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.treeview .list-group-item {
|
|
padding: 5px !important;
|
|
}
|
|
|
|
body {
|
|
padding-top: 70px;
|
|
}
|
|
|
|
img {
|
|
vertical-align: middle;
|
|
border: 0 none;
|
|
}
|
|
|
|
#map {
|
|
height: 444px;
|
|
width: 99%;
|
|
}
|
|
|
|
.row-grid {
|
|
padding-bottom: 15px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.text-cont {
|
|
line-height: 38px;
|
|
text-indent: 2em;
|
|
}
|
|
|
|
.rendered_html img, .rendered_html svg {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.rendered_html img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.text_cell.rendered .rendered_html {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
div.text_cell_render {
|
|
border-style: none;
|
|
box-sizing: border-box;
|
|
color: #000;
|
|
outline: medium none;
|
|
padding: 0.5em 0.5em 0.5em 0.4em;
|
|
resize: none;
|
|
width: inherit;
|
|
}
|
|
|
|
.rendered_html ul {
|
|
list-style: outside none disc;
|
|
margin: 0 2em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.rendered_html p {
|
|
text-align: left;
|
|
}
|
|
|
|
.rendered_html table {
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
/**
|
|
* Primary styles
|
|
*
|
|
* Author: Jupyter Development Team
|
|
*/
|
|
body {
|
|
background-color: #fff;
|
|
/* This makes sure that the body covers the entire window and needs to
|
|
be in a different element than the display: box in wrapper below */
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 0;
|
|
bottom: 0;
|
|
overflow: visible;
|
|
}
|
|
|
|
body > #header {
|
|
/* Initially hidden to prevent FLOUC */
|
|
display: none;
|
|
background-color: #fff;
|
|
/* Display over codemirror */
|
|
position: relative;
|
|
z-index: 100;
|
|
}
|
|
|
|
body > #header #header-container {
|
|
padding-bottom: 5px;
|
|
padding-top: 5px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
body > #header .header-bar {
|
|
width: 100%;
|
|
height: 1px;
|
|
background: #e7e7e7;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
@media print {
|
|
body > #header {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
#header-spacer {
|
|
width: 100%;
|
|
visibility: hidden;
|
|
}
|
|
|
|
@media print {
|
|
#header-spacer {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
#ipython_notebook {
|
|
padding-left: 0;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
@media (max-width: 991px) {
|
|
#ipython_notebook {
|
|
margin-left: 10px;
|
|
}
|
|
}
|
|
|
|
#noscript {
|
|
width: auto;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
text-align: center;
|
|
font-size: 22px;
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ipython_notebook img {
|
|
height: 28px;
|
|
}
|
|
|
|
#site {
|
|
width: 100%;
|
|
display: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
overflow: auto;
|
|
}
|
|
|
|
@media print {
|
|
#site {
|
|
height: auto !important;
|
|
}
|
|
}
|
|
|
|
/* Smaller buttons */
|
|
.ui-button .ui-button-text {
|
|
padding: 0.2em 0.8em;
|
|
font-size: 77%;
|
|
}
|
|
|
|
input.ui-button {
|
|
padding: 0.3em 0.9em;
|
|
}
|
|
|
|
span#login_widget {
|
|
float: right;
|
|
}
|
|
|
|
span#login_widget > .button,
|
|
#logout {
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
span#login_widget > .button:focus,
|
|
#logout:focus,
|
|
span#login_widget > .button.focus,
|
|
#logout.focus {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
span#login_widget > .button:hover,
|
|
#logout:hover {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
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: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
span#login_widget > .button:active:hover,
|
|
#logout:active:hover,
|
|
span#login_widget > .button.active:hover,
|
|
#logout.active:hover,
|
|
.open > .dropdown-togglespan#login_widget > .button:hover,
|
|
.open > .dropdown-toggle#logout:hover,
|
|
span#login_widget > .button:active:focus,
|
|
#logout:active:focus,
|
|
span#login_widget > .button.active:focus,
|
|
#logout.active:focus,
|
|
.open > .dropdown-togglespan#login_widget > .button:focus,
|
|
.open > .dropdown-toggle#logout:focus,
|
|
span#login_widget > .button:active.focus,
|
|
#logout:active.focus,
|
|
span#login_widget > .button.active.focus,
|
|
#logout.active.focus,
|
|
.open > .dropdown-togglespan#login_widget > .button.focus,
|
|
.open > .dropdown-toggle#logout.focus {
|
|
color: #333;
|
|
background-color: #d4d4d4;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
span#login_widget > .button:active,
|
|
#logout:active,
|
|
span#login_widget > .button.active,
|
|
#logout.active,
|
|
.open > .dropdown-togglespan#login_widget > .button,
|
|
.open > .dropdown-toggle#logout {
|
|
background-image: none;
|
|
}
|
|
|
|
span#login_widget > .button.disabled:hover,
|
|
#logout.disabled:hover,
|
|
span#login_widget > .button[disabled]:hover,
|
|
#logout[disabled]:hover,
|
|
fieldset[disabled] span#login_widget > .button:hover,
|
|
fieldset[disabled] #logout:hover,
|
|
span#login_widget > .button.disabled:focus,
|
|
#logout.disabled:focus,
|
|
span#login_widget > .button[disabled]:focus,
|
|
#logout[disabled]:focus,
|
|
fieldset[disabled] span#login_widget > .button:focus,
|
|
fieldset[disabled] #logout:focus,
|
|
span#login_widget > .button.disabled.focus,
|
|
#logout.disabled.focus,
|
|
span#login_widget > .button[disabled].focus,
|
|
#logout[disabled].focus,
|
|
fieldset[disabled] span#login_widget > .button.focus,
|
|
fieldset[disabled] #logout.focus {
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
span#login_widget > .button .badge,
|
|
#logout .badge {
|
|
color: #fff;
|
|
background-color: #333;
|
|
}
|
|
|
|
.nav-header {
|
|
text-transform: none;
|
|
}
|
|
|
|
#header > span {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.modal_stretch .modal-dialog {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
min-height: 80vh;
|
|
}
|
|
|
|
.modal_stretch .modal-dialog .modal-body {
|
|
max-height: calc(100vh - 200px);
|
|
overflow: auto;
|
|
flex: 1;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.modal .modal-dialog {
|
|
width: 700px;
|
|
}
|
|
}
|
|
|
|
/*!
|
|
*
|
|
* IPython auth
|
|
*
|
|
*/
|
|
.center-nav {
|
|
display: inline-block;
|
|
margin-bottom: -4px;
|
|
}
|
|
|
|
/*!
|
|
*
|
|
* IPython tree view
|
|
*
|
|
*/
|
|
/* We need an invisible input field on top of the sentense*/
|
|
/* "Drag file onto the list ..." */
|
|
.alternate_upload {
|
|
background-color: none;
|
|
display: inline;
|
|
}
|
|
|
|
.alternate_upload.form {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
.alternate_upload input.fileinput {
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
display: inline;
|
|
opacity: 0;
|
|
z-index: 2;
|
|
width: 12ex;
|
|
margin-right: -12ex;
|
|
}
|
|
|
|
.alternate_upload .btn-upload {
|
|
height: 22px;
|
|
}
|
|
|
|
/**
|
|
* Primary styles
|
|
*
|
|
* Author: Jupyter Development Team
|
|
*/
|
|
ul#tabs {
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
ul#tabs a {
|
|
padding-top: 6px;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
ul.breadcrumb a:focus,
|
|
ul.breadcrumb a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
ul.breadcrumb i.icon-home {
|
|
font-size: 16px;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
ul.breadcrumb span {
|
|
color: #5e5e5e;
|
|
}
|
|
|
|
.list_toolbar {
|
|
padding: 4px 0 4px 0;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.list_toolbar .tree-buttons {
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.dynamic-buttons {
|
|
padding-top: 3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.list_toolbar [class*="span"] {
|
|
min-height: 24px;
|
|
}
|
|
|
|
.list_header {
|
|
font-weight: bold;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.list_placeholder {
|
|
font-weight: bold;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
.list_container {
|
|
margin-top: 4px;
|
|
margin-bottom: 20px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.list_container > div {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.list_container > div:hover .list-item {
|
|
background-color: red;
|
|
}
|
|
|
|
.list_container > div:last-child {
|
|
border: none;
|
|
}
|
|
|
|
.list_item:hover .list_item {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.list_item a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
.list_item:hover {
|
|
background-color: #fafafa;
|
|
}
|
|
|
|
.list_header > div,
|
|
.list_item > div {
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.list_header > div input,
|
|
.list_item > div input {
|
|
margin-right: 7px;
|
|
margin-left: 14px;
|
|
vertical-align: baseline;
|
|
line-height: 22px;
|
|
position: relative;
|
|
top: -1px;
|
|
}
|
|
|
|
.list_header > div .item_link,
|
|
.list_item > div .item_link {
|
|
margin-left: -1px;
|
|
vertical-align: baseline;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.new-file input[type=checkbox] {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.item_name {
|
|
line-height: 22px;
|
|
height: 24px;
|
|
}
|
|
|
|
.item_icon {
|
|
font-size: 14px;
|
|
color: #5e5e5e;
|
|
margin-right: 7px;
|
|
margin-left: 7px;
|
|
line-height: 22px;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
.item_buttons {
|
|
line-height: 1em;
|
|
margin-left: -5px;
|
|
}
|
|
|
|
.item_buttons .btn,
|
|
.item_buttons .btn-group,
|
|
.item_buttons .input-group {
|
|
float: left;
|
|
}
|
|
|
|
.item_buttons > .btn,
|
|
.item_buttons > .btn-group,
|
|
.item_buttons > .input-group {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.item_buttons .btn {
|
|
min-width: 13ex;
|
|
}
|
|
|
|
.item_buttons .running-indicator {
|
|
padding-top: 4px;
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.item_buttons .kernel-name {
|
|
padding-top: 4px;
|
|
color: #5bc0de;
|
|
margin-right: 7px;
|
|
float: left;
|
|
}
|
|
|
|
.toolbar_info {
|
|
height: 24px;
|
|
line-height: 24px;
|
|
}
|
|
|
|
.list_item input:not([type=checkbox]) {
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
height: 22px;
|
|
line-height: 14px;
|
|
margin: 0;
|
|
}
|
|
|
|
.highlight_text {
|
|
color: blue;
|
|
}
|
|
|
|
#project_name {
|
|
display: inline-block;
|
|
padding-left: 7px;
|
|
margin-left: -2px;
|
|
}
|
|
|
|
#project_name > .breadcrumb {
|
|
padding: 0;
|
|
margin-bottom: 0;
|
|
background-color: transparent;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#tree-selector {
|
|
padding-right: 0;
|
|
}
|
|
|
|
#button-select-all {
|
|
min-width: 50px;
|
|
}
|
|
|
|
#select-all {
|
|
margin-left: 7px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.menu_icon {
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.tab-content .row {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.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: "\f114";
|
|
}
|
|
|
|
.folder_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.folder_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.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;
|
|
top: -1px;
|
|
}
|
|
|
|
.notebook_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.notebook_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.running_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;
|
|
top: -1px;
|
|
color: #5cb85c;
|
|
}
|
|
|
|
.running_notebook_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.running_notebook_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.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: "\f016";
|
|
position: relative;
|
|
top: -2px;
|
|
}
|
|
|
|
.file_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.file_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
#notebook_toolbar .pull-right {
|
|
padding-top: 0;
|
|
margin-right: -1px;
|
|
}
|
|
|
|
ul#new-menu {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
.kernel-menu-icon {
|
|
padding-right: 12px;
|
|
width: 24px;
|
|
content: "\f096";
|
|
}
|
|
|
|
.kernel-menu-icon:before {
|
|
content: "\f096";
|
|
}
|
|
|
|
.kernel-menu-icon-current:before {
|
|
content: "\f00c";
|
|
}
|
|
|
|
#tab_content {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
#running .panel-group .panel {
|
|
margin-top: 3px;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-heading {
|
|
background-color: #eee;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
padding-left: 7px;
|
|
padding-right: 7px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-heading a:focus,
|
|
#running .panel-group .panel .panel-heading a:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-body {
|
|
padding: 0;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-body .list_container {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-body .list_container .list_item {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
#running .panel-group .panel .panel-body .list_container .list_item:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.delete-button {
|
|
display: none;
|
|
}
|
|
|
|
.duplicate-button {
|
|
display: none;
|
|
}
|
|
|
|
.rename-button {
|
|
display: none;
|
|
}
|
|
|
|
.shutdown-button {
|
|
display: none;
|
|
}
|
|
|
|
.dynamic-instructions {
|
|
display: inline-block;
|
|
padding-top: 4px;
|
|
}
|
|
|
|
/*!
|
|
*
|
|
* IPython text editor webapp
|
|
*
|
|
*/
|
|
.selected-keymap i.fa {
|
|
padding: 0 5px;
|
|
}
|
|
|
|
.selected-keymap i.fa:before {
|
|
content: "\f00c";
|
|
}
|
|
|
|
#mode-menu {
|
|
overflow: auto;
|
|
max-height: 20em;
|
|
}
|
|
|
|
.edit_app #header {
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
}
|
|
|
|
.edit_app #menubar .navbar {
|
|
/* Use a negative 1 bottom margin, so the border overlaps the border of the
|
|
header */
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.dirty-indicator {
|
|
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;
|
|
width: 20px;
|
|
}
|
|
|
|
.dirty-indicator.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.dirty-indicator.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.dirty-indicator-dirty {
|
|
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;
|
|
width: 20px;
|
|
}
|
|
|
|
.dirty-indicator-dirty.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.dirty-indicator-dirty.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.dirty-indicator-clean {
|
|
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;
|
|
width: 20px;
|
|
}
|
|
|
|
.dirty-indicator-clean.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.dirty-indicator-clean.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.dirty-indicator-clean: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: "\f00c";
|
|
}
|
|
|
|
.dirty-indicator-clean:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.dirty-indicator-clean:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
#filename {
|
|
font-size: 16pt;
|
|
display: table;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#current-mode {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#texteditor-backdrop {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
@media not print {
|
|
#texteditor-backdrop {
|
|
background-color: #eee;
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
|
|
#texteditor-backdrop #texteditor-container .CodeMirror-gutters {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
@media not print {
|
|
#texteditor-backdrop #texteditor-container .CodeMirror-gutter,
|
|
#texteditor-backdrop #texteditor-container .CodeMirror-gutters {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
|
|
@media not print {
|
|
#texteditor-backdrop #texteditor-container {
|
|
padding: 0;
|
|
background-color: #fff;
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
}
|
|
}
|
|
|
|
/*!
|
|
*
|
|
* IPython notebook
|
|
*
|
|
*/
|
|
/* CSS font colors for translated ANSI colors. */
|
|
.ansibold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* use dark versions for foreground, to improve visibility */
|
|
.ansiblack {
|
|
color: black;
|
|
}
|
|
|
|
.ansired {
|
|
color: darkred;
|
|
}
|
|
|
|
.ansigreen {
|
|
color: darkgreen;
|
|
}
|
|
|
|
.ansiyellow {
|
|
color: #c4a000;
|
|
}
|
|
|
|
.ansiblue {
|
|
color: darkblue;
|
|
}
|
|
|
|
.ansipurple {
|
|
color: darkviolet;
|
|
}
|
|
|
|
.ansicyan {
|
|
color: steelblue;
|
|
}
|
|
|
|
.ansigray {
|
|
color: gray;
|
|
}
|
|
|
|
/* and light for background, for the same reason */
|
|
.ansibgblack {
|
|
background-color: black;
|
|
}
|
|
|
|
.ansibgred {
|
|
background-color: red;
|
|
}
|
|
|
|
.ansibggreen {
|
|
background-color: green;
|
|
}
|
|
|
|
.ansibgyellow {
|
|
background-color: yellow;
|
|
}
|
|
|
|
.ansibgblue {
|
|
background-color: blue;
|
|
}
|
|
|
|
.ansibgpurple {
|
|
background-color: magenta;
|
|
}
|
|
|
|
.ansibgcyan {
|
|
background-color: cyan;
|
|
}
|
|
|
|
.ansibggray {
|
|
background-color: gray;
|
|
}
|
|
|
|
div.cell {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
border-radius: 2px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
width: 100%;
|
|
padding: 5px;
|
|
/* This acts as a spacer between cells, that is outside the border */
|
|
margin: 0;
|
|
outline: none;
|
|
border-left-width: 1px;
|
|
padding-left: 5px;
|
|
background: linear-gradient(to right, transparent -40px, transparent 1px, transparent 1px, transparent 100%);
|
|
}
|
|
|
|
div.cell.jupyter-soft-selected {
|
|
border-left-color: #90caf9;
|
|
border-left-color: #e3f2fd;
|
|
border-left-width: 1px;
|
|
padding-left: 5px;
|
|
border-right-color: #e3f2fd;
|
|
border-right-width: 1px;
|
|
background: #e3f2fd;
|
|
}
|
|
|
|
@media print {
|
|
div.cell.jupyter-soft-selected {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
div.cell.selected {
|
|
border-color: #ababab;
|
|
border-left-width: 0;
|
|
padding-left: 6px;
|
|
background: linear-gradient(to right, #42a5f5 -40px, #42a5f5 5px, transparent 5px, transparent 100%);
|
|
}
|
|
|
|
@media print {
|
|
div.cell.selected {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
div.cell.selected.jupyter-soft-selected {
|
|
border-left-width: 0;
|
|
padding-left: 6px;
|
|
background: linear-gradient(to right, #42a5f5 -40px, #42a5f5 7px, #e3f2fd 7px, #e3f2fd 100%);
|
|
}
|
|
|
|
.edit_mode div.cell.selected {
|
|
border-color: #66bb6a;
|
|
border-left-width: 0;
|
|
padding-left: 6px;
|
|
background: linear-gradient(to right, #66bb6a -40px, #66bb6a 5px, transparent 5px, transparent 100%);
|
|
}
|
|
|
|
@media print {
|
|
.edit_mode div.cell.selected {
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
|
|
.prompt {
|
|
/* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
|
|
min-width: 14ex;
|
|
/* This padding is tuned to match the padding on the CodeMirror editor. */
|
|
padding: 0.4em;
|
|
margin: 0;
|
|
font-family: monospace;
|
|
text-align: right;
|
|
/* This has to match that of the the CodeMirror class line-height below */
|
|
line-height: 1.21429em;
|
|
/* Don't highlight prompt number selection */
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
/* Use default cursor */
|
|
cursor: default;
|
|
}
|
|
|
|
@media (max-width: 540px) {
|
|
.prompt {
|
|
text-align: left;
|
|
}
|
|
}
|
|
|
|
div.inner_cell {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
/* Old browsers */
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
/* Modern browsers */
|
|
flex: 1;
|
|
}
|
|
|
|
@-moz-document url-prefix() {
|
|
div.inner_cell {
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
/* input_area and input_prompt must match in top border and margin for alignment */
|
|
div.input_area {
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 2px;
|
|
background: #f7f7f7;
|
|
line-height: 1.21429em;
|
|
}
|
|
|
|
/* This is needed so that empty prompt areas can collapse to zero height when there
|
|
is no content in the output_subarea and the prompt. The main purpose of this is
|
|
to make sure that empty JavaScript output_subareas have no height. */
|
|
div.prompt:empty {
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
div.unrecognized_cell {
|
|
padding: 5px 5px 5px 0;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
|
|
div.unrecognized_cell .inner_cell {
|
|
border-radius: 2px;
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
color: red;
|
|
border: 1px solid #cfcfcf;
|
|
background: #eaeaea;
|
|
}
|
|
|
|
div.unrecognized_cell .inner_cell a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.unrecognized_cell .inner_cell a:hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
@media (max-width: 540px) {
|
|
div.unrecognized_cell > div.prompt {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
div.code_cell {
|
|
/* avoid page breaking on code cells when printing */
|
|
}
|
|
|
|
@media print {
|
|
div.code_cell {
|
|
page-break-inside: avoid;
|
|
}
|
|
}
|
|
|
|
/* any special styling for code cells that are currently running goes here */
|
|
div.input {
|
|
page-break-inside: avoid;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
|
|
@media (max-width: 540px) {
|
|
div.input {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
}
|
|
|
|
/* input_area and input_prompt must match in top border and margin for alignment */
|
|
div.input_prompt {
|
|
color: #303f9f;
|
|
border-top: 1px solid transparent;
|
|
}
|
|
|
|
div.input_area > div.highlight {
|
|
margin: 0.4em;
|
|
border: none;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
div.input_area > div.highlight > pre {
|
|
margin: 0;
|
|
border: none;
|
|
padding: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
/* The following gets added to the <head> if it is detected that the user has a
|
|
* monospace font with inconsistent normal/bold/italic height. See
|
|
* notebookmain.js. Such fonts will have keywords vertically offset with
|
|
* respect to the rest of the text. The user should select a better font.
|
|
* See: https://github.com/ipython/ipython/issues/1503
|
|
*
|
|
* .CodeMirror span {
|
|
* vertical-align: bottom;
|
|
* }
|
|
*/
|
|
.CodeMirror {
|
|
line-height: 1.21429em;
|
|
/* Changed from 1em to our global default */
|
|
font-size: 14px;
|
|
height: auto;
|
|
/* Changed to auto to autogrow */
|
|
background: none;
|
|
/* Changed from white to allow our bg to show through */
|
|
}
|
|
|
|
.CodeMirror-scroll {
|
|
/* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
|
|
/* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
}
|
|
|
|
.CodeMirror-lines {
|
|
/* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */
|
|
/* we have set a different line-height and want this to scale with that. */
|
|
padding: 0.4em;
|
|
}
|
|
|
|
.CodeMirror-linenumber {
|
|
padding: 0 8px 0 4px;
|
|
}
|
|
|
|
.CodeMirror-gutters {
|
|
border-bottom-left-radius: 2px;
|
|
border-top-left-radius: 2px;
|
|
}
|
|
|
|
.CodeMirror pre {
|
|
/* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */
|
|
/* .CodeMirror-lines */
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/*
|
|
|
|
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
|
|
Adapted from GitHub theme
|
|
|
|
*/
|
|
.highlight-base {
|
|
color: #000;
|
|
}
|
|
|
|
.highlight-variable {
|
|
color: #000;
|
|
}
|
|
|
|
.highlight-variable-2 {
|
|
color: #1a1a1a;
|
|
}
|
|
|
|
.highlight-variable-3 {
|
|
color: #333;
|
|
}
|
|
|
|
.highlight-string {
|
|
color: #ba2121;
|
|
}
|
|
|
|
.highlight-comment {
|
|
color: #408080;
|
|
font-style: italic;
|
|
}
|
|
|
|
.highlight-number {
|
|
color: #080;
|
|
}
|
|
|
|
.highlight-atom {
|
|
color: #88f;
|
|
}
|
|
|
|
.highlight-keyword {
|
|
color: #008000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.highlight-builtin {
|
|
color: #008000;
|
|
}
|
|
|
|
.highlight-error {
|
|
color: #f00;
|
|
}
|
|
|
|
.highlight-operator {
|
|
color: #a2f;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.highlight-meta {
|
|
color: #a2f;
|
|
}
|
|
|
|
/* previously not defined, copying from default codemirror */
|
|
.highlight-def {
|
|
color: #00f;
|
|
}
|
|
|
|
.highlight-string-2 {
|
|
color: #f50;
|
|
}
|
|
|
|
.highlight-qualifier {
|
|
color: #555;
|
|
}
|
|
|
|
.highlight-bracket {
|
|
color: #997;
|
|
}
|
|
|
|
.highlight-tag {
|
|
color: #170;
|
|
}
|
|
|
|
.highlight-attribute {
|
|
color: #00c;
|
|
}
|
|
|
|
.highlight-header {
|
|
color: blue;
|
|
}
|
|
|
|
.highlight-quote {
|
|
color: #090;
|
|
}
|
|
|
|
.highlight-link {
|
|
color: #00c;
|
|
}
|
|
|
|
/* apply the same style to codemirror */
|
|
.cm-s-ipython span.cm-keyword {
|
|
color: #008000;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-atom {
|
|
color: #88f;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-number {
|
|
color: #080;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-def {
|
|
color: #00f;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-variable {
|
|
color: #000;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-operator {
|
|
color: #a2f;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-variable-2 {
|
|
color: #1a1a1a;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-variable-3 {
|
|
color: #333;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-comment {
|
|
color: #408080;
|
|
font-style: italic;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-string {
|
|
color: #ba2121;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-string-2 {
|
|
color: #f50;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-meta {
|
|
color: #a2f;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-qualifier {
|
|
color: #555;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-builtin {
|
|
color: #008000;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-bracket {
|
|
color: #997;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-tag {
|
|
color: #170;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-attribute {
|
|
color: #00c;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-header {
|
|
color: blue;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-quote {
|
|
color: #090;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-link {
|
|
color: #00c;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-error {
|
|
color: #f00;
|
|
}
|
|
|
|
.cm-s-ipython span.cm-tab {
|
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);
|
|
background-position: right;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
div.output_wrapper {
|
|
/* this position must be relative to enable descendents to be absolute within it */
|
|
position: relative;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
z-index: 1;
|
|
}
|
|
|
|
/* class for the output area when it should be height-limited */
|
|
div.output_scroll {
|
|
/* ideally, this would be max-height, but FF barfs all over that */
|
|
height: 24em;
|
|
/* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
|
|
width: 100%;
|
|
overflow: auto;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
|
|
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8);
|
|
display: block;
|
|
}
|
|
|
|
/* output div while it is collapsed */
|
|
div.output_collapsed {
|
|
margin: 0;
|
|
padding: 0;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
div.out_prompt_overlay {
|
|
height: 100%;
|
|
padding: 0 0.4em;
|
|
position: absolute;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
div.out_prompt_overlay:hover {
|
|
/* use inner shadow to get border that is computed the same on WebKit/FF */
|
|
-webkit-box-shadow: inset 0 0 1px #000;
|
|
box-shadow: inset 0 0 1px #000;
|
|
background: rgba(240, 240, 240, 0.5);
|
|
}
|
|
|
|
div.output_prompt {
|
|
color: #d84315;
|
|
}
|
|
|
|
/* This class is the outer container of all output sections. */
|
|
div.output_area {
|
|
padding: 0;
|
|
page-break-inside: avoid;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
|
|
div.output_area .MathJax_Display {
|
|
text-align: left !important;
|
|
}
|
|
|
|
div.output_area .rendered_html table {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.output_area .rendered_html img {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.output_area img,
|
|
div.output_area svg {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
div.output_area img.unconfined,
|
|
div.output_area svg.unconfined {
|
|
max-width: none;
|
|
}
|
|
|
|
/* This is needed to protect the pre formating from global settings such
|
|
as that of bootstrap */
|
|
.output {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
@media (max-width: 540px) {
|
|
div.output_area {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: vertical;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: vertical;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
}
|
|
|
|
div.output_area pre {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
vertical-align: baseline;
|
|
color: black;
|
|
background-color: transparent;
|
|
border-radius: 0;
|
|
}
|
|
|
|
/* This class is for the output subarea inside the output_area and after
|
|
the prompt div. */
|
|
div.output_subarea {
|
|
overflow-x: auto;
|
|
padding: 0.4em;
|
|
/* Old browsers */
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
/* Modern browsers */
|
|
flex: 1;
|
|
max-width: calc(100% - 14ex);
|
|
}
|
|
|
|
div.output_scroll div.output_subarea {
|
|
overflow-x: visible;
|
|
}
|
|
|
|
/* The rest of the output_* classes are for special styling of the different
|
|
output types */
|
|
/* all text output has this class: */
|
|
div.output_text {
|
|
text-align: left;
|
|
color: #000;
|
|
/* This has to match that of the the CodeMirror class line-height below */
|
|
line-height: 1.21429em;
|
|
}
|
|
|
|
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */
|
|
div.output_stderr {
|
|
background: #fdd;
|
|
/* very light red background for stderr */
|
|
}
|
|
|
|
div.output_latex {
|
|
text-align: left;
|
|
}
|
|
|
|
/* Empty output_javascript divs should have no height */
|
|
div.output_javascript:empty {
|
|
padding: 0;
|
|
}
|
|
|
|
.js-error {
|
|
color: darkred;
|
|
}
|
|
|
|
/* raw_input styles */
|
|
div.raw_input_container {
|
|
line-height: 1.21429em;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
pre.raw_input_prompt {
|
|
/* nothing needed here. */
|
|
}
|
|
|
|
input.raw_input {
|
|
font-family: monospace;
|
|
font-size: inherit;
|
|
color: inherit;
|
|
width: auto;
|
|
/* make sure input baseline aligns with prompt */
|
|
vertical-align: baseline;
|
|
/* padding + margin = 0.5em between prompt and cursor */
|
|
padding: 0em 0.25em;
|
|
margin: 0em 0.25em;
|
|
}
|
|
|
|
input.raw_input:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
p.p-space {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
div.output_unrecognized {
|
|
padding: 5px;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
|
|
div.output_unrecognized a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.output_unrecognized a:hover {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.rendered_html {
|
|
color: #000;
|
|
/* any extras will just be numbers: */
|
|
}
|
|
|
|
.rendered_html em {
|
|
font-style: italic;
|
|
}
|
|
|
|
.rendered_html strong {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rendered_html u {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.rendered_html :link {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.rendered_html :visited {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.rendered_html h1 {
|
|
font-size: 185.7%;
|
|
margin: 1.08em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
}
|
|
|
|
.rendered_html h2 {
|
|
font-size: 157.1%;
|
|
margin: 1.27em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
}
|
|
|
|
.rendered_html h3 {
|
|
font-size: 128.6%;
|
|
margin: 1.55em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
}
|
|
|
|
.rendered_html h4 {
|
|
font-size: 100%;
|
|
margin: 2em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
}
|
|
|
|
.rendered_html h5 {
|
|
font-size: 100%;
|
|
margin: 2em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
font-style: italic;
|
|
}
|
|
|
|
.rendered_html h6 {
|
|
font-size: 100%;
|
|
margin: 2em 0 0 0;
|
|
font-weight: bold;
|
|
line-height: 1.0;
|
|
font-style: italic;
|
|
}
|
|
|
|
.rendered_html h1:first-child {
|
|
margin-top: 0.538em;
|
|
}
|
|
|
|
.rendered_html h2:first-child {
|
|
margin-top: 0.636em;
|
|
}
|
|
|
|
.rendered_html h3:first-child {
|
|
margin-top: 0.777em;
|
|
}
|
|
|
|
.rendered_html h4:first-child {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html h5:first-child {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html h6:first-child {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html ul {
|
|
list-style: disc;
|
|
margin: 0em 2em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.rendered_html ul ul {
|
|
list-style: square;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html ul ul ul {
|
|
list-style: circle;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html ol {
|
|
list-style: decimal;
|
|
margin: 0em 2em;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.rendered_html ol ol {
|
|
list-style: upper-alpha;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html ol ol ol {
|
|
list-style: lower-alpha;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html ol ol ol ol {
|
|
list-style: lower-roman;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html ol ol ol ol ol {
|
|
list-style: decimal;
|
|
margin: 0em 2em;
|
|
}
|
|
|
|
.rendered_html * + ul {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html * + ol {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html hr {
|
|
color: black;
|
|
background-color: black;
|
|
}
|
|
|
|
.rendered_html pre {
|
|
margin: 1em 2em;
|
|
}
|
|
|
|
.rendered_html pre,
|
|
.rendered_html code {
|
|
border: 0;
|
|
background-color: #fff;
|
|
color: #000;
|
|
font-size: 100%;
|
|
padding: 0;
|
|
}
|
|
|
|
.rendered_html blockquote {
|
|
margin: 1em 2em;
|
|
}
|
|
|
|
.rendered_html table {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.rendered_html tr,
|
|
.rendered_html th,
|
|
.rendered_html td {
|
|
border: 1px solid black;
|
|
border-collapse: collapse;
|
|
margin: 1em 2em;
|
|
}
|
|
|
|
.rendered_html td,
|
|
.rendered_html th {
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
padding: 4px;
|
|
}
|
|
|
|
.rendered_html th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.rendered_html * + table {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html p {
|
|
text-align: left;
|
|
}
|
|
|
|
.rendered_html * + p {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html img {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
|
|
.rendered_html * + img {
|
|
margin-top: 1em;
|
|
}
|
|
|
|
.rendered_html #map img {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.rendered_html img,
|
|
.rendered_html svg {
|
|
max-width: 100%;
|
|
height: auto;
|
|
}
|
|
|
|
.rendered_html img.unconfined,
|
|
.rendered_html svg.unconfined {
|
|
max-width: none;
|
|
}
|
|
|
|
div.text_cell {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
}
|
|
|
|
@media (max-width: 540px) {
|
|
div.text_cell > div.prompt {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
div.text_cell_render {
|
|
/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/
|
|
outline: none;
|
|
resize: none;
|
|
width: inherit;
|
|
border-style: none;
|
|
padding: 0.5em 0.5em 0.5em 0.4em;
|
|
color: #000;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
a.anchor-link:link {
|
|
text-decoration: none;
|
|
padding: 0 20px;
|
|
visibility: hidden;
|
|
}
|
|
|
|
h1:hover .anchor-link,
|
|
h2:hover .anchor-link,
|
|
h3:hover .anchor-link,
|
|
h4:hover .anchor-link,
|
|
h5:hover .anchor-link,
|
|
h6:hover .anchor-link {
|
|
visibility: visible;
|
|
}
|
|
|
|
.text_cell.rendered .input_area {
|
|
display: none;
|
|
}
|
|
|
|
.text_cell.rendered .rendered_html {
|
|
overflow-x: auto;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.text_cell.unrendered .text_cell_render {
|
|
display: none;
|
|
}
|
|
|
|
.cm-header-1,
|
|
.cm-header-2,
|
|
.cm-header-3,
|
|
.cm-header-4,
|
|
.cm-header-5,
|
|
.cm-header-6 {
|
|
font-weight: bold;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.cm-header-1 {
|
|
font-size: 185.7%;
|
|
}
|
|
|
|
.cm-header-2 {
|
|
font-size: 157.1%;
|
|
}
|
|
|
|
.cm-header-3 {
|
|
font-size: 128.6%;
|
|
}
|
|
|
|
.cm-header-4 {
|
|
font-size: 110%;
|
|
}
|
|
|
|
.cm-header-5 {
|
|
font-size: 100%;
|
|
font-style: italic;
|
|
}
|
|
|
|
.cm-header-6 {
|
|
font-size: 100%;
|
|
font-style: italic;
|
|
}
|
|
|
|
/*!
|
|
*
|
|
* IPython notebook webapp
|
|
*
|
|
*/
|
|
@media (max-width: 767px) {
|
|
.notebook_app {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
}
|
|
|
|
#ipython-main-app {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
|
|
div#notebook_panel {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
height: 100%;
|
|
}
|
|
|
|
div#notebook {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
width: 100%;
|
|
/* This spaces the page away from the edge of the notebook area */
|
|
padding-top: 20px;
|
|
margin: 0;
|
|
outline: none;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
min-height: 100%;
|
|
}
|
|
|
|
@media not print {
|
|
#notebook-container {
|
|
padding: 15px;
|
|
background-color: #fff;
|
|
min-height: 0;
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
}
|
|
}
|
|
|
|
@media print {
|
|
#notebook-container {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
div.ui-widget-content {
|
|
border: 1px solid #ababab;
|
|
outline: none;
|
|
}
|
|
|
|
pre.dialog {
|
|
background-color: #f7f7f7;
|
|
border: 1px solid #ddd;
|
|
border-radius: 2px;
|
|
padding: 0.4em;
|
|
padding-left: 2em;
|
|
}
|
|
|
|
p.dialog {
|
|
padding: 0.2em;
|
|
}
|
|
|
|
/* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
|
|
to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
|
|
*/
|
|
pre,
|
|
code,
|
|
kbd,
|
|
samp {
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
#fonttest {
|
|
font-family: monospace;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.end_space {
|
|
min-height: 100px;
|
|
transition: height .2s ease;
|
|
}
|
|
|
|
.notebook_app > #header {
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
}
|
|
|
|
@media not print {
|
|
.notebook_app {
|
|
background-color: #eee;
|
|
}
|
|
}
|
|
|
|
kbd {
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: none;
|
|
margin: 2px;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
/* CSS for the cell toolbar */
|
|
.celltoolbar {
|
|
border: thin solid #cfcfcf;
|
|
border-bottom: none;
|
|
background: #eee;
|
|
border-radius: 2px 2px 0 0;
|
|
width: 100%;
|
|
height: 29px;
|
|
padding-right: 4px;
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
/* Old browsers */
|
|
-webkit-box-pack: end;
|
|
-moz-box-pack: end;
|
|
box-pack: end;
|
|
/* Modern browsers */
|
|
justify-content: flex-end;
|
|
display: -webkit-flex;
|
|
}
|
|
|
|
@media print {
|
|
.celltoolbar {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.ctb_hideshow {
|
|
display: none;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar.
|
|
Cell toolbars are only shown when the ctb_global_show class is also set.
|
|
*/
|
|
.ctb_global_show .ctb_show.ctb_hideshow {
|
|
display: block;
|
|
}
|
|
|
|
.ctb_global_show .ctb_show + .input_area,
|
|
.ctb_global_show .ctb_show + div.text_cell_input,
|
|
.ctb_global_show .ctb_show ~ div.text_cell_render {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.ctb_global_show .ctb_show ~ div.text_cell_render {
|
|
border: 1px solid #cfcfcf;
|
|
}
|
|
|
|
.celltoolbar {
|
|
font-size: 87%;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.celltoolbar select {
|
|
display: block;
|
|
width: 100%;
|
|
height: 32px;
|
|
padding: 6px 12px;
|
|
font-size: 13px;
|
|
line-height: 1.42857143;
|
|
color: #555;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
border: 1px solid #ccc;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
height: 30px;
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 1px;
|
|
width: inherit;
|
|
font-size: inherit;
|
|
height: 22px;
|
|
padding: 0;
|
|
display: inline-block;
|
|
}
|
|
|
|
.celltoolbar select:focus {
|
|
border-color: #66afe9;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
}
|
|
|
|
.celltoolbar select::-moz-placeholder {
|
|
color: #999;
|
|
opacity: 1;
|
|
}
|
|
|
|
.celltoolbar select:-ms-input-placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
.celltoolbar select::-webkit-input-placeholder {
|
|
color: #999;
|
|
}
|
|
|
|
.celltoolbar select::-ms-expand {
|
|
border: 0;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.celltoolbar select[disabled],
|
|
.celltoolbar select[readonly],
|
|
fieldset[disabled] .celltoolbar select {
|
|
background-color: #eee;
|
|
opacity: 1;
|
|
}
|
|
|
|
.celltoolbar select[disabled],
|
|
fieldset[disabled] .celltoolbar select {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
textarea.celltoolbar select {
|
|
height: auto;
|
|
}
|
|
|
|
select.celltoolbar select {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
textarea.celltoolbar select,
|
|
select[multiple].celltoolbar select {
|
|
height: auto;
|
|
}
|
|
|
|
.celltoolbar label {
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.completions {
|
|
position: absolute;
|
|
z-index: 110;
|
|
overflow: hidden;
|
|
border: 1px solid #ababab;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 6px 10px -1px #adadad;
|
|
box-shadow: 0 6px 10px -1px #adadad;
|
|
line-height: 1;
|
|
}
|
|
|
|
.completions select {
|
|
background: white;
|
|
outline: none;
|
|
border: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: auto;
|
|
font-family: monospace;
|
|
font-size: 110%;
|
|
color: #000;
|
|
width: auto;
|
|
}
|
|
|
|
.completions select option.context {
|
|
color: #286090;
|
|
}
|
|
|
|
#kernel_logo_widget {
|
|
float: right !important;
|
|
float: right;
|
|
}
|
|
|
|
#kernel_logo_widget .current_kernel_logo {
|
|
display: none;
|
|
margin-top: -1px;
|
|
margin-bottom: -1px;
|
|
width: 32px;
|
|
height: 32px;
|
|
}
|
|
|
|
#menubar {
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
margin-top: 1px;
|
|
}
|
|
|
|
#menubar .navbar {
|
|
border-top: 1px;
|
|
border-radius: 0 0 2px 2px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#menubar .navbar-toggle {
|
|
float: left;
|
|
padding-top: 7px;
|
|
padding-bottom: 7px;
|
|
border: none;
|
|
}
|
|
|
|
#menubar .navbar-collapse {
|
|
clear: left;
|
|
}
|
|
|
|
.nav-wrapper {
|
|
border-bottom: 1px solid #e7e7e7;
|
|
}
|
|
|
|
i.menu-icon {
|
|
padding-top: 4px;
|
|
}
|
|
|
|
ul#help_menu li a {
|
|
overflow: hidden;
|
|
padding-right: 2.2em;
|
|
}
|
|
|
|
ul#help_menu li a i {
|
|
margin-right: -1.2em;
|
|
}
|
|
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
}
|
|
|
|
.dropdown-submenu > .dropdown-menu {
|
|
top: 0;
|
|
left: 100%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
}
|
|
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
.dropdown-submenu > a:after {
|
|
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;
|
|
display: block;
|
|
content: "\f0da";
|
|
float: right;
|
|
color: #333;
|
|
margin-top: 2px;
|
|
margin-right: -10px;
|
|
}
|
|
|
|
.dropdown-submenu > a:after.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.dropdown-submenu > a:after.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.dropdown-submenu:hover > a:after {
|
|
color: #262626;
|
|
}
|
|
|
|
.dropdown-submenu.pull-left {
|
|
float: none;
|
|
}
|
|
|
|
.dropdown-submenu.pull-left > .dropdown-menu {
|
|
left: -100%;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
#notification_area {
|
|
float: right !important;
|
|
float: right;
|
|
z-index: 10;
|
|
}
|
|
|
|
.indicator_area {
|
|
float: right !important;
|
|
float: right;
|
|
color: #777;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
width: 11px;
|
|
z-index: 10;
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
|
|
#kernel_indicator {
|
|
float: right !important;
|
|
float: right;
|
|
color: #777;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
width: 11px;
|
|
z-index: 10;
|
|
text-align: center;
|
|
width: auto;
|
|
border-left: 1px solid;
|
|
}
|
|
|
|
#kernel_indicator .kernel_indicator_name {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#modal_indicator {
|
|
float: right !important;
|
|
float: right;
|
|
color: #777;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
width: 11px;
|
|
z-index: 10;
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
|
|
#readonly-indicator {
|
|
float: right !important;
|
|
float: right;
|
|
color: #777;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
width: 11px;
|
|
z-index: 10;
|
|
text-align: center;
|
|
width: auto;
|
|
margin-top: 2px;
|
|
margin-bottom: 0;
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
display: none;
|
|
}
|
|
|
|
.modal_indicator:before {
|
|
width: 1.28571429em;
|
|
text-align: center;
|
|
}
|
|
|
|
.edit_mode .modal_indicator: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: "\f040";
|
|
}
|
|
|
|
.edit_mode .modal_indicator:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.edit_mode .modal_indicator:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.command_mode .modal_indicator: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: ' ';
|
|
}
|
|
|
|
.command_mode .modal_indicator:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.command_mode .modal_indicator:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.kernel_idle_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: "\f10c";
|
|
}
|
|
|
|
.kernel_idle_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.kernel_idle_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.kernel_busy_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: "\f111";
|
|
}
|
|
|
|
.kernel_busy_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.kernel_busy_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.kernel_dead_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: "\f1e2";
|
|
}
|
|
|
|
.kernel_dead_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.kernel_dead_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.kernel_disconnected_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: "\f127";
|
|
}
|
|
|
|
.kernel_disconnected_icon:before.pull-left {
|
|
margin-right: .3em;
|
|
}
|
|
|
|
.kernel_disconnected_icon:before.pull-right {
|
|
margin-left: .3em;
|
|
}
|
|
|
|
.notification_widget {
|
|
color: #777;
|
|
z-index: 10;
|
|
background: rgba(240, 240, 240, 0.5);
|
|
margin-right: 4px;
|
|
color: #333;
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.notification_widget:focus,
|
|
.notification_widget.focus {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
.notification_widget:hover {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.notification_widget:active,
|
|
.notification_widget.active,
|
|
.open > .dropdown-toggle.notification_widget {
|
|
color: #333;
|
|
background-color: #e6e6e6;
|
|
border-color: #adadad;
|
|
}
|
|
|
|
.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 {
|
|
color: #333;
|
|
background-color: #d4d4d4;
|
|
border-color: #8c8c8c;
|
|
}
|
|
|
|
.notification_widget:active,
|
|
.notification_widget.active,
|
|
.open > .dropdown-toggle.notification_widget {
|
|
background-image: none;
|
|
}
|
|
|
|
.notification_widget.disabled:hover,
|
|
.notification_widget[disabled]:hover,
|
|
fieldset[disabled] .notification_widget:hover,
|
|
.notification_widget.disabled:focus,
|
|
.notification_widget[disabled]:focus,
|
|
fieldset[disabled] .notification_widget:focus,
|
|
.notification_widget.disabled.focus,
|
|
.notification_widget[disabled].focus,
|
|
fieldset[disabled] .notification_widget.focus {
|
|
background-color: #fff;
|
|
border-color: #ccc;
|
|
}
|
|
|
|
.notification_widget .badge {
|
|
color: #fff;
|
|
background-color: #333;
|
|
}
|
|
|
|
.notification_widget.warning {
|
|
color: #fff;
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236;
|
|
}
|
|
|
|
.notification_widget.warning:focus,
|
|
.notification_widget.warning.focus {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #985f0d;
|
|
}
|
|
|
|
.notification_widget.warning:hover {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #d58512;
|
|
}
|
|
|
|
.notification_widget.warning:active,
|
|
.notification_widget.warning.active,
|
|
.open > .dropdown-toggle.notification_widget.warning {
|
|
color: #fff;
|
|
background-color: #ec971f;
|
|
border-color: #d58512;
|
|
}
|
|
|
|
.notification_widget.warning:active:hover,
|
|
.notification_widget.warning.active:hover,
|
|
.open > .dropdown-toggle.notification_widget.warning:hover,
|
|
.notification_widget.warning:active:focus,
|
|
.notification_widget.warning.active:focus,
|
|
.open > .dropdown-toggle.notification_widget.warning:focus,
|
|
.notification_widget.warning:active.focus,
|
|
.notification_widget.warning.active.focus,
|
|
.open > .dropdown-toggle.notification_widget.warning.focus {
|
|
color: #fff;
|
|
background-color: #d58512;
|
|
border-color: #985f0d;
|
|
}
|
|
|
|
.notification_widget.warning:active,
|
|
.notification_widget.warning.active,
|
|
.open > .dropdown-toggle.notification_widget.warning {
|
|
background-image: none;
|
|
}
|
|
|
|
.notification_widget.warning.disabled:hover,
|
|
.notification_widget.warning[disabled]:hover,
|
|
fieldset[disabled] .notification_widget.warning:hover,
|
|
.notification_widget.warning.disabled:focus,
|
|
.notification_widget.warning[disabled]:focus,
|
|
fieldset[disabled] .notification_widget.warning:focus,
|
|
.notification_widget.warning.disabled.focus,
|
|
.notification_widget.warning[disabled].focus,
|
|
fieldset[disabled] .notification_widget.warning.focus {
|
|
background-color: #f0ad4e;
|
|
border-color: #eea236;
|
|
}
|
|
|
|
.notification_widget.warning .badge {
|
|
color: #f0ad4e;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.notification_widget.success {
|
|
color: #fff;
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
|
|
.notification_widget.success:focus,
|
|
.notification_widget.success.focus {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #255625;
|
|
}
|
|
|
|
.notification_widget.success:hover {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #398439;
|
|
}
|
|
|
|
.notification_widget.success:active,
|
|
.notification_widget.success.active,
|
|
.open > .dropdown-toggle.notification_widget.success {
|
|
color: #fff;
|
|
background-color: #449d44;
|
|
border-color: #398439;
|
|
}
|
|
|
|
.notification_widget.success:active:hover,
|
|
.notification_widget.success.active:hover,
|
|
.open > .dropdown-toggle.notification_widget.success:hover,
|
|
.notification_widget.success:active:focus,
|
|
.notification_widget.success.active:focus,
|
|
.open > .dropdown-toggle.notification_widget.success:focus,
|
|
.notification_widget.success:active.focus,
|
|
.notification_widget.success.active.focus,
|
|
.open > .dropdown-toggle.notification_widget.success.focus {
|
|
color: #fff;
|
|
background-color: #398439;
|
|
border-color: #255625;
|
|
}
|
|
|
|
.notification_widget.success:active,
|
|
.notification_widget.success.active,
|
|
.open > .dropdown-toggle.notification_widget.success {
|
|
background-image: none;
|
|
}
|
|
|
|
.notification_widget.success.disabled:hover,
|
|
.notification_widget.success[disabled]:hover,
|
|
fieldset[disabled] .notification_widget.success:hover,
|
|
.notification_widget.success.disabled:focus,
|
|
.notification_widget.success[disabled]:focus,
|
|
fieldset[disabled] .notification_widget.success:focus,
|
|
.notification_widget.success.disabled.focus,
|
|
.notification_widget.success[disabled].focus,
|
|
fieldset[disabled] .notification_widget.success.focus {
|
|
background-color: #5cb85c;
|
|
border-color: #4cae4c;
|
|
}
|
|
|
|
.notification_widget.success .badge {
|
|
color: #5cb85c;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.notification_widget.info {
|
|
color: #fff;
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da;
|
|
}
|
|
|
|
.notification_widget.info:focus,
|
|
.notification_widget.info.focus {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #1b6d85;
|
|
}
|
|
|
|
.notification_widget.info:hover {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #269abc;
|
|
}
|
|
|
|
.notification_widget.info:active,
|
|
.notification_widget.info.active,
|
|
.open > .dropdown-toggle.notification_widget.info {
|
|
color: #fff;
|
|
background-color: #31b0d5;
|
|
border-color: #269abc;
|
|
}
|
|
|
|
.notification_widget.info:active:hover,
|
|
.notification_widget.info.active:hover,
|
|
.open > .dropdown-toggle.notification_widget.info:hover,
|
|
.notification_widget.info:active:focus,
|
|
.notification_widget.info.active:focus,
|
|
.open > .dropdown-toggle.notification_widget.info:focus,
|
|
.notification_widget.info:active.focus,
|
|
.notification_widget.info.active.focus,
|
|
.open > .dropdown-toggle.notification_widget.info.focus {
|
|
color: #fff;
|
|
background-color: #269abc;
|
|
border-color: #1b6d85;
|
|
}
|
|
|
|
.notification_widget.info:active,
|
|
.notification_widget.info.active,
|
|
.open > .dropdown-toggle.notification_widget.info {
|
|
background-image: none;
|
|
}
|
|
|
|
.notification_widget.info.disabled:hover,
|
|
.notification_widget.info[disabled]:hover,
|
|
fieldset[disabled] .notification_widget.info:hover,
|
|
.notification_widget.info.disabled:focus,
|
|
.notification_widget.info[disabled]:focus,
|
|
fieldset[disabled] .notification_widget.info:focus,
|
|
.notification_widget.info.disabled.focus,
|
|
.notification_widget.info[disabled].focus,
|
|
fieldset[disabled] .notification_widget.info.focus {
|
|
background-color: #5bc0de;
|
|
border-color: #46b8da;
|
|
}
|
|
|
|
.notification_widget.info .badge {
|
|
color: #5bc0de;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.notification_widget.danger {
|
|
color: #fff;
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
|
|
.notification_widget.danger:focus,
|
|
.notification_widget.danger.focus {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #761c19;
|
|
}
|
|
|
|
.notification_widget.danger:hover {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #ac2925;
|
|
}
|
|
|
|
.notification_widget.danger:active,
|
|
.notification_widget.danger.active,
|
|
.open > .dropdown-toggle.notification_widget.danger {
|
|
color: #fff;
|
|
background-color: #c9302c;
|
|
border-color: #ac2925;
|
|
}
|
|
|
|
.notification_widget.danger:active:hover,
|
|
.notification_widget.danger.active:hover,
|
|
.open > .dropdown-toggle.notification_widget.danger:hover,
|
|
.notification_widget.danger:active:focus,
|
|
.notification_widget.danger.active:focus,
|
|
.open > .dropdown-toggle.notification_widget.danger:focus,
|
|
.notification_widget.danger:active.focus,
|
|
.notification_widget.danger.active.focus,
|
|
.open > .dropdown-toggle.notification_widget.danger.focus {
|
|
color: #fff;
|
|
background-color: #ac2925;
|
|
border-color: #761c19;
|
|
}
|
|
|
|
.notification_widget.danger:active,
|
|
.notification_widget.danger.active,
|
|
.open > .dropdown-toggle.notification_widget.danger {
|
|
background-image: none;
|
|
}
|
|
|
|
.notification_widget.danger.disabled:hover,
|
|
.notification_widget.danger[disabled]:hover,
|
|
fieldset[disabled] .notification_widget.danger:hover,
|
|
.notification_widget.danger.disabled:focus,
|
|
.notification_widget.danger[disabled]:focus,
|
|
fieldset[disabled] .notification_widget.danger:focus,
|
|
.notification_widget.danger.disabled.focus,
|
|
.notification_widget.danger[disabled].focus,
|
|
fieldset[disabled] .notification_widget.danger.focus {
|
|
background-color: #d9534f;
|
|
border-color: #d43f3a;
|
|
}
|
|
|
|
.notification_widget.danger .badge {
|
|
color: #d9534f;
|
|
background-color: #fff;
|
|
}
|
|
|
|
div#pager {
|
|
background-color: #fff;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
overflow: hidden;
|
|
display: none;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
max-height: 50%;
|
|
padding-top: 8px;
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
/* Display over codemirror */
|
|
z-index: 100;
|
|
/* Hack which prevents jquery ui resizable from changing top. */
|
|
top: auto !important;
|
|
}
|
|
|
|
div#pager pre {
|
|
line-height: 1.21429em;
|
|
color: #000;
|
|
background-color: #f7f7f7;
|
|
padding: 0.4em;
|
|
}
|
|
|
|
div#pager #pager-button-area {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 20px;
|
|
}
|
|
|
|
div#pager #pager-contents {
|
|
position: relative;
|
|
overflow: auto;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
div#pager #pager-contents #pager-container {
|
|
position: relative;
|
|
padding: 15px 0;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
div#pager .ui-resizable-handle {
|
|
top: 0;
|
|
height: 8px;
|
|
background: #f7f7f7;
|
|
border-top: 1px solid #cfcfcf;
|
|
border-bottom: 1px solid #cfcfcf;
|
|
/* This injects handle bars (a short, wide = symbol) for
|
|
the resize handle. */
|
|
}
|
|
|
|
div#pager .ui-resizable-handle::after {
|
|
content: '';
|
|
top: 2px;
|
|
left: 50%;
|
|
height: 3px;
|
|
width: 30px;
|
|
margin-left: -15px;
|
|
position: absolute;
|
|
border-top: 1px solid #cfcfcf;
|
|
}
|
|
|
|
.quickhelp {
|
|
/* Old browsers */
|
|
display: -webkit-box;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-align: stretch;
|
|
display: -moz-box;
|
|
-moz-box-orient: horizontal;
|
|
-moz-box-align: stretch;
|
|
display: box;
|
|
box-orient: horizontal;
|
|
box-align: stretch;
|
|
/* Modern browsers */
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
.shortcut_key {
|
|
display: inline-block;
|
|
width: 20ex;
|
|
text-align: right;
|
|
font-family: monospace;
|
|
}
|
|
|
|
.shortcut_descr {
|
|
display: inline-block;
|
|
/* Old browsers */
|
|
-webkit-box-flex: 1;
|
|
-moz-box-flex: 1;
|
|
box-flex: 1;
|
|
/* Modern browsers */
|
|
flex: 1;
|
|
}
|
|
|
|
span.save_widget {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
span.save_widget span.filename {
|
|
height: 1em;
|
|
line-height: 1em;
|
|
padding: 3px;
|
|
margin-left: 16px;
|
|
border: none;
|
|
font-size: 146.5%;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
span.save_widget span.filename:hover {
|
|
background-color: #e6e6e6;
|
|
}
|
|
|
|
span.checkpoint_status,
|
|
span.autosave_status {
|
|
font-size: small;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
span.save_widget {
|
|
font-size: small;
|
|
}
|
|
|
|
span.checkpoint_status,
|
|
span.autosave_status {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
span.checkpoint_status {
|
|
display: none;
|
|
}
|
|
|
|
span.autosave_status {
|
|
font-size: x-small;
|
|
}
|
|
}
|
|
|
|
.toolbar {
|
|
padding: 0;
|
|
margin-left: -5px;
|
|
margin-top: 2px;
|
|
margin-bottom: 5px;
|
|
box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-webkit-box-sizing: border-box;
|
|
}
|
|
|
|
.toolbar select,
|
|
.toolbar label {
|
|
width: auto;
|
|
vertical-align: middle;
|
|
margin-right: 2px;
|
|
margin-bottom: 0;
|
|
display: inline;
|
|
font-size: 92%;
|
|
margin-left: 0.3em;
|
|
margin-right: 0.3em;
|
|
padding: 0;
|
|
padding-top: 3px;
|
|
}
|
|
|
|
.toolbar .btn {
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
.toolbar .btn-group {
|
|
margin-top: 0;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
#maintoolbar {
|
|
margin-bottom: -3px;
|
|
margin-top: -8px;
|
|
border: 0;
|
|
min-height: 27px;
|
|
margin-left: 0;
|
|
padding-top: 11px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
#maintoolbar .navbar-text {
|
|
float: none;
|
|
vertical-align: middle;
|
|
text-align: right;
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.select-xs {
|
|
height: 24px;
|
|
}
|
|
|
|
.pulse,
|
|
.dropdown-menu > li > a.pulse,
|
|
li.pulse > a.dropdown-toggle,
|
|
li.pulse.open > a.dropdown-toggle {
|
|
background-color: #f37626;
|
|
color: white;
|
|
}
|
|
|
|
/**
|
|
* Primary styles
|
|
*
|
|
* Author: Jupyter Development Team
|
|
*/
|
|
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot
|
|
* of chance of beeing generated from the ../less/[samename].less file, you can
|
|
* try to get back the less file by reverting somme commit in history
|
|
**/
|
|
/*
|
|
* We'll try to get something pretty, so we
|
|
* have some strange css to have the scroll bar on
|
|
* the left with fix button on the top right of the tooltip
|
|
*/
|
|
@-moz-keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeOut {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
/*properties of tooltip after "expand"*/
|
|
.bigtooltip {
|
|
overflow: auto;
|
|
height: 200px;
|
|
-webkit-transition-property: height;
|
|
-webkit-transition-duration: 500ms;
|
|
-moz-transition-property: height;
|
|
-moz-transition-duration: 500ms;
|
|
transition-property: height;
|
|
transition-duration: 500ms;
|
|
}
|
|
|
|
/*properties of tooltip before "expand"*/
|
|
.smalltooltip {
|
|
-webkit-transition-property: height;
|
|
-webkit-transition-duration: 500ms;
|
|
-moz-transition-property: height;
|
|
-moz-transition-duration: 500ms;
|
|
transition-property: height;
|
|
transition-duration: 500ms;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
height: 80px;
|
|
}
|
|
|
|
.tooltipbuttons {
|
|
position: absolute;
|
|
padding-right: 15px;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.tooltiptext {
|
|
/*avoid the button to overlap on some docstring*/
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.ipython_tooltip {
|
|
max-width: 700px;
|
|
/*fade-in animation when inserted*/
|
|
-webkit-animation: fadeOut 400ms;
|
|
-moz-animation: fadeOut 400ms;
|
|
animation: fadeOut 400ms;
|
|
-webkit-animation: fadeIn 400ms;
|
|
-moz-animation: fadeIn 400ms;
|
|
animation: fadeIn 400ms;
|
|
vertical-align: middle;
|
|
background-color: #f7f7f7;
|
|
overflow: visible;
|
|
border: #ababab 1px solid;
|
|
outline: none;
|
|
padding: 3px;
|
|
margin: 0;
|
|
padding-left: 7px;
|
|
font-family: monospace;
|
|
min-height: 50px;
|
|
-moz-box-shadow: 0 6px 10px -1px #adadad;
|
|
-webkit-box-shadow: 0 6px 10px -1px #adadad;
|
|
box-shadow: 0 6px 10px -1px #adadad;
|
|
border-radius: 2px;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
|
|
.ipython_tooltip a {
|
|
float: right;
|
|
}
|
|
|
|
.ipython_tooltip .tooltiptext pre {
|
|
border: 0;
|
|
border-radius: 0;
|
|
font-size: 100%;
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
.pretooltiparrow {
|
|
left: 0;
|
|
margin: 0;
|
|
top: -16px;
|
|
width: 40px;
|
|
height: 16px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
}
|
|
|
|
.pretooltiparrow:before {
|
|
background-color: #f7f7f7;
|
|
border: 1px #ababab solid;
|
|
z-index: 11;
|
|
content: "";
|
|
position: absolute;
|
|
left: 15px;
|
|
top: 10px;
|
|
width: 25px;
|
|
height: 25px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
}
|
|
|
|
ul.typeahead-list i {
|
|
margin-left: -10px;
|
|
width: 18px;
|
|
}
|
|
|
|
ul.typeahead-list {
|
|
max-height: 80vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
ul.typeahead-list > li > a {
|
|
/** Firefox bug **/
|
|
/* see https://github.com/jupyter/notebook/issues/559 */
|
|
white-space: normal;
|
|
}
|
|
|
|
.cmd-palette .modal-body {
|
|
padding: 7px;
|
|
}
|
|
|
|
.cmd-palette form {
|
|
background: white;
|
|
}
|
|
|
|
.cmd-palette input {
|
|
outline: none;
|
|
}
|
|
|
|
.no-shortcut {
|
|
display: none;
|
|
}
|
|
|
|
.command-shortcut:before {
|
|
content: "(command)";
|
|
padding-right: 3px;
|
|
color: #777;
|
|
}
|
|
|
|
.edit-shortcut:before {
|
|
content: "(edit)";
|
|
padding-right: 3px;
|
|
color: #777;
|
|
}
|
|
|
|
#find-and-replace #replace-preview .match,
|
|
#find-and-replace #replace-preview .insert {
|
|
background-color: #bbdefb;
|
|
border-color: #90caf9;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#find-and-replace #replace-preview .replace .match {
|
|
background-color: #ffcdd2;
|
|
border-color: #ef9a9a;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#find-and-replace #replace-preview .replace .insert {
|
|
background-color: #c8e6c9;
|
|
border-color: #a5d6a7;
|
|
border-radius: 0;
|
|
}
|
|
|
|
#find-and-replace #replace-preview {
|
|
max-height: 60vh;
|
|
overflow: auto;
|
|
}
|
|
|
|
#find-and-replace #replace-preview pre {
|
|
padding: 5px 10px;
|
|
}
|
|
|
|
.terminal-app {
|
|
background: #eee;
|
|
}
|
|
|
|
.terminal-app #header {
|
|
background: #fff;
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.2);
|
|
}
|
|
|
|
.terminal-app .terminal {
|
|
float: left;
|
|
font-family: monospace;
|
|
color: white;
|
|
background: black;
|
|
padding: 0.4em;
|
|
border-radius: 2px;
|
|
-webkit-box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4);
|
|
box-shadow: 0 0 12px 1px rgba(87, 87, 87, 0.4);
|
|
}
|
|
|
|
.terminal-app .terminal,
|
|
.terminal-app .terminal dummy-screen {
|
|
line-height: 1em;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.terminal-app .terminal-cursor {
|
|
color: black;
|
|
background: white;
|
|
}
|
|
|
|
.terminal-app #terminado-container {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.highlight .hll {
|
|
background-color: #ffc
|
|
}
|
|
|
|
.highlight {
|
|
background: #f8f8f8;
|
|
}
|
|
|
|
.highlight .c {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment */
|
|
.highlight .err {
|
|
border: 1px solid #f00
|
|
}
|
|
|
|
/* Error */
|
|
.highlight .k {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Keyword */
|
|
.highlight .o {
|
|
color: #666
|
|
}
|
|
|
|
/* Operator */
|
|
.highlight .ch {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment.Hashbang */
|
|
.highlight .cm {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment.Multiline */
|
|
.highlight .cp {
|
|
color: #bc7a00
|
|
}
|
|
|
|
/* Comment.Preproc */
|
|
.highlight .cpf {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment.PreprocFile */
|
|
.highlight .c1 {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment.Single */
|
|
.highlight .cs {
|
|
color: #408080;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Comment.Special */
|
|
.highlight .gd {
|
|
color: #a00000
|
|
}
|
|
|
|
/* Generic.Deleted */
|
|
.highlight .ge {
|
|
font-style: italic
|
|
}
|
|
|
|
/* Generic.Emph */
|
|
.highlight .gr {
|
|
color: #f00
|
|
}
|
|
|
|
/* Generic.Error */
|
|
.highlight .gh {
|
|
color: #000080;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Generic.Heading */
|
|
.highlight .gi {
|
|
color: #00a000
|
|
}
|
|
|
|
/* Generic.Inserted */
|
|
.highlight .go {
|
|
color: #888
|
|
}
|
|
|
|
/* Generic.Output */
|
|
.highlight .gp {
|
|
color: #000080;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Generic.Prompt */
|
|
.highlight .gs {
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Generic.Strong */
|
|
.highlight .gu {
|
|
color: #800080;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Generic.Subheading */
|
|
.highlight .gt {
|
|
color: #04d
|
|
}
|
|
|
|
/* Generic.Traceback */
|
|
.highlight .kc {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Keyword.Constant */
|
|
.highlight .kd {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Keyword.Declaration */
|
|
.highlight .kn {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Keyword.Namespace */
|
|
.highlight .kp {
|
|
color: #008000
|
|
}
|
|
|
|
/* Keyword.Pseudo */
|
|
.highlight .kr {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Keyword.Reserved */
|
|
.highlight .kt {
|
|
color: #b00040
|
|
}
|
|
|
|
/* Keyword.Type */
|
|
.highlight .m {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number */
|
|
.highlight .s {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String */
|
|
.highlight .na {
|
|
color: #7d9029
|
|
}
|
|
|
|
/* Name.Attribute */
|
|
.highlight .nb {
|
|
color: #008000
|
|
}
|
|
|
|
/* Name.Builtin */
|
|
.highlight .nc {
|
|
color: #00f;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Name.Class */
|
|
.highlight .no {
|
|
color: #800
|
|
}
|
|
|
|
/* Name.Constant */
|
|
.highlight .nd {
|
|
color: #a2f
|
|
}
|
|
|
|
/* Name.Decorator */
|
|
.highlight .ni {
|
|
color: #999;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Name.Entity */
|
|
.highlight .ne {
|
|
color: #d2413a;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Name.Exception */
|
|
.highlight .nf {
|
|
color: #00f
|
|
}
|
|
|
|
/* Name.Function */
|
|
.highlight .nl {
|
|
color: #a0a000
|
|
}
|
|
|
|
/* Name.Label */
|
|
.highlight .nn {
|
|
color: #00f;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Name.Namespace */
|
|
.highlight .nt {
|
|
color: #008000;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Name.Tag */
|
|
.highlight .nv {
|
|
color: #19177c
|
|
}
|
|
|
|
/* Name.Variable */
|
|
.highlight .ow {
|
|
color: #a2f;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Operator.Word */
|
|
.highlight .w {
|
|
color: #bbb
|
|
}
|
|
|
|
/* Text.Whitespace */
|
|
.highlight .mb {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number.Bin */
|
|
.highlight .mf {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number.Float */
|
|
.highlight .mh {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number.Hex */
|
|
.highlight .mi {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number.Integer */
|
|
.highlight .mo {
|
|
color: #666
|
|
}
|
|
|
|
/* Literal.Number.Oct */
|
|
.highlight .sb {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String.Backtick */
|
|
.highlight .sc {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String.Char */
|
|
.highlight .sd {
|
|
color: #ba2121;
|
|
font-style: italic
|
|
}
|
|
|
|
/* Literal.String.Doc */
|
|
.highlight .s2 {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String.Double */
|
|
.highlight .se {
|
|
color: #b62;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Literal.String.Escape */
|
|
.highlight .sh {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String.Heredoc */
|
|
.highlight .si {
|
|
color: #b68;
|
|
font-weight: bold
|
|
}
|
|
|
|
/* Literal.String.Interpol */
|
|
.highlight .sx {
|
|
color: #008000
|
|
}
|
|
|
|
/* Literal.String.Other */
|
|
.highlight .sr {
|
|
color: #b68
|
|
}
|
|
|
|
/* Literal.String.Regex */
|
|
.highlight .s1 {
|
|
color: #ba2121
|
|
}
|
|
|
|
/* Literal.String.Single */
|
|
.highlight .ss {
|
|
color: #19177c
|
|
}
|
|
|
|
/* Literal.String.Symbol */
|
|
.highlight .bp {
|
|
color: #008000
|
|
}
|
|
|
|
/* Name.Builtin.Pseudo */
|
|
.highlight .vc {
|
|
color: #19177c
|
|
}
|
|
|
|
/* Name.Variable.Class */
|
|
.highlight .vg {
|
|
color: #19177c
|
|
}
|
|
|
|
/* Name.Variable.Global */
|
|
.highlight .vi {
|
|
color: #19177c
|
|
}
|
|
|
|
/* Name.Variable.Instance */
|
|
.highlight .il {
|
|
color: #666
|
|
}
|
|
|
|
/* Temporary definitions which will become obsolete with Notebook release 5.0 */
|
|
.ansi-black-fg {
|
|
color: #3e424d;
|
|
}
|
|
|
|
.ansi-black-bg {
|
|
background-color: #3e424d;
|
|
}
|
|
|
|
.ansi-black-intense-fg {
|
|
color: #282c36;
|
|
}
|
|
|
|
.ansi-black-intense-bg {
|
|
background-color: #282c36;
|
|
}
|
|
|
|
.ansi-red-fg {
|
|
color: #e75c58;
|
|
}
|
|
|
|
.ansi-red-bg {
|
|
background-color: #e75c58;
|
|
}
|
|
|
|
.ansi-red-intense-fg {
|
|
color: #b22b31;
|
|
}
|
|
|
|
.ansi-red-intense-bg {
|
|
background-color: #b22b31;
|
|
}
|
|
|
|
.ansi-green-fg {
|
|
color: #00a250;
|
|
}
|
|
|
|
.ansi-green-bg {
|
|
background-color: #00a250;
|
|
}
|
|
|
|
.ansi-green-intense-fg {
|
|
color: #007427;
|
|
}
|
|
|
|
.ansi-green-intense-bg {
|
|
background-color: #007427;
|
|
}
|
|
|
|
.ansi-yellow-fg {
|
|
color: #ddb62b;
|
|
}
|
|
|
|
.ansi-yellow-bg {
|
|
background-color: #ddb62b;
|
|
}
|
|
|
|
.ansi-yellow-intense-fg {
|
|
color: #b27d12;
|
|
}
|
|
|
|
.ansi-yellow-intense-bg {
|
|
background-color: #b27d12;
|
|
}
|
|
|
|
.ansi-blue-fg {
|
|
color: #208ffb;
|
|
}
|
|
|
|
.ansi-blue-bg {
|
|
background-color: #208ffb;
|
|
}
|
|
|
|
.ansi-blue-intense-fg {
|
|
color: #0065ca;
|
|
}
|
|
|
|
.ansi-blue-intense-bg {
|
|
background-color: #0065ca;
|
|
}
|
|
|
|
.ansi-magenta-fg {
|
|
color: #d160c4;
|
|
}
|
|
|
|
.ansi-magenta-bg {
|
|
background-color: #d160c4;
|
|
}
|
|
|
|
.ansi-magenta-intense-fg {
|
|
color: #a03196;
|
|
}
|
|
|
|
.ansi-magenta-intense-bg {
|
|
background-color: #a03196;
|
|
}
|
|
|
|
.ansi-cyan-fg {
|
|
color: #60c6c8;
|
|
}
|
|
|
|
.ansi-cyan-bg {
|
|
background-color: #60c6c8;
|
|
}
|
|
|
|
.ansi-cyan-intense-fg {
|
|
color: #258f8f;
|
|
}
|
|
|
|
.ansi-cyan-intense-bg {
|
|
background-color: #258f8f;
|
|
}
|
|
|
|
.ansi-white-fg {
|
|
color: #c5c1b4;
|
|
}
|
|
|
|
.ansi-white-bg {
|
|
background-color: #c5c1b4;
|
|
}
|
|
|
|
.ansi-white-intense-fg {
|
|
color: #a1a6b2;
|
|
}
|
|
|
|
.ansi-white-intense-bg {
|
|
background-color: #a1a6b2;
|
|
}
|
|
|
|
.ansi-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#notebook {
|
|
overflow: visible;
|
|
border-top: none;
|
|
}
|
|
|
|
.filterControl .form-control {
|
|
padding: 0;
|
|
}
|
|
|
|
.bt_table_ei .fht-cell,
|
|
.bt_table_satellite_region .fht-cell,
|
|
.bt_table_satellite_pathrow .fht-cell,
|
|
.bt_table_forage_yield_county .fht-cell,
|
|
.bt_table_weather_month .fht-cell {
|
|
position: absolute;
|
|
top: -45px;
|
|
left: 72px;
|
|
}
|
|
|
|
.head-wrapper {
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.filter-list-group .list-group-item .title {
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
}
|
|
|
|
.filter-list-group .list-group-item .item {
|
|
line-height: 20px;
|
|
color: #08c;
|
|
margin: 1px 15px 1px 0;
|
|
}
|
|
|
|
.metadata-list-group .media-heading a {
|
|
color: #08c;
|
|
}
|
|
|
|
.metadata-list-group {
|
|
padding-bottom: 5px;
|
|
border-bottom: 1px dashed #DFDFDF;
|
|
}
|
|
|
|
|
|
.separator {
|
|
display: block;
|
|
width: 100%;
|
|
height: 3px;
|
|
margin: 5px auto 15px;
|
|
background-color: #cccccc;
|
|
position: relative;
|
|
border: 1px solid #cccccc;
|
|
}
|
|
|
|
.separator:after {
|
|
width: 50%;
|
|
height: 3px;
|
|
background-color: #08c;
|
|
position: absolute;
|
|
top: -1px;
|
|
left: -1px;
|
|
content: "";
|
|
} |