Skip to content

Instantly share code, notes, and snippets.

@ap-Codkelden

ap-Codkelden/custom.css

Last active November 9, 2022 18:38
Show Gist options
  • Save ap-Codkelden/2c77b0c268343eef983e0e206f152da9 to your computer and use it in GitHub Desktop.
Save ap-Codkelden/2c77b0c268343eef983e0e206f152da9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. ap-Codkelden revised this gist Nov 9, 2022. 1 changed file with 680 additions and 563 deletions.
    1,243 changes: 680 additions & 563 deletions custom.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,35 +1,149 @@
    /* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono'); */

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    }

    @font-face {
    font-family: 'JetBrains Mono';
    src: url('fonts/JetBrainsMono-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    }

    div#notebook {
    font-family: sans-serif;
    font-size: 11pt;
    line-height: 125%;
    color: #303030;
    color: #586e75;
    -webkit-font-smoothing: antialiased !important;
    padding-top: 25px !important;
    }
    body,
    div.body {
    font-family: sans-serif;
    font-size: 11pt;
    color: #303030;
    background-color: #ffffff;
    background: #ffffff;
    color: #586e75;
    background-color: #eee8d5;
    background: #eee8d5;
    -webkit-font-smoothing: antialiased !important;
    }
    body.notebook_app {
    padding: 0;
    background-color: #ffffff;
    background: #ffffff;
    background-color: #eee8d5;
    background: #eee8d5;
    padding-right: 0px !important;
    overflow-y: hidden;
    }
    a {
    font-family: sans-serif;
    color: #303030;
    color: #586e75;
    -webkit-font-smoothing: antialiased !important;
    }
    a:hover,
    a:focus {
    color: #2f2f2f;
    color: #47585e;
    -webkit-font-smoothing: antialiased !important;
    }
    div#maintoolbar {
    @@ -56,7 +170,7 @@ div#maintoolbar {
    .list_header,
    div#notebook_list_header.row.list_header {
    font-size: 14pt;
    color: #2f2f2f;
    color: #47585e;
    background-color: transparent;
    height: 35px;
    }
    @@ -71,29 +185,29 @@ i.fa.fa-folder {
    }
    #running .panel-group .panel .panel-heading {
    font-size: 14pt;
    color: #303030;
    color: #586e75;
    padding: 8px 8px;
    background: #e4e4e4;
    background-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    }
    #running .panel-group .panel .panel-heading a {
    font-size: 14pt;
    color: #303030;
    color: #586e75;
    }
    #running .panel-group .panel .panel-heading a:focus,
    #running .panel-group .panel .panel-heading a:hover {
    font-size: 14pt;
    color: #303030;
    color: #586e75;
    }
    #running .panel-group .panel .panel-body .list_container .list_item {
    background: #f4f4f4;
    background-color: #f4f4f4;
    background: #f2eee1;
    background-color: #f2eee1;
    padding: 2px;
    border-bottom: 2px solid #dedede;
    border-bottom: 2px solid #e4dabd;
    }
    #running .panel-group .panel .panel-body .list_container .list_item:hover {
    background: #f4f4f4;
    background-color: #f4f4f4;
    background: #f2eee1;
    background-color: #f2eee1;
    }
    #running .panel-group .panel .panel-body {
    padding: 2px;
    @@ -121,7 +235,7 @@ div.running_list_info.toolbar_info {
    border-color: transparent;
    }
    #project_name > ul > li > a > i.fa.fa-home {
    color: #ff7823;
    color: #93a1a1;
    font-size: 17pt;
    display: inline-block;
    position: static;
    @@ -131,7 +245,7 @@ div.running_list_info.toolbar_info {
    vertical-align: text-top;
    }
    .fa-folder:before {
    color: #126dce;
    color: #268bd2;
    }
    .fa-arrow-up:before {
    font-size: 14px;
    @@ -141,7 +255,7 @@ div.running_list_info.toolbar_info {
    }
    span#last-modified.btn.btn-xs.btn-default.sort-action:hover .fa,
    span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa {
    color: #ef5c00;
    color: #51666c;
    }
    .folder_icon:before {
    display: inline-block;
    @@ -151,7 +265,7 @@ span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f07b";
    color: #126dce;
    color: #268bd2;
    }
    .notebook_icon:before {
    display: inline-block;
    @@ -162,7 +276,7 @@ span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa {
    -moz-osx-font-smoothing: grayscale;
    content: "\f02d";
    position: relative;
    color: #009e07 !important;
    color: #859900 !important;
    top: 0px;
    }
    .file_icon:before {
    @@ -175,7 +289,7 @@ span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa {
    content: "\f15b";
    position: relative;
    top: 0px;
    color: #6a737d !important;
    color: #657b83 !important;
    }
    #project_name a {
    display: inline-flex;
    @@ -188,15 +302,15 @@ span#sort-name.btn.btn-xs.btn-default.sort-action:hover .fa {
    div#notebook_toolbar div.dynamic-instructions {
    font-family: sans-serif;
    font-size: 17px;
    color: #828892;
    color: #93a1a1;
    }
    span#login_widget > .button,
    #logout {
    font-family: "Proxima Nova", sans-serif;
    color: #303030;
    color: #586e75;
    background: transparent;
    background-color: transparent;
    border: 2px solid #e5e5e5;
    border: 2px solid #d2d8d8;
    font-weight: normal;
    box-shadow: none;
    text-shadow: none;
    @@ -206,10 +320,10 @@ span#login_widget > .button,
    }
    span#login_widget > .button:hover,
    #logout:hover {
    color: #ef5c00;
    color: #51666c;
    background-color: transparent;
    background: transparent;
    border: 2px solid #ef5c00;
    border: 2px solid #51666c;
    background-image: none;
    box-shadow: none !important;
    border-radius: 3px;
    @@ -224,10 +338,10 @@ span#login_widget > .button.active,
    #logout.active,
    .open > .dropdown-togglespan#login_widget > .button,
    .open > .dropdown-toggle#logout {
    color: #1c1c1c;
    background-color: #303030;
    background: #303030;
    border-color: #303030;
    color: #cb4b16;
    background-color: #586e75;
    background: #586e75;
    border-color: #586e75;
    background-image: none;
    box-shadow: none !important;
    border-radius: 2px;
    @@ -240,19 +354,19 @@ body > #header #header-container {
    -webkit-box-sizing: border-box;
    }
    body > #header {
    background: #ffffff;
    background-color: #ffffff;
    background: #eee8d5;
    background-color: #eee8d5;
    position: relative;
    z-index: 100;
    }
    .list_container {
    font-size: 11pt;
    color: #303030;
    color: #586e75;
    border: none;
    text-shadow: none !important;
    }
    .list_container > div {
    border-bottom: 1px solid rgba(180,180,180,.14);
    border-bottom: 1px solid #eae2ca;
    font-size: 11pt;
    }
    .list_header > div,
    @@ -269,7 +383,7 @@ body > #header {
    font-size: 11pt;
    }
    .item_icon {
    color: #126dce;
    color: #268bd2;
    font-size: 13pt;
    vertical-align: middle;
    }
    @@ -307,8 +421,8 @@ body > #header {
    #button-select-all.focus,
    #button-select-all:active.focus,
    #button-select-all.active.focus {
    background-color: #e5e5e5 !important;
    background: #e5e5e5 !important;
    background-color: #d2d8d8 !important;
    background: #d2d8d8 !important;
    }
    button#tree-selector-btn {
    height: 34px;
    @@ -336,14 +450,14 @@ i.fa.fa-trash {
    }
    .list_container a {
    font-size: 16px;
    color: #303030;
    color: #586e75;
    border: none;
    text-shadow: none !important;
    font-weight: normal;
    font-style: normal;
    }
    div.list_container a:hover {
    color: #2f2f2f;
    color: #47585e;
    }
    .list_header > div input,
    .list_item > div input {
    @@ -355,18 +469,18 @@ div.list_container a:hover {
    top: -1px;
    }
    div.list_item:hover {
    background-color: #fafafa;
    background-color: #ebe4ce;
    }
    .breadcrumb > li {
    font-size: 10.0pt;
    color: #303030;
    color: #586e75;
    border: none;
    text-shadow: none !important;
    }
    .breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0px;
    color: #303030;
    color: #586e75;
    font-size: 18px;
    }
    #project_name > .breadcrumb {
    @@ -402,14 +516,14 @@ ul#tabs a {
    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
    color: #ef5c00;
    color: #51666c;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 2px solid transparent;
    }
    .nav > li.disabled > a,
    .nav > li.disabled > a:hover {
    color: #828892;
    color: #93a1a1;
    }
    .nav-tabs > li > a:before {
    content: "";
    @@ -418,7 +532,7 @@ ul#tabs a {
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #ef5c00;
    background-color: #51666c;
    visibility: hidden;
    -webkit-transform: perspective(0)scaleX(0);
    transform: perspective(0)scaleX(0);
    @@ -438,7 +552,7 @@ ul#tabs a {
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #ef5c00;
    background-color: #51666c;
    visibility: visible;
    -webkit-transform: perspective(1)scaleX(1);
    transform: perspective(1)scaleX(1);
    @@ -450,11 +564,11 @@ div#notebook {
    padding-top: 4px;
    }
    .notebook_app {
    background-color: #ffffff;
    background-color: #eee8d5;
    }
    #notebook-container {
    padding: 13px 2px;
    background-color: #ffffff;
    background-color: #eee8d5;
    min-height: 0px;
    box-shadow: none;
    width: 90%;
    @@ -483,24 +597,24 @@ div#header-container {
    .notebook_app #header,
    .edit_app #header {
    box-shadow: none !important;
    background-color: #ffffff;
    border-bottom: 2px solid rgba(180,180,180,.14);
    background-color: #eee8d5;
    border-bottom: 2px solid #eae2ca;
    }
    #header,
    .edit_app #header {
    font-family: sans-serif;
    font-size: 11pt;
    box-shadow: none;
    background-color: #ffffff;
    background-color: #eee8d5;
    }
    #header .header-bar,
    .edit_app #header .header-bar {
    background: #ffffff;
    background-color: #ffffff;
    background: #eee8d5;
    background-color: #eee8d5;
    }
    body > #header .header-bar {
    width: 100%;
    background: #ffffff;
    background: #eee8d5;
    }
    span.checkpoint_status,
    span.autosave_status {
    @@ -509,12 +623,12 @@ span.autosave_status {
    }
    #menubar,
    div#menubar {
    background-color: #ffffff;
    background-color: #eee8d5;
    padding-top: 0px !important;
    }
    #menubar .navbar,
    .navbar-default {
    background-color: #ffffff;
    background-color: #eee8d5;
    margin-bottom: 0px;
    margin-top: 0px;
    }
    @@ -527,39 +641,39 @@ div.navbar-text,
    p.navbar-text.indicator_area {
    margin-top: 8px !important;
    margin-bottom: 0px;
    color: #ff7823;
    color: #93a1a1;
    }
    .navbar-default {
    font-family: sans-serif;
    font-size: 11pt;
    background-color: #ffffff;
    border-color: #d4d4d4;
    background-color: #eee8d5;
    border-color: #efeada;
    line-height: 1.5em;
    padding-bottom: 0px;
    }
    .navbar-default .navbar-nav > li > a {
    font-family: sans-serif;
    font-size: 11pt;
    color: #303030;
    color: #586e75;
    display: block;
    line-height: 1.5em;
    padding-top: 14px;
    padding-bottom: 11px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
    color: #2f2f2f !important;
    background-color: rgba(180,180,180,.14) !important;
    border-color: #d4d4d4 !important;
    color: #47585e !important;
    background-color: #eae2ca !important;
    border-color: #efeada !important;
    line-height: 1.5em;
    transition: 80ms ease;
    }
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
    color: #1c1c1c;
    background-color: #dedede;
    border-color: #dedede;
    color: #cb4b16;
    background-color: #f5f2e7;
    border-color: #f5f2e7;
    line-height: 1.5em;
    }
    .navbar-nav > li > .dropdown-menu {
    @@ -582,7 +696,7 @@ div.notification_widget.info,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:hover,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:focus {
    color: #303030 !important;
    color: #586e75 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    padding-bottom: 0px !important;
    @@ -595,7 +709,7 @@ div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn {
    z-index: 0;
    }
    .notification_widget {
    color: #126dce;
    color: #268bd2;
    z-index: -500;
    font-size: 9pt;
    background: transparent;
    @@ -619,7 +733,7 @@ div.notification_widget {
    border: none !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #303030 !important;
    color: #586e75 !important;
    }
    div.notification_widget.info,
    .notification_widget.info {
    @@ -632,14 +746,14 @@ div.notification_widget.info,
    display: none;
    }
    .item_icon {
    color: #126dce;
    color: #268bd2;
    }
    .item_buttons .kernel-name {
    font-size: 11pt;
    color: #126dce;
    color: #268bd2;
    }
    .running_notebook_icon:before {
    color: #009e07 !important;
    color: #859900 !important;
    font: normal normal normal 15px/1 FontAwesome;
    font-size: 15px;
    text-rendering: auto;
    @@ -652,7 +766,7 @@ div.notification_widget.info,
    }
    .item_buttons .running-indicator {
    padding-top: 4px;
    color: #009e07;
    color: #859900;
    font-family: sans-serif;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    @@ -664,7 +778,7 @@ div.notification_widget.info,
    background-color: transparent;
    margin-bottom: 0px !important;
    vertical-align: bottom !important;
    color: #828892 !important;
    color: #93a1a1 !important;
    cursor: default !important;
    }
    #notification_area,
    @@ -683,17 +797,17 @@ div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn {
    #modal_indicator {
    float: right !important;
    color: #4c8be2;
    background: #ffffff;
    background-color: #ffffff;
    background: #eee8d5;
    background-color: #eee8d5;
    margin-top: 8px !important;
    margin-left: 0px;
    }
    #kernel_indicator {
    float: right !important;
    color: #ff7823;
    background: #ffffff;
    background-color: #ffffff;
    border-left: 2px solid #ff7823;
    color: #93a1a1;
    background: #eee8d5;
    background-color: #eee8d5;
    border-left: 2px solid #93a1a1;
    padding-top: 0px;
    padding-bottom: 4px;
    margin-top: 10px !important;
    @@ -702,9 +816,9 @@ div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn {
    }
    #kernel_indicator .kernel_indicator_name {
    font-size: 17px;
    color: #ff7823;
    background: #ffffff;
    background-color: #ffffff;
    color: #93a1a1;
    background: #eee8d5;
    background-color: #eee8d5;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 4px;
    @@ -774,9 +888,9 @@ div.notification_widget.info,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:hover,
    div#notification_notebook.notification_widget.btn.btn-xs.navbar-btn:focus {
    color: #303030;
    background-color: #ffffff;
    border-color: #ffffff;
    color: #586e75;
    background-color: #eee8d5;
    border-color: #eee8d5;
    }
    #notification_area,
    div.notification_area {
    @@ -818,8 +932,8 @@ i.fa.fa-icon {
    padding: 0px;
    text-align: left;
    border: none;
    background-color: #dedede;
    background: #dedede;
    background-color: #f5f2e7;
    background: #f5f2e7;
    line-height: 1;
    }
    .dropdown-menu:hover {
    @@ -829,7 +943,7 @@ i.fa.fa-icon {
    padding: 0px;
    text-align: left;
    border: none;
    background-color: #dedede;
    background-color: #f5f2e7;
    box-shadow: none;
    line-height: 1;
    }
    @@ -838,23 +952,23 @@ i.fa.fa-icon {
    font-size: 10.0pt;
    display: block;
    padding: 10px 20px 9px 10px;
    color: #303030;
    background-color: #dedede;
    background: #dedede;
    color: #586e75;
    background-color: #f5f2e7;
    background: #f5f2e7;
    }
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus {
    color: #2f2f2f;
    background-color: #d4d4d4;
    background: #d4d4d4;
    border-color: #d4d4d4;
    color: #47585e;
    background-color: #efeada;
    background: #efeada;
    border-color: #efeada;
    transition: 200ms ease;
    }
    .dropdown-menu .divider {
    height: 1px;
    margin: 0px 0px;
    overflow: hidden;
    background-color: rgba(180,180,180,.30);
    background-color: #e1d6b4;
    }
    .dropdown-submenu > .dropdown-menu {
    display: none;
    @@ -871,14 +985,14 @@ i.fa.fa-icon {
    font-family: sans-serif;
    font-size: 10.0pt;
    font-weight: normal;
    color: #828892;
    color: #93a1a1;
    padding: none;
    display: block;
    clear: both;
    white-space: nowrap;
    }
    .dropdown-submenu > a:after {
    color: #303030;
    color: #586e75;
    margin-right: -16px;
    margin-top: 0px;
    display: inline-block;
    @@ -887,7 +1001,7 @@ i.fa.fa-icon {
    .dropdown-submenu:active > a:after,
    .dropdown-submenu:focus > a:after,
    .dropdown-submenu:visited > a:after {
    color: #ff7823;
    color: #93a1a1;
    margin-right: -16px;
    display: inline-block !important;
    }
    @@ -899,10 +1013,10 @@ div.kse-dropdown > .dropdown-menu,
    .btn,
    .btn-default {
    font-family: sans-serif;
    color: #303030;
    background: #e5e5e5;
    background-color: #e5e5e5;
    border: 2px solid #e5e5e5;
    color: #586e75;
    background: #d2d8d8;
    background-color: #d2d8d8;
    border: 2px solid #d2d8d8;
    font-weight: normal;
    box-shadow: none;
    text-shadow: none;
    @@ -915,10 +1029,10 @@ div.kse-dropdown > .dropdown-menu,
    .btn-default:hover,
    .open > .dropdown-toggle.btn-default:hover,
    .open > .dropdown-toggle.btn:hover {
    color: #ef5c00;
    border: 2px solid #e0e0e0;
    background-color: #e0e0e0;
    background: #e0e0e0;
    color: #51666c;
    border: 2px solid #cdd3d3;
    background-color: #cdd3d3;
    background: #cdd3d3;
    background-image: none;
    box-shadow: none !important;
    border-radius: 3px;
    @@ -945,10 +1059,10 @@ div.kse-dropdown > .dropdown-menu,
    .open > .dropdown-toggle.btn-default:focus,
    .open > .dropdown-toggle.btn-default.hover,
    .open > .dropdown-toggle.btn-default.focus {
    color: #ef5c00;
    border: 2px solid #e0e0e0;
    background-color: #e0e0e0 !important;
    background: #e0e0e0 !important;
    color: #51666c;
    border: 2px solid #cdd3d3;
    background-color: #cdd3d3 !important;
    background: #cdd3d3 !important;
    background-image: none;
    box-shadow: none !important;
    border-radius: 3px;
    @@ -959,9 +1073,9 @@ div.kse-dropdown > .dropdown-menu,
    .btn-default.active:focus,
    .btn-default:active.focus,
    .btn-default.active.focus {
    color: #ef5c00 !important;
    background-color: #e5e5e5;
    border-color: #ffccac !important;
    color: #cb4b16 !important;
    background-color: #d2d8d8;
    border-color: #93583e !important;
    transition: 2000ms ease;
    }
    .btn:focus,
    @@ -972,12 +1086,12 @@ div.kse-dropdown > .dropdown-menu,
    .btn.active,
    .btn:active.focus,
    .btn.active.focus {
    color: #ef5c00 !important;
    color: #cb4b16 !important;
    outline: none !important;
    outline-width: 0px !important;
    background: #ffccac !important;
    background-color: #ffccac !important;
    border-color: #ffccac !important;
    background: #93583e !important;
    background-color: #93583e !important;
    border-color: #93583e !important;
    transition: 200ms ease !important;
    }
    .item_buttons > .btn,
    @@ -986,7 +1100,7 @@ div.kse-dropdown > .dropdown-menu,
    font-size: 11pt;
    background: transparent;
    background-color: transparent;
    border: 0px solid #e4e4e4;
    border: 0px solid #e8e0c7;
    border-bottom: 2px solid transparent;
    margin-left: 5px;
    padding-top: 4px !important;
    @@ -999,11 +1113,11 @@ div.kse-dropdown > .dropdown-menu,
    .item_buttons > .input-group.active,
    .item_buttons > .btn.focus {
    margin-left: 5px;
    background: #dfdfdf;
    background: #e5dcc0;
    padding-top: 4px !important;
    background-color: transparent;
    border: 0px solid transparent;
    border-bottom: 2px solid #ff7823;
    border-bottom: 2px solid #93a1a1;
    border-radius: 0px;
    transition: none;
    }
    @@ -1085,7 +1199,7 @@ div.dynamic-buttons > button,
    vertical-align: bottom;
    margin-left: -.5ex;
    display: inline-table;
    border: solid 0px #e5e5e5;
    border: solid 0px #d2d8d8;
    margin-bottom: -1ex;
    }
    .alternate_upload .btn-upload {
    @@ -1107,7 +1221,7 @@ div.dynamic-buttons > button,
    .dropdown-header {
    font-family: sans-serif !important;
    font-size: 11pt !important;
    color: #ff7823 !important;
    color: #93a1a1 !important;
    border-bottom: none !important;
    padding: 0px !important;
    margin: 6px 6px 0px !important;
    @@ -1120,7 +1234,7 @@ span#file-size.btn.btn-xs.btn-default.sort-action {
    background-color: transparent;
    background: transparent;
    border: none;
    color: #303030;
    color: #586e75;
    padding-bottom: 0px;
    margin-bottom: 0px;
    vertical-align: sub;
    @@ -1139,13 +1253,13 @@ button.close {
    display: inline-block;
    }
    .close {
    color: #de143d;
    color: #dc322f;
    opacity: .5;
    text-shadow: none;
    font-weight: normal;
    }
    .close:hover {
    color: #de143d;
    color: #dc322f;
    opacity: 1;
    font-weight: normal;
    }
    @@ -1162,18 +1276,18 @@ fieldset[disabled] .btn-default:focus,
    .btn-default.disabled.focus,
    .btn-default[disabled].focus,
    fieldset[disabled] .btn-default.focus {
    color: #4a4a4a;
    background: #e2e2e2;
    background-color: #e2e2e2;
    border-color: #e2e2e2;
    color: #93a1a1;
    background: #cfd6d6;
    background-color: #cfd6d6;
    border-color: #cfd6d6;
    transition: 200ms ease;
    }
    .input-group-addon {
    padding: 2px 5px;
    font-size: 11pt;
    font-weight: normal;
    height: auto;
    color: #303030;
    color: #586e75;
    text-align: center;
    background-color: transparent;
    border: 2px solid transparent !important;
    @@ -1189,71 +1303,71 @@ a.btn.btn-default.input-group-addon:hover {
    height: 100%;
    }
    .btn-group > .btn + .dropdown-toggle:hover {
    background: #e0e0e0 !important;
    background: #cdd3d3 !important;
    }
    .input-group-btn {
    position: relative;
    font-size: inherit;
    white-space: nowrap;
    background: #e4e4e4;
    background-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border: none;
    }
    .input-group-btn:hover {
    background: #dfdfdf;
    background-color: #dfdfdf;
    background: #e5dcc0;
    background-color: #e5dcc0;
    border: none;
    }
    .input-group-btn:first-child > .btn,
    .input-group-btn:first-child > .btn-group {
    background: #e4e4e4;
    background-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border: none;
    margin-left: 2px;
    margin-right: -1px;
    font-size: inherit;
    }
    .input-group-btn:first-child > .btn:hover,
    .input-group-btn:first-child > .btn-group:hover {
    background: #e0e0e0;
    background-color: #e0e0e0;
    background: #cdd3d3;
    background-color: #cdd3d3;
    border: none;
    font-size: inherit;
    transition: 200ms ease;
    }
    div.modal .btn-group > .btn:first-child {
    background: #e4e4e4;
    background-color: #e4e4e4;
    border: 1px solid #e1e1e1;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border: 1px solid #e7dec3;
    margin-top: 0px !important;
    margin-left: 0px;
    margin-bottom: 2px;
    }
    div.modal .btn-group > .btn:first-child:hover {
    background: #dfdfdf;
    background-color: #dfdfdf;
    border: 1px solid #dfdfdf;
    background: #e5dcc0;
    background-color: #e5dcc0;
    border: 1px solid #e5dcc0;
    transition: 200ms ease;
    }
    div.modal > button,
    div.modal-footer > button {
    background: #e4e4e4;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border-color: #e8e0c7;
    }
    div.modal > button:hover,
    div.modal-footer > button:hover {
    background: #dfdfdf;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    background: #e5dcc0;
    background-color: #e5dcc0;
    border-color: #e5dcc0;
    transition: 200ms ease;
    }
    .modal-content {
    font-family: sans-serif;
    font-size: 10.0pt;
    position: relative;
    background: #e4e4e4;
    background-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border: none;
    border-radius: 1px;
    background-clip: padding-box;
    @@ -1262,17 +1376,17 @@ div.modal-footer > button:hover {
    .modal-header {
    font-family: sans-serif;
    font-size: 11pt;
    color: #303030;
    background: #e4e4e4;
    background-color: #e4e4e4;
    border-color: #dedede;
    color: #586e75;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border-color: #e4dabd;
    padding: 12px;
    min-height: 16.4286px;
    }
    .modal-content h4 {
    font-family: sans-serif;
    font-size: 16pt;
    color: #303030;
    color: #586e75;
    padding: 5px;
    }
    .modal-body {
    @@ -1288,8 +1402,8 @@ div.modal-footer > button:hover {
    }
    .alert-info {
    background-color: #fdfdfd;
    border-color: #dedede;
    color: #303030;
    border-color: #e4dabd;
    color: #586e75;
    }
    .modal-header .close {
    margin-top: -5px;
    @@ -1306,18 +1420,18 @@ div.panel-default,
    .panel-default {
    font-family: sans-serif;
    font-size: 11pt;
    background-color: #f4f4f4;
    color: #303030;
    background-color: #f2eee1;
    color: #586e75;
    margin-bottom: 14px;
    border: 0;
    box-shadow: none;
    }
    div.panel > .panel-heading,
    div.panel-default > .panel-heading {
    font-size: 14pt;
    color: #303030;
    background: #e4e4e4;
    background-color: #e4e4e4;
    color: #586e75;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border: 0;
    }
    .modal .modal-dialog {
    @@ -1334,9 +1448,9 @@ div.form-control,
    .form-control {
    font-family: sans-serif;
    font-size: initial;
    color: #303030;
    color: #586e75;
    background-color: #ffffff;
    border: 1px solid #d0d0d0 !important;
    border: 1px solid #efefef !important;
    margin-left: 2px;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    @@ -1346,9 +1460,9 @@ div.form-control,
    height: inherit;
    }
    .form-group.list-group-item {
    color: #303030;
    background-color: #f4f4f4;
    border-color: #dedede;
    color: #586e75;
    background-color: #f2eee1;
    border-color: #e4dabd;
    margin-bottom: 0px;
    }
    .form-group .input-group {
    @@ -1360,7 +1474,7 @@ select,
    textarea {
    background-color: #ffffff;
    font-weight: normal;
    border: 1px solid #dedede;
    border: 1px solid #e4dabd;
    }
    select.form-control.select-xs {
    height: 33px;
    @@ -1376,33 +1490,33 @@ select.form-control.select-xs {
    font-size: 92%;
    margin-left: 10px;
    padding: 0px;
    background: #e5e5e5 !important;
    background-color: #e5e5e5 !important;
    border: 2px solid #e5e5e5 !important;
    background: #d2d8d8 !important;
    background-color: #d2d8d8 !important;
    border: 2px solid #cfd6d6 !important;
    }
    .form-control:focus {
    border-color: #ff7823;
    outline: 2px solid rgba(240,147,43,.50);
    border-color: #93a1a1;
    outline: 2px solid #bbc4c5;
    -webkit-box-shadow: none;
    }
    ::-webkit-input-placeholder {
    color: #828892;
    color: #93a1a1;
    }
    ::-moz-placeholder {
    color: #828892;
    color: #93a1a1;
    }
    :-ms-input-placeholder {
    color: #828892;
    color: #93a1a1;
    }
    :-moz-placeholder {
    color: #828892;
    color: #93a1a1;
    }
    [dir="ltr"] #find-and-replace .input-group-btn + .form-control {
    border: 2px solid #dedede !important;
    border: 2px solid #e4dabd !important;
    }
    [dir="ltr"] #find-and-replace .input-group-btn + .form-control:focus {
    border-color: #ff7823;
    outline: 2px solid rgba(240,147,43,.50);
    border-color: #93a1a1;
    outline: 2px solid #bbc4c5;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    @@ -1412,20 +1526,20 @@ div.output.output_scroll {
    ::-webkit-scrollbar {
    width: 11px;
    max-height: 9px;
    background-color: #ebebeb;
    background-color: #e1d5b6;
    border-radius: 3px;
    border: none;
    }
    ::-webkit-scrollbar-track {
    background: #ebebeb;
    background: #e1d5b6;
    border: none;
    width: 11px;
    max-height: 9px;
    }
    ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    border: none;
    background: #909090;
    background: #93a1a1;
    background-clip: content-box;
    width: 11px;
    }
    @@ -1463,8 +1577,8 @@ a {
    font-weight: 400;
    }
    div.input_area {
    background-color: #ededed;
    background: #ededed;
    background-color: #fdf6e3;
    background: #fdf6e3;
    padding-right: 1.2em;
    border: 0px;
    border-radius: 0px;
    @@ -1473,30 +1587,30 @@ div.input_area {
    }
    div.cell {
    padding: 0px;
    background: #ededed;
    background-color: #ededed;
    border: medium solid #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border: medium solid #eee8d5;
    border-radius: 4px;
    top: 0;
    }
    div.cell.selected {
    background: #ededed;
    background-color: #ededed;
    border: medium solid #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border: medium solid #eee8d5;
    padding: 0px;
    border-radius: 5px;
    }
    .edit_mode div.cell.selected {
    padding: 0px;
    background: #ededed;
    background-color: #ededed;
    border: medium solid #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border: medium solid #eee8d5;
    border-radius: 5px;
    }
    div.cell.edit_mode {
    padding: 0px;
    background: #ededed;
    background-color: #ededed;
    background: #fdf6e3;
    background-color: #fdf6e3;
    }
    div.CodeMirror-sizer {
    margin-left: 0px;
    @@ -1511,7 +1625,7 @@ div.cell.selected:before,
    .edit_mode div.cell.selected:before,
    div.cell.selected:before,
    div.cell.selected.jupyter-soft-selected:before {
    background: #ededed !important;
    background: #fdf6e3 !important;
    border: none;
    border-radius: 3px;
    position: absolute;
    @@ -1525,45 +1639,45 @@ div.cell.text_cell.selected::before,
    .edit_mode div.cell.text_cell.selected:before,
    div.cell.text_cell.selected:before,
    div.cell.text_cell.selected.jupyter-soft-selected:before {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: #f2f2f2 !important;
    background: #fdf6e3 !important;
    background-color: #fdf6e3 !important;
    border-color: #b58900 !important;
    }
    div.cell.code_cell .input {
    border-left: 5px solid #ededed !important;
    border-left: 5px solid #fdf6e3 !important;
    border-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    }
    div.cell.code_cell.selected .input {
    border-left: 5px solid #ff7823 !important;
    border-left: 5px solid #93a1a1 !important;
    border-radius: 3px;
    }
    .edit_mode div.cell.code_cell.selected .input {
    border-left: 5px solid #ffd5bb !important;
    border-left: 5px solid #bbc4c5 !important;
    border-radius: 3px;
    }
    .edit_mode div.cell.selected:before {
    height: 100%;
    border-left: 5px solid #ffd5bb !important;
    border-left: 5px solid #bbc4c5 !important;
    border-radius: 3px;
    }
    div.cell.jupyter-soft-selected,
    div.cell.selected.jupyter-soft-selected {
    border-left-color: #ffd5bb !important;
    border-left-color: #bbc4c5 !important;
    border-left-width: 0px !important;
    padding-left: 7px !important;
    border-right-color: #ffd5bb !important;
    border-right-color: #bbc4c5 !important;
    border-right-width: 0px !important;
    background: #ffd5bb !important;
    background: #bbc4c5 !important;
    border-radius: 6px !important;
    }
    div.cell.selected.jupyter-soft-selected .input {
    border-left: 5px solid #ededed !important;
    border-left: 5px solid #fdf6e3 !important;
    }
    div.cell.selected.jupyter-soft-selected {
    border-left-color: #ff7823;
    border-color: #ffffff;
    border-left-color: #93a1a1;
    border-color: #eee8d5;
    padding-left: 7px;
    border-radius: 6px;
    }
    @@ -1574,32 +1688,32 @@ div.cell.code_cell.selected .input {
    div.cell.selected.jupyter-soft-selected .prompt,
    div.cell.text_cell.selected.jupyter-soft-selected .prompt {
    top: 0;
    border-left: #ededed !important;
    border-left: #fdf6e3 !important;
    border-radius: 2px;
    }
    div.cell.text_cell.selected.jupyter-soft-selected .input_prompt {
    border-left: none !important;
    }
    div.cell.text_cell.jupyter-soft-selected,
    div.cell.text_cell.selected.jupyter-soft-selected {
    border-left-color: #f2f2f2 !important;
    border-left-color: rgba(181,137,0,.4) !important;
    border-left-width: 0px !important;
    padding-left: 26px !important;
    border-right-color: #f2f2f2 !important;
    border-right-color: rgba(181,137,0,.4) !important;
    border-right-width: 0px !important;
    background: #f2f2f2 !important;
    background: rgba(181,137,0,.4) !important;
    border-radius: 5px !important;
    }
    div.cell.jupyter-soft-selected .input,
    div.cell.selected.jupyter-soft-selected .input {
    border-left-color: #ffd5bb !important;
    border-left-color: #bbc4c5 !important;
    }
    div.prompt,
    .prompt {
    font-family: monospace, monospace;
    font-size: 9pt !important;
    font-weight: normal;
    color: #828892;
    color: #93a1a1;
    line-height: 170%;
    padding: 0px;
    padding-top: 4px;
    @@ -1610,19 +1724,19 @@ div.prompt,
    width: 11.5ex !important;
    }
    div.prompt.input_prompt {
    font-size: 11pt !important;
    background-color: #ededed;
    font-size: 9pt !important;
    background-color: #fdf6e3;
    border-top: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-right: 3px;
    min-width: 11.5ex;
    width: 11.5ex !important;
    height: 100%;
    }
    div.cell.code_cell .input_prompt {
    border-right: 2px solid rgba(240,147,43,.50);
    border-right: 2px solid #bbc4c5;
    height: 100%;
    }
    div.cell.selected .prompt {
    top: 0;
    @@ -1649,14 +1763,14 @@ div.code_cell:hover div.input .run_this_cell {
    visibility: visible;
    }
    div.cell.code_cell.rendered.selected .run_this_cell:hover {
    background-color: #e3e3e3;
    background: #e3e3e3;
    color: #ff7823 !important;
    background-color: #fcf0d0;
    background: #fcf0d0;
    color: #93a1a1 !important;
    }
    div.cell.code_cell.rendered.unselected .run_this_cell:hover {
    background-color: #e3e3e3;
    background: #e3e3e3;
    color: #ff7823 !important;
    background-color: #fcf0d0;
    background: #fcf0d0;
    color: #93a1a1 !important;
    }
    i.fa-step-forward.fa {
    display: inline-block;
    @@ -1670,12 +1784,12 @@ div.cell.selected.jupyter-soft-selected .run_this_cell:hover,
    div.cell.unselected.jupyter-soft-selected .run_this_cell:hover,
    div.cell.code_cell.rendered.selected.jupyter-soft-selected .run_this_cell:hover,
    div.cell.code_cell.rendered.unselected.jupyter-soft-selected .run_this_cell:hover {
    background-color: #ffd5bb !important;
    background: #ffd5bb !important;
    color: #ffd5bb !important;
    background-color: #bbc4c5 !important;
    background: #bbc4c5 !important;
    color: #bbc4c5 !important;
    }
    div.output_wrapper {
    background-color: #ffffff;
    background-color: #eee8d5;
    border: 0px;
    left: 0px;
    margin-bottom: 0em;
    @@ -1688,17 +1802,18 @@ div.output_subarea.output_text {
    font-family: monospace, monospace;
    font-size: 12pt !important;
    line-height: 150% !important;
    background-color: #ffffff;
    color: #303030;
    background-color: #eee8d5;
    color: #586e75;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 11.5px;
    }
    div.output_area pre {
    font-family: monospace, monospace;
    font-family: 'JetBrains Mono', monospace;
    font-weight: 300;
    font-size: 12pt !important;
    line-height: 151% !important;
    color: #303030;
    color: #586e75;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    }
    @@ -1709,31 +1824,31 @@ div.output_html {
    font-family: monospace, monospace;
    font-size: 12pt;
    color: #353535;
    background-color: #ffffff;
    background: #ffffff;
    background-color: #eee8d5;
    background: #eee8d5;
    }
    div.output_subarea {
    overflow-x: auto;
    padding: 0.9em !important;
    padding: 0.6em !important;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    flex: 1;
    }
    div.btn.btn-default.output_collapsed {
    background: #d7d7d7;
    background-color: #d7d7d7;
    border-color: #d7d7d7;
    background: #e1d6b5;
    background-color: #e1d6b5;
    border-color: #e1d6b5;
    }
    div.btn.btn-default.output_collapsed:hover {
    background: #d2d2d2;
    background-color: #d2d2d2;
    border-color: #d2d2d2;
    background: #ded2ae;
    background-color: #ded2ae;
    border-color: #ded2ae;
    }
    div.prompt.output_prompt {
    font-family: monospace, monospace;
    font-weight: bold !important;
    background-color: #ffffff;
    background-color: #eee8d5;
    color: transparent;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
    @@ -1746,7 +1861,7 @@ div.prompt.output_prompt {
    div.out_prompt_overlay.prompt {
    font-family: monospace, monospace;
    font-weight: bold !important;
    background-color: #ffffff;
    background-color: #eee8d5;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    @@ -1757,7 +1872,7 @@ div.out_prompt_overlay.prompt {
    color: transparent;
    }
    div.out_prompt_overlay.prompt:hover {
    background-color: #f7f7f7;
    background-color: #e8e0c7;
    box-shadow: none !important;
    border: none;
    border-bottom-left-radius: 2px;
    @@ -1767,22 +1882,22 @@ div.out_prompt_overlay.prompt:hover {
    border-top-left-radius: 0px;
    min-width: 11.5ex !important;
    width: 11.5ex !important;
    border-right: 2px solid #f7f7f7 !important;
    border-right: 2px solid #e8e0c7 !important;
    }
    div.cell.code_cell .output_prompt {
    border-right: 2px solid transparent;
    color: transparent;
    }
    div.cell.selected .output_prompt,
    div.cell.selected .out_prompt_overlay.prompt {
    border-left: 5px solid #f2f2f2;
    border-right: 2px solid #ffffff;
    border-left: 5px solid rgba(181,137,0,.4);
    border-right: 2px solid #eee8d5;
    border-radius: 0px !important;
    }
    .edit_mode div.cell.selected .output_prompt,
    .edit_mode div.cell.selected .out_prompt_overlay.prompt {
    border-left: 5px solid #f2f2f2;
    border-right: 2px solid #ffffff;
    border-left: 5px solid rgba(181,137,0,.4);
    border-right: 2px solid #eee8d5;
    border-radius: 0px !important;
    }
    div.text_cell,
    @@ -1791,9 +1906,9 @@ div.text_cell_render {
    font-family: sans-serif;
    font-size: 13pt;
    line-height: 130% !important;
    color: #353535;
    background: #ffffff;
    background-color: #ffffff;
    color: #586e75;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    div .text_cell_render {
    @@ -1809,8 +1924,8 @@ div.cell.text_cell .CodeMirror-lines {
    }
    div.cell.text_cell.unrendered div.input_area,
    div.cell.text_cell.rendered div.input_area {
    background-color: #ffffff;
    background: #ffffff;
    background-color: #fdf6e3;
    background: #fdf6e3;
    border: 0px;
    border-radius: 2px;
    }
    @@ -1821,38 +1936,38 @@ div.cell.text_cell .CodeMirror pre {
    div.cell.text_cell.rendered.selected {
    font-family: sans-serif;
    line-height: 125% !important;
    background: #ffffff;
    background-color: #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    div.cell.text_cell.unrendered.selected {
    font-family: sans-serif;
    line-height: 125% !important;
    background: #ffffff;
    background-color: #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    div.cell.text_cell.selected {
    font-family: sans-serif;
    line-height: 125% !important;
    background: #ffffff;
    background-color: #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    .edit_mode div.cell.text_cell.selected {
    font-family: sans-serif;
    line-height: 125% !important;
    background: #ffffff;
    background-color: #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    div.text_cell.unrendered,
    div.text_cell.unrendered.selected,
    div.edit_mode div.text_cell.unrendered {
    font-family: sans-serif;
    line-height: 125% !important;
    background: #ffffff;
    background-color: #ffffff;
    background: #fdf6e3;
    background-color: #fdf6e3;
    border-radius: 0px;
    }
    div.cell.text_cell .prompt {
    @@ -1864,49 +1979,40 @@ div.cell.text_cell.rendered .prompt {
    font-family: monospace, monospace;
    font-size: 9.5pt !important;
    font-weight: normal;
    color: #828892 !important;
    color: #93a1a1 !important;
    text-align: right !important;
    min-width: 14.5ex !important;
    width: 14.5ex !important;
    background-color: #ffffff;
    border-right: 2px solid transparent;
    border-left: 4px solid #ffffff;
    background-color: #fdf6e3;
    border-right: 2px solid rgba(181,137,0,.4);
    border-left: 4px solid #fdf6e3;
    }
    div.cell.text_cell.unrendered .prompt {
    font-family: monospace, monospace;
    font-size: 9.5pt !important;
    font-weight: normal;
    color: #828892 !important;
    color: #93a1a1 !important;
    text-align: right !important;
    min-width: 14.5ex !important;
    width: 14.5ex !important;
    border-right: 2px solid transparent;
    border-left: 4px solid #ffffff;
    background-color: #ffffff;
    border-right: 2px solid rgba(181,137,0,.4);
    border-left: 4px solid #fdf6e3;
    background-color: #fdf6e3;
    }
    div.cell.text_cell.rendered .prompt {
    border-right: 2px solid transparent;
    border-right: 2px solid rgba(181,137,0,.4);
    }
    div.cell.text_cell.rendered.selected .prompt {
    top: 0;
    border-left: 4px solid #f2f2f2;
    border-right: 2px solid transparent;
    border-left: 4px solid #b58900;
    border-right: 2px solid rgba(181,137,0,.4);
    }
    div.text_cell.unrendered.selected .prompt,
    div.text_cell.rendered.selected .prompt {
    top: 0;
    background: #ffffff;
    border-left: 4px solid #f2f2f2;
    border-right: 2px solid transparent;
    }
    div.rendered_html code {
    font-family: monospace, monospace;
    font-size: 11pt;
    padding-top: 3px;
    padding-left: 2px;
    color: #303030;
    background: #efefef;
    background-color: #efefef;
    background: #fdf6e3;
    border-left: 4px solid rgba(181,137,0,.4);
    border-right: 2px solid rgba(181,137,0,.4);
    }
    pre,
    code,
    @@ -1919,7 +2025,7 @@ code {
    font-family: monospace, monospace;
    font-size: 11pt !important;
    line-height: 125% !important;
    color: #353535;
    color: #586e75;
    background: #efefef;
    background-color: #efefef;
    border-color: #efefef;
    @@ -1928,7 +2034,7 @@ kbd {
    padding: 1px;
    font-size: 11pt;
    font-weight: 800;
    color: #303030;
    color: #586e75;
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    @@ -1939,13 +2045,13 @@ pre {
    margin: 0 0 9px;
    font-size: 10.0pt;
    line-height: 1.42857143;
    color: #303030;
    color: #586e75;
    background-color: #efefef;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    }
    div.rendered_html {
    color: #353535;
    color: #586e75;
    }
    .rendered_html * + ul {
    margin-top: .4em;
    @@ -1959,7 +2065,7 @@ div.rendered_html pre {
    font-family: monospace, monospace;
    font-size: 11pt !important;
    line-height: 125% !important;
    color: #353535 !important;
    color: #586e75 !important;
    background: #efefef;
    background-color: #efefef;
    max-width: 80%;
    @@ -1970,20 +2076,33 @@ div.rendered_html pre {
    padding-left: 5px;
    margin-left: 6px;
    }
    div.rendered_html code {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11pt;
    padding-top: 3px;
    padding-left: 2px;
    /*color: #586e75;
    background: #efefef;
    background-color: #efefef;*/
    color: #f3447e;
    background: #f6f6f6;
    background-color: #f6f6f6;
    border: 1px #dadada solid;
    border-radius: 0.4rem;
    }
    div.text_cell_render pre,
    div.text_cell_render code {
    font-family: monospace, monospace;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11pt !important;
    line-height: 125% !important;
    color: #353535;
    background: #ffffff;
    background-color: #ffffff;
    /*color: #586e75;
    background: #eee8d5;
    background-color: #eee8d5;*/
    max-width: 80%;
    border-radius: 0px;
    border-left: none;
    }
    div.text_cell_render pre {
    border-left: 3px solid rgba(240,147,43,.50) !important;
    border-left: 3px solid #bbc4c5 !important;
    max-width: 80%;
    border-radius: 0px;
    padding-left: 5px;
    @@ -2013,36 +2132,36 @@ div.rendered_html h5 {
    }
    .rendered_html h1,
    .text_cell_render h1 {
    color: #126dce !important;
    color: #0064d5 !important;
    font-size: 200%;
    text-align: left;
    font-style: normal;
    font-weight: normal;
    }
    .rendered_html h2,
    .text_cell_render h2 {
    color: #126dce !important;
    color: #0064d5 !important;
    font-size: 170%;
    font-style: normal;
    font-weight: normal;
    }
    .rendered_html h3,
    .text_cell_render h3 {
    color: #126dce !important;
    color: #0064d5 !important;
    font-size: 140%;
    font-style: normal;
    font-weight: normal;
    }
    .rendered_html h4,
    .text_cell_render h4 {
    color: #126dce !important;
    color: #0064d5 !important;
    font-size: 110%;
    font-style: normal;
    font-weight: normal;
    }
    .rendered_html h5,
    .text_cell_render h5 {
    color: #126dce !important;
    color: #0064d5 !important;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    @@ -2051,16 +2170,16 @@ hr {
    margin-top: 8px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #126dce;
    border-top: 1px ridge #0064d5;
    }
    .rendered_html hr {
    color: #126dce;
    background-color: #126dce;
    color: #0064d5;
    background-color: #0064d5;
    margin-right: 2em;
    }
    #complete > select > option:hover {
    background: #d4d4d4;
    background-color: #d4d4d4;
    background: #efeada;
    background-color: #efeada;
    }
    div#_vivaldi-spatnav-focus-indicator._vivaldi-spatnav-focus-indicator {
    position: absolute;
    @@ -2081,10 +2200,10 @@ div#_vivaldi-spatnav-focus-indicator._vivaldi-spatnav-focus-indicator {
    white-space: normal;
    max-width: none;
    border: none;
    font-size: 11pt;
    }
    .rendered_html td {
    font-family: sans-serif !important;
    font-size: 11pt;
    }
    .rendered_html table {
    font-family: sans-serif !important;
    @@ -2095,41 +2214,42 @@ div#_vivaldi-spatnav-focus-indicator._vivaldi-spatnav-focus-indicator {
    border-spacing: 0;
    color: #353535;
    table-layout: fixed;
    font-size: 12.0pt !important;
    }
    .rendered_html thead {
    font-family: sans-serif !important;
    font-size: 12.0pt !important;
    background: #ebebeb;
    background: #eee8d5;
    color: #353535;
    border-bottom: 1px solid #ebebeb;
    border-bottom: 1px solid #eee8d5;
    vertical-align: bottom;
    }
    .rendered_html tbody tr:nth-child(odd) {
    background: #fafafa;
    background: #eee8d5;
    }
    .rendered_html tbody tr {
    background: #f2f2f2;
    background: #eae2ca;
    }
    .rendered_html tbody tr:hover:nth-child(odd) {
    background: #f7f7f7;
    background: #ede6d1;
    }
    .rendered_html tbody tr:hover {
    background: #f0f0f0;
    background: #e8e0c6;
    }
    .rendered_html * + table {
    margin-top: .05em;
    }
    div.widget-area {
    background-color: #ffffff;
    background: #ffffff;
    color: #303030;
    background-color: #eee8d5;
    background: #eee8d5;
    color: #586e75;
    }
    div.widget-area a {
    font-family: sans-serif;
    font-size: 10.0pt;
    font-weight: normal;
    font-style: normal;
    color: #303030;
    color: #586e75;
    text-shadow: none !important;
    }
    div.widget-area a:hover,
    @@ -2138,18 +2258,18 @@ div.widget-area a:focus {
    font-size: 10.0pt;
    font-weight: normal;
    font-style: normal;
    color: #2f2f2f;
    background: rgba(180,180,180,.14);
    background-color: rgba(180,180,180,.14);
    color: #47585e;
    background: #eae2ca;
    background-color: #eae2ca;
    border-color: transparent;
    background-image: none;
    text-shadow: none !important;
    }
    div.widget_item.btn-group > button.btn.btn-default.widget-combo-btn,
    div.widget_item.btn-group > button.btn.btn-default.widget-combo-btn:hover {
    background: #e1e1e1;
    background-color: #e1e1e1;
    border: 2px solid #e1e1e1 !important;
    background: #e7dec3;
    background-color: #e7dec3;
    border: 2px solid #e7dec3 !important;
    font-size: inherit;
    z-index: 0;
    }
    @@ -2168,7 +2288,7 @@ div.widget-label {
    max-width: 240px !important;
    min-width: 100px !important;
    vertical-align: text-top !important;
    color: #303030 !important;
    color: #586e75 !important;
    font-size: 14px !important;
    }
    .widget-hprogress .progress {
    @@ -2191,38 +2311,36 @@ div.widget-label {
    z-index: 10;
    }
    .progress-bar-danger {
    background-color: #e5344a !important;
    background-color: #dc322f !important;
    }
    .progress-bar-info {
    background-color: #2980b9 !important;
    background-color: #268bd2 !important;
    }
    .progress-bar-warning {
    background-color: #f39c12 !important;
    background-color: #b58900 !important;
    }
    .progress-bar-success {
    background-color: #5cb85c !important;
    background-color: #859900 !important;
    }
    .widget-select select {
    margin-left: 12px;
    }
    .rendered_html :link {
    font-family: sans-serif;
    font-size: 100%;
    color: #0000EE;
    color: #93a1a1;
    text-decoration: underline;
    }
    .rendered_html :visited,
    .rendered_html :visited:active,
    .rendered_html :visited:focus {
    color: #551A8B;
    color: #a2a6a6;
    }
    .rendered_html :visited:hover,
    .rendered_html :link:hover {
    font-family: sans-serif;
    font-size: 100%;
    background-color: #FFB90F;
    color: black;
    font-weight: bold;
    color: #6ba0a0;
    }
    div.cell.text_cell a.anchor-link:link {
    font-size: inherit;
    @@ -2240,12 +2358,12 @@ div.cell.text_cell a.anchor-link:link:hover {
    margin-bottom: 0px;
    }
    #clusters > a {
    color: #ef5c00;
    color: #859900;
    text-decoration: underline;
    cursor: auto;
    }
    #clusters > a:hover {
    color: #126dce;
    color: #268bd2;
    text-decoration: underline;
    cursor: auto;
    }
    @@ -2271,8 +2389,8 @@ div.nbext-selector > nav > .nav > li > a:hover {
    background: transparent;
    }
    div.nbext-selector > nav > .nav > li:hover {
    background-color: rgba(180,180,180,.14) !important;
    background: rgba(180,180,180,.14) !important;
    background-color: #eae2ca !important;
    background: #eae2ca !important;
    }
    div.nbext-selector > nav > .nav > li.active:hover {
    background: transparent !important;
    @@ -2282,9 +2400,9 @@ div.nbext-selector > nav > .nav > li.active:hover {
    .nav-pills > li.active > a:active,
    .nav-pills > li.active > a:hover,
    .nav-pills > li.active > a:focus {
    color: #1c1c1c;
    background-color: rgba(180,180,180,.14) !important;
    background: rgba(180,180,180,.14) !important;
    color: #cb4b16;
    background-color: #eae2ca !important;
    background: #eae2ca !important;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased !important;
    }
    @@ -2293,8 +2411,8 @@ div.nbext-readme > .nbext-readme-contents > .rendered_html {
    font-size: 11.5pt;
    line-height: 145%;
    padding: 1em 1em;
    color: #353535;
    background-color: #ffffff;
    color: #586e75;
    background-color: #fdf6e3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    @@ -2315,20 +2433,20 @@ div.nbext-readme > .nbext-readme-contents:not(:empty) {
    margin-top: 0.5em;
    margin-bottom: 2em;
    border: none;
    border-top-color: #828892;
    border-top-color: #e1d6b4;
    }
    .nbext-showhide-incompat {
    padding-bottom: 0.5em;
    color: #4a4a4a;
    color: #93a1a1;
    font-size: 10.5pt;
    }
    .nbext-filter-menu.dropdown-menu > li > a:hover,
    .nbext-filter-menu.dropdown-menu > li > a:focus,
    .nbext-filter-menu.dropdown-menu > li > a.ui-state-focus {
    color: #2f2f2f !important;
    background-color: #d4d4d4 !important;
    background: #d4d4d4 !important;
    border-color: #d4d4d4 !important;
    color: #47585e !important;
    background-color: #efeada !important;
    background: #efeada !important;
    border-color: #efeada !important;
    }
    .nbext-filter-input-wrap > .nbext-filter-input-subwrap,
    .nbext-filter-input-wrap > .nbext-filter-input-subwrap > input {
    @@ -2341,7 +2459,7 @@ div.nbext-readme > .nbext-readme-contents:not(:empty) {
    }
    span.rendered_html code {
    background-color: transparent;
    color: #303030;
    color: #586e75;
    }
    #nbextensions-configurator-container > div.row.container-fluid.nbext-selector {
    padding-left: 0px;
    @@ -2357,14 +2475,14 @@ span.rendered_html code {
    border: none;
    }
    .alert-warning {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #303030;
    background-color: #f2eee1;
    border-color: #f2eee1;
    color: #586e75;
    }
    .notification_widget.danger {
    color: #ffffff;
    background-color: #e5344a;
    border-color: #e5344a;
    background-color: #dc322f;
    border-color: #dc322f;
    padding-right: 5px;
    }
    #nbextensions-configurator-container > div.nbext-buttons.tree-buttons.no-padding.pull-right > span > button {
    @@ -2375,105 +2493,105 @@ button#refresh_running_list {
    }
    mark,
    .mark {
    background-color: #ffffff;
    color: #353535;
    background-color: #fdf6e3;
    color: #586e75;
    padding: .15em;
    }
    a.text-warning,
    a.text-warning:hover {
    color: #828892;
    color: #93a1a1;
    }
    a.text-warning.bg-warning {
    background-color: #ffffff;
    background-color: #eee8d5;
    }
    span.bg-success.text-success {
    background-color: transparent;
    color: #009e07;
    color: #859900;
    }
    span.bg-danger.text-danger {
    background-color: #ffffff;
    color: #de143d;
    background-color: #eee8d5;
    color: #dc322f;
    }
    .has-success .input-group-addon {
    color: #009e07;
    color: #859900;
    border-color: transparent;
    background: inherit;
    background-color: rgba(83,180,115,.10);
    }
    .has-success .form-control {
    border-color: #009e07;
    border-color: #859900;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
    }
    .has-error .input-group-addon {
    color: #de143d;
    color: #dc322f;
    border-color: transparent;
    background: inherit;
    background-color: rgba(192,57,67,.10);
    }
    .has-error .form-control {
    border-color: #de143d;
    border-color: #dc322f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.025);
    }
    .kse-input-group-pretty > kbd {
    font-family: monospace, monospace;
    color: #303030;
    color: #586e75;
    font-weight: normal;
    background: transparent;
    }
    .kse-input-group-pretty > kbd {
    font-family: monospace, monospace;
    color: #303030;
    color: #586e75;
    font-weight: normal;
    background: transparent;
    }
    div.nbext-enable-btns .btn[disabled],
    div.nbext-enable-btns .btn[disabled]:hover,
    .btn-default.disabled,
    .btn-default[disabled] {
    background: #e2e2e2;
    background-color: #e2e2e2;
    color: #282828;
    background: #cfd6d6;
    background-color: #cfd6d6;
    color: #51666c;
    }
    label#Keyword-Filter {
    display: none;
    }
    .input-group .nbext-list-btn-add,
    .input-group-btn:last-child > .btn-group > .btn {
    background: #e4e4e4;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    border: 2px solid #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border-color: #e8e0c7;
    border: 2px solid #e8e0c7;
    }
    .input-group .nbext-list-btn-add:hover,
    .input-group-btn:last-child > .btn-group > .btn:hover {
    background: #dfdfdf;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    border: 2px solid #dfdfdf;
    background: #e5dcc0;
    background-color: #e5dcc0;
    border-color: #e5dcc0;
    border: 2px solid #e5dcc0;
    }
    #notebook-container > div.cell.code_cell.rendered.selected > div.widget-area > div.widget-subarea > div > div.widget_item.btn-group > button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn {
    background: #e4e4e4;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
    background: #e8e0c7;
    background-color: #e8e0c7;
    border-color: #e8e0c7;
    }
    #notebook-container > div.cell.code_cell.rendered.selected > div.widget-area > div.widget-subarea > div > div.widget_item.btn-group > button.btn.btn-default.dropdown-toggle.widget-combo-carrot-btn:hover {
    background: #dfdfdf;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    background: #e5dcc0;
    background-color: #e5dcc0;
    border-color: #e5dcc0;
    }
    .ui-widget-content {
    background: #e5e5e5;
    background-color: #e5e5e5;
    border: 2px solid #e5e5e5;
    color: #303030;
    background: #d2d8d8;
    background-color: #d2d8d8;
    border: 2px solid #d2d8d8;
    color: #586e75;
    }
    div.collapsible_headings_toggle {
    color: rgba(180,180,180,.30) !important;
    color: #e1d6b4 !important;
    }
    div.collapsible_headings_toggle:hover {
    color: #ff7823 !important;
    color: #93a1a1 !important;
    }
    .collapsible_headings_toggle .h1,
    .collapsible_headings_toggle .h2,
    @@ -2500,7 +2618,7 @@ div.collapsible_headings_toggle .fa-caret-right:before {
    right: 0;
    bottom: 20% !important;
    content: "[\002026]";
    color: rgba(180,180,180,.30) !important;
    color: #e1d6b4 !important;
    padding: 0.5em 0em 0em 0em !important;
    }
    .collapsible_headings_ellipsis .rendered_html h1,
    @@ -2528,34 +2646,34 @@ div.collapsible_headings_toggle .fa-caret-right:before {
    border-style: solid;
    border-width: thin;
    border-right-width: medium !important;
    background-color: #ffffff !important;
    background-color: #eee8d5 !important;
    }
    #toc-wrapper.ui-draggable.ui-resizable.sidebar-wrapper {
    border-color: rgba(180,180,180,.14) !important;
    border-color: #eae2ca !important;
    }
    #toc a,
    #navigate_menu a,
    .toc {
    color: #303030 !important;
    color: #586e75 !important;
    font-size: 11pt !important;
    }
    #toc li > span:hover {
    background-color: #d4d4d4 !important;
    background-color: #efeada !important;
    }
    #toc a:hover,
    #navigate_menu a:hover,
    .toc {
    color: #1c1c1c !important;
    color: #cb4b16 !important;
    font-size: 11pt !important;
    }
    #toc-wrapper .toc-item-num {
    color: #ff7823 !important;
    color: #93a1a1 !important;
    font-size: 11pt !important;
    }
    input.raw_input {
    font-family: monospace, monospace;
    font-size: 11pt !important;
    color: #303030;
    color: #586e75;
    background-color: #efefef;
    border-color: #ececec;
    background: #ececec;
    @@ -2578,18 +2696,18 @@ video {
    margin: 0px;
    }
    .cmd-palette form {
    background: #e5e5e5;
    background-color: #e5e5e5;
    background: #e8e0c7;
    background-color: #e8e0c7;
    }
    .typeahead-field input:last-child,
    .typeahead-hint {
    background: #e5e5e5;
    background-color: #e5e5e5;
    background: #e8e0c7;
    background-color: #e8e0c7;
    z-index: 1;
    }
    .typeahead-field input {
    font-family: sans-serif;
    color: #303030;
    color: #586e75;
    border: none;
    font-size: 28pt;
    display: inline-block;
    @@ -2598,17 +2716,17 @@ video {
    height: 70px;
    }
    .typeahead-select {
    background-color: #e5e5e5;
    background-color: #e8e0c7;
    }
    body > div.modal.cmd-palette.typeahead-field {
    display: table;
    border-collapse: separate;
    background-color: #f4f4f4;
    background-color: #f2eee1;
    }
    .typeahead-container button {
    font-family: sans-serif;
    font-size: 28pt;
    background-color: #e4e4e4;
    background-color: #e8e0c7;
    border: none;
    display: inline-block;
    line-height: inherit;
    @@ -2624,9 +2742,9 @@ body > div.modal.cmd-palette.typeahead-field {
    }
    .typeahead-container button:focus,
    .typeahead-container button:hover {
    color: #2f2f2f;
    background-color: #dfdfdf;
    border-color: #e0e0e0;
    color: #47585e;
    background-color: #e5dcc0;
    border-color: #cdd3d3;
    }
    .typeahead-list > li.typeahead-group.active > a,
    .typeahead-list > li.typeahead-group > a,
    @@ -2636,14 +2754,14 @@ body > div.modal.cmd-palette.typeahead-field {
    }
    .typeahead-dropdown > li > a,
    .typeahead-list > li > a {
    color: #303030;
    color: #586e75;
    text-decoration: none;
    }
    .typeahead-dropdown,
    .typeahead-list {
    font-family: sans-serif;
    font-size: 11pt;
    color: #303030;
    color: #586e75;
    background-color: #ffffff;
    border: none;
    background-clip: padding-box;
    @@ -2657,19 +2775,19 @@ body > div.modal.cmd-palette.typeahead-field {
    .typeahead-list > li.active > a,
    .typeahead-list > li > a:focus,
    .typeahead-list > li > a:hover {
    color: #2f2f2f;
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    color: #47585e;
    background-color: #f2eee1;
    border-color: #f2eee1;
    }
    .command-shortcut:before {
    content: "(command)";
    padding-right: 3px;
    color: #828892;
    color: #93a1a1;
    }
    .edit-shortcut:before {
    content: "(edit)";
    padding-right: 3px;
    color: #828892;
    color: #93a1a1;
    }
    ul.typeahead-list i {
    margin-left: 1px;
    @@ -2687,7 +2805,7 @@ ul.typeahead-list {
    div.input.typeahead-hint,
    input.typeahead-hint,
    body > div.modal.cmd-palette.in > div > div > div > form > div > div.typeahead-field > span.typeahead-query > input.typeahead-hint {
    color: #828892 !important;
    color: #93a1a1 !important;
    background-color: transparent;
    padding: 3px 10px;
    }
    @@ -2699,40 +2817,40 @@ body > div.modal.cmd-palette.in > div > div > div > form > div > div.typeahead-f
    font-weight: 400;
    line-height: 1.7;
    border: 1px solid #ffffff;
    border-bottom-color: rgba(180,180,180,.30);
    border-bottom-color: #e1d6b4;
    }
    body > div.modal.cmd-palette.in > div {
    min-width: 750px;
    margin: 150px auto;
    }
    .typeahead-container strong {
    font-weight: bolder;
    color: #ff7823;
    color: #93a1a1;
    }
    #find-and-replace #replace-preview .match,
    #find-and-replace #replace-preview .insert {
    color: #ffffff;
    background-color: #ff7823;
    border-color: #ff7823;
    background-color: #93a1a1;
    border-color: #93a1a1;
    border-style: solid;
    border-width: 1px;
    border-radius: 0px;
    }
    #find-and-replace #replace-preview .replace .match {
    background-color: #de143d;
    border-color: #de143d;
    background-color: #dc322f;
    border-color: #dc322f;
    border-radius: 0px;
    }
    #find-and-replace #replace-preview .replace .insert {
    background-color: #009e07;
    border-color: #009e07;
    background-color: #859900;
    border-color: #859900;
    border-radius: 0px;
    }
    .jupyter-dashboard-menu-item.selected::before {
    font-family: 'FontAwesome' !important;
    content: '\f00c' !important;
    position: absolute !important;
    color: #ff7823 !important;
    color: #93a1a1 !important;
    left: 0px !important;
    top: 13px !important;
    font-size: 12px !important;
    @@ -2747,7 +2865,7 @@ span.shortcut_key {
    .jupyter-keybindings {
    padding: 1px;
    line-height: 24px;
    border-bottom: 1px solid rgba(180,180,180,.14);
    border-bottom: 1px solid #eae2ca;
    }
    .jupyter-keybindings i {
    background: #efefef;
    @@ -2757,114 +2875,114 @@ span.shortcut_key {
    }
    div#short-key-bindings-intro.well,
    .well {
    background-color: #e4e4e4;
    border: 1px solid #e4e4e4;
    color: #303030;
    background-color: #e8e0c7;
    border: 1px solid #e8e0c7;
    color: #586e75;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    #texteditor-backdrop {
    background: #ffffff;
    background-color: #ffffff;
    background: #eee8d5;
    background-color: #eee8d5;
    }
    #texteditor-backdrop #texteditor-container .CodeMirror-gutter,
    #texteditor-backdrop #texteditor-container .CodeMirror-gutters {
    background: #e0e1e3;
    background-color: #e0e1e3;
    color: #828892;
    background: #dfe3e3;
    background-color: #dfe3e3;
    color: #657b83;
    }
    .edit_app #menubar .navbar {
    margin-bottom: 0px;
    }
    #texteditor-backdrop #texteditor-container {
    padding: 0px;
    background-color: #ededed;
    background-color: #fdf6e3;
    box-shadow: none;
    }
    .terminal-app {
    background: #ffffff;
    background: #eee8d5;
    }
    .terminal-app > #header {
    background: #ffffff;
    background: #eee8d5;
    }
    .terminal-app .terminal {
    font-family: monospace, monospace;
    font-size: 11pt;
    line-height: 125%;
    color: #303030;
    background: #ededed;
    color: #586e75;
    background: #fdf6e3;
    padding: 0.4em;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    .terminal .xterm-viewport {
    background-color: #ededed;
    color: #303030;
    background-color: #fdf6e3;
    color: #586e75;
    overflow-y: auto;
    }
    .terminal .xterm-color-0 {
    color: #ff7823;
    color: #93a1a1;
    }
    .terminal .xterm-color-1 {
    color: #de143d;
    color: #d33682;
    }
    .terminal .xterm-color-2 {
    color: #713bc5;
    color: #859900;
    }
    .terminal .xterm-color-3 {
    color: #e22978;
    color: #d33682;
    }
    .terminal .xterm-color-4 {
    color: #ff8132;
    color: #268bd2;
    }
    .terminal .xterm-color-5 {
    color: #009e07;
    color: #268bd2;
    }
    .terminal .xterm-color-6 {
    color: #e22978;
    color: #268bd2;
    }
    .terminal .xterm-color-7 {
    color: #e22978;
    color: #268bd2;
    }
    .terminal .xterm-color-8 {
    color: #ef5c00;
    color: #859900;
    }
    .terminal .xterm-color-9 {
    color: #009e07;
    color: #268bd2;
    }
    .terminal .xterm-color-10 {
    color: #e22978;
    color: #d33682;
    }
    .terminal .xterm-color-14 {
    color: #e22978;
    color: #268bd2;
    }
    .terminal .xterm-bg-color-15 {
    background-color: #ededed;
    background-color: #fdf6e3;
    }
    .terminal:not(.xterm-cursor-style-underline):not(.xterm-cursor-style-bar) .terminal-cursor {
    background-color: #ff7823;
    color: #ededed;
    background-color: #93a1a1;
    color: #fdf6e3;
    }
    .terminal:not(.focus) .terminal-cursor {
    outline: 1px solid #ff7823;
    outline: 1px solid #93a1a1;
    outline-offset: -1px;
    }
    .celltoolbar {
    font-size: 100%;
    padding-top: 3px;
    border-color: transparent;
    border-bottom: thin solid #828892;
    border-bottom: thin solid #e1d6b4;
    background: transparent;
    }
    .cell-tag,
    .tags-input input,
    .tags-input button {
    color: #303030;
    background-color: #ffffff;
    color: #586e75;
    background-color: #eee8d5;
    background-image: none;
    border: 1px solid #303030;
    border: 1px solid #586e75;
    border-radius: 1px;
    box-shadow: none;
    width: inherit;
    @@ -2875,10 +2993,10 @@ div#short-key-bindings-intro.well,
    #notebook-container > div.cell.code_cell.rendered.selected > div.input > div.inner_cell > div.ctb_hideshow.ctb_show > div > div > button,
    #notebook-container > div.input > div.inner_cell > div.ctb_hideshow.ctb_show > div > div > button {
    font-size: 10pt;
    color: #303030;
    background-color: #ffffff;
    color: #586e75;
    background-color: #eee8d5;
    background-image: none;
    border: 1px solid #303030;
    border: 1px solid #586e75;
    border-radius: 1px;
    box-shadow: none;
    width: inherit;
    @@ -2887,28 +3005,28 @@ div#short-key-bindings-intro.well,
    line-height: 22px;
    }
    div#pager #pager-contents {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background: #eee8d5 !important;
    background-color: #eee8d5 !important;
    }
    div#pager pre {
    color: #303030 !important;
    background: #ededed !important;
    background-color: #ededed !important;
    color: #586e75 !important;
    background: #fdf6e3 !important;
    background-color: #fdf6e3 !important;
    padding: 0.4em;
    }
    div#pager .ui-resizable-handle {
    top: 0px;
    height: 8px;
    background: #ff7823 !important;
    border-top: 1px solid #ff7823;
    border-bottom: 1px solid #ff7823;
    background: #93a1a1 !important;
    border-top: 1px solid #93a1a1;
    border-bottom: 1px solid #93a1a1;
    }
    div.CodeMirror,
    div.CodeMirror pre {
    font-family: 'JetBrains Mono', monospace;
    font-size: 11pt;
    line-height: 125%;
    color: #303030;
    color: #586e75;
    }
    div.CodeMirror-lines {
    padding-bottom: .9em;
    @@ -2918,61 +3036,61 @@ div.CodeMirror-lines {
    }
    span.ansiblack,
    .ansi-black-fg {
    color: #e22978;
    color: #002b36;
    }
    span.ansiblue,
    .ansi-blue-fg,
    .ansi-blue-intense-fg {
    color: #009e07;
    color: #268bd2;
    }
    span.ansigray,
    .ansi-gray-fg,
    .ansi-gray-intense-fg {
    color: #ff8132;
    color: #839496;
    }
    span.ansigreen,
    .ansi-green-fg {
    color: #333333;
    color: #859900;
    }
    .ansi-green-intense-fg {
    color: #ff8132;
    color: #839496;
    }
    span.ansipurple,
    .ansi-purple-fg,
    .ansi-purple-intense-fg {
    color: #653bc5;
    color: #6c71c4;
    }
    span.ansicyan,
    .ansi-cyan-fg,
    .ansi-cyan-intense-fg {
    color: #653bc5;
    color: #6c71c4;
    }
    span.ansiyellow,
    .ansi-yellow-fg,
    .ansi-yellow-intense-fg {
    color: #ff8132;
    color: #b58900;
    }
    span.ansired,
    .ansi-red-fg,
    .ansi-red-intense-fg {
    color: #de143d;
    color: #dc322f;
    }
    div.output-stderr {
    background-color: #ebb5b7;
    background-color: #cb4b16;
    }
    div.output-stderr pre {
    color: #000000;
    color: #586e75;
    }
    div.js-error {
    color: #de143d;
    color: #dc322f;
    }
    .ipython_tooltip {
    font-family: monospace, monospace;
    font-size: 11pt;
    line-height: 125%;
    border: 2px solid #dadada;
    background: #eeeeee;
    background-color: #eeeeee;
    border: 2px solid #e2d8b8;
    background: #eee8d5;
    background-color: #eee8d5;
    border-radius: 2px;
    overflow-x: visible;
    overflow-y: visible;
    @@ -2984,9 +3102,9 @@ div.js-error {
    font-family: monospace, monospace;
    font-size: 11pt;
    line-height: 125%;
    background: #eeeeee;
    background-color: #eeeeee;
    color: #303030;
    background: #eee8d5;
    background-color: #eee8d5;
    color: #586e75;
    overflow-x: visible;
    overflow-y: visible;
    max-width: 900px;
    @@ -3003,33 +3121,33 @@ div.tooltiptext.bigtooltip {
    max-width: 800px;
    }
    .cm-s-ipython.CodeMirror {
    font-family: monospace, monospace;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11pt;
    background: #ededed;
    color: #303030;
    background: #fdf6e3;
    color: #586e75;
    border-radius: 2px;
    font-style: normal;
    font-weight: normal;
    }
    .cm-s-ipython div.CodeMirror-selected {
    background: #e0e1e3;
    background: #dfe3e3;
    }
    .CodeMirror-gutters {
    border: none;
    border-right: 1px solid #e0e1e3 !important;
    background-color: #e0e1e3 !important;
    background: #e0e1e3 !important;
    border-right: 1px solid #dfe3e3 !important;
    background-color: #dfe3e3 !important;
    background: #dfe3e3 !important;
    border-radius: 0px;
    white-space: nowrap;
    }
    .cm-s-ipython .CodeMirror-gutters {
    background: #e0e1e3;
    background: #dfe3e3;
    border: none;
    border-radius: 0px;
    width: 36px;
    }
    .cm-s-ipython .CodeMirror-linenumber {
    color: #828892;
    color: #657b83;
    }
    .CodeMirror-sizer {
    margin-left: 40px;
    @@ -3045,83 +3163,83 @@ div.CodeMirror-linenumber,
    text-align: right;
    }
    .CodeMirror-linenumber {
    color: #828892;
    color: #657b83;
    }
    .cm-s-ipython .CodeMirror-cursor {
    border-left: 2px solid #ff711a !important;
    border-left: 2px solid #0095ff !important;
    }
    .cm-s-ipython span.cm-comment {
    color: #8d8d8d;
    color: #93a1a1;
    font-style: italic;
    }
    .cm-s-ipython span.cm-atom {
    color: #055be0;
    color: #d33682;
    }
    .cm-s-ipython span.cm-number {
    color: #ff8132;
    color: #268bd2;
    }
    .cm-s-ipython span.cm-property {
    color: #303030;
    color: #586e75;
    }
    .cm-s-ipython span.cm-attribute {
    color: #303030;
    color: #586e75;
    }
    .cm-s-ipython span.cm-keyword {
    color: #713bc5;
    color: #859900;
    font-weight: normal;
    }
    .cm-s-ipython span.cm-string {
    color: #009e07;
    color: #268bd2;
    }
    .cm-s-ipython span.cm-meta {
    color: #aa22ff;
    color: #6c71c4;
    }
    .cm-s-ipython span.cm-operator {
    color: #055be0;
    color: #268bd2;
    }
    .cm-s-ipython span.cm-builtin {
    color: #e22978;
    color: #d33682;
    }
    .cm-s-ipython span.cm-variable {
    color: #303030;
    color: #586e75;
    }
    .cm-s-ipython span.cm-variable-2 {
    color: #de143d;
    color: #586e75;
    }
    .cm-s-ipython span.cm-variable-3 {
    color: #aa22ff;
    color: #586e75;
    }
    .cm-s-ipython span.cm-def {
    color: #e22978;
    color: #268bd2;
    font-weight: normal;
    }
    .cm-s-ipython span.cm-error {
    background: rgba(191,11,55,.70);
    background: #fdf6e3;
    }
    .cm-s-ipython span.cm-tag {
    color: #e22978;
    color: #268bd2;
    }
    .cm-s-ipython span.cm-link {
    color: #ef5c00;
    color: #859900;
    }
    .cm-s-ipython span.cm-storage {
    color: #055be0;
    color: #d33682;
    }
    .cm-s-ipython span.cm-entity {
    color: #e22978;
    color: #268bd2;
    }
    .cm-s-ipython span.cm-quote {
    color: #009e07;
    color: #268bd2;
    }
    div.CodeMirror span.CodeMirror-matchingbracket {
    color: #ffffff;
    color: #859900;
    font-weight: bold;
    background-color: #009e07;
    background-color: #fdf6e3;
    }
    div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #ffffff;
    color: #dc322f;
    font-weight: bold;
    background: rgba(191,11,55,.70) !important;
    background: #fdf6e3;
    }
    .cm-header-1 {
    font-size: 215%;
    @@ -3139,61 +3257,61 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
    font-size: 100%;
    }
    .cm-s-default .cm-hr {
    color: #055be0;
    color: #268bd2;
    }
    div.cell.text_cell .cm-s-default .cm-header {
    font-family: sans-serif;
    font-weight: normal;
    color: #126dce !important;
    color: #cb4b16 !important;
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
    }
    div.cell.text_cell .cm-s-default span.cm-variable-2 {
    color: #353535 !important;
    color: #586e75 !important;
    }
    div.cell.text_cell .cm-s-default span.cm-variable-3 {
    color: #aa22ff !important;
    color: #586e75 !important;
    }
    .cm-s-default span.cm-comment {
    color: #8d8d8d !important;
    color: #93a1a1 !important;
    }
    .cm-s-default .cm-tag {
    color: #009fb7;
    color: #586e75;
    }
    .cm-s-default .cm-builtin {
    color: #e22978;
    color: #d33682;
    }
    .cm-s-default .cm-string {
    color: #009e07;
    color: #268bd2;
    }
    .cm-s-default .cm-keyword {
    color: #713bc5;
    color: #859900;
    }
    .cm-s-default .cm-number {
    color: #ff8132;
    color: #268bd2;
    }
    .cm-s-default .cm-error {
    color: #055be0;
    color: #d33682;
    }
    .cm-s-default .cm-link {
    color: #ef5c00;
    color: #859900;
    }
    .cm-s-default .cm-atom {
    color: #ff8132;
    color: #268bd2;
    }
    .cm-s-default .cm-def {
    color: #e22978;
    color: #268bd2;
    }
    .CodeMirror-cursor {
    border-left: 2px solid #ff711a !important;
    border-left: 2px solid #0095ff !important;
    border-right: none;
    width: 0;
    }
    .cm-s-default div.CodeMirror-selected {
    background: #e0e1e3;
    background: #dfe3e3;
    }
    .cm-s-default .cm-selected {
    background: #e0e1e3;
    background: #dfe3e3;
    }
    .MathJax_Display,
    .MathJax {
    @@ -3215,13 +3333,13 @@ body :focus .MathJax {
    position: absolute;
    z-index: 110;
    overflow: hidden;
    border: medium solid rgba(240,147,43,.50);
    border: medium solid #bbc4c5;
    box-shadow: none;
    line-height: 1;
    }
    .completions select {
    background: #ededed;
    background-color: #ededed;
    background: #fdf6e3;
    background-color: #fdf6e3;
    outline: none;
    border: none;
    padding: 0px;
    @@ -3230,12 +3348,11 @@ body :focus .MathJax {
    overflow: auto;
    font-family: monospace, monospace;
    font-size: 11pt;
    color: #303030;
    color: #586e75;
    width: auto;
    }
    div#maintoolbar {
    /* display: none !important; */
    display: block !important;
    display: none !important;
    }
    #header-container {
    display: none !important;
  2. ap-Codkelden created this gist Nov 7, 2022.
    3,257 changes: 3,257 additions & 0 deletions custom.css
    View file
    3,257 additions, 0 deletions not shown because the diff is too large. Please use a local Git client to view these changes.