.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 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 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; }