index.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 45,
   "metadata": {
    "collapsed": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style> /*\n",
       "    Name:       Grade3\n",
       "    Author:     Kyle Dunovan (http://github.com/dunovank)\n",
       "*/\n",
       "\n",
       "body {background-color: #ffffff;}\n",
       "\n",
       "a {color: #303030; font-family: 'Helvetica', sans-serif; }\n",
       "div#notebook, div.CodeMirror, div.output_area pre, div.output_wrapper, div.prompt, div.CodeMirror pre {font-family:'Hack', monospace; font-size: 11pt;}\n",
       "\n",
       "/* Hiding the ipython log */\n",
       "div#ipython_notebook { display: none; }\n",
       "\n",
       "/* INTRO PAGE */\n",
       ".toolbar_info { color: #2c2c2c; font-size: 12pt; border: 0; font-family: 'Helvetica', sans-serif; text-shadow: none !important; }\n",
       ".list_container {color: #2c2c2c; font-size: 12pt; border: 0; font-family: 'Helvetica', sans-serif;text-shadow: none !important; }\n",
       ".breadcrumb>li {text-shadow:0 0px 0; color:#2c2c2c; font-family: 'Helvetica', sans-serif; font-size: 12pt}\n",
       ".list_container a {color: #2c2c2c; font-family: 'Helvetica', sans-serif; font-size: 12pt; border: 0; text-shadow: none !important; }\n",
       ".item_icon {color: #3572C6;}\n",
       ".item_buttons .kernel-name {\n",
       "    color: #3572C6;\n",
       "}\n",
       ".running_notebook_icon:before {\n",
       "    color: #ff8132 !important;\n",
       "}\n",
       ".item_buttons .running-indicator {\n",
       "    padding-top: 4px;\n",
       "    color: #ff8132;\n",
       "}\n",
       ".nav-tabs > li > a:hover {\n",
       "    color: #222222;\n",
       "    background: #ffffff;\n",
       "    background-color: #ffffff;\n",
       "    background-image: none;\n",
       "    border: 1px solid #ff8132;\n",
       "    border-bottom-color: #ffffff;\n",
       "}\n",
       ".nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {\n",
       "    color: #222222;\n",
       "    background: #ffffff;\n",
       "    background-color: #ffffff;\n",
       "    border: 1px solid #ff8132;\n",
       "    border-bottom-color: #ffffff;\n",
       "}\n",
       ".nav-tabs {\n",
       "    border-bottom: 1px solid #ff8132;\n",
       "}\n",
       "\n",
       "/*<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>\n",
       "*****************************************\n",
       "COMMENT THIS LINE OUT TO RESTORE TOOLBAR\n",
       "*****************************************\n",
       "<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>> */\n",
       "div#maintoolbar {display: none !important;}\n",
       "\n",
       ".list_header {\n",
       "    font-weight: normal;\n",
       "    background-color: transparent;\n",
       "    color: #4c4c4c;\n",
       "}\n",
       "div.list_container a:hover {color: #222222;}\n",
       "div.list_item:hover {\n",
       "    background-color: rgba(184, 184, 184, 0.14);\n",
       "}\n",
       "ul#selector-menu.dropdown-menu > li > a {\n",
       "    background: #efefef;\n",
       "    background-color: #efefef;\n",
       "}\n",
       "ul#selector-menu.dropdown-menu > li > a:hover {\n",
       "    background: #efefef;\n",
       "    background-color: rgba(184, 184, 184, 0.30);\n",
       "}\n",
       "\n",
       "/* PANELS // LISTS // DROPDOWN MENUS*/\n",
       ".dropdown-menu {\n",
       "    background-color: #efefef;\n",
       "    background: #efefef;\n",
       "    border: 2px solid #e0e0e0;\n",
       "    box-shadow: none;\n",
       "    padding: 0px 0;\n",
       "    font-size: 12pt;\n",
       "    text-align: left;\n",
       "    vertical-align: middle;\n",
       "}\n",
       ".dropdown-menu:hover {\n",
       "    background-color: #efefef;\n",
       "    border: 2px solid #e0e0e0;\n",
       "    box-shadow: none;\n",
       "    vertical-align: middle;\n",
       "}\n",
       ".dropdown-header {\n",
       "    font-size: 13pt;\n",
       "    display: block;\n",
       "    line-height: 1.25;\n",
       "    color: #333333;\n",
       "    text-decoration: underline;\n",
       "    text-decoration-color: rgba(184, 184, 184, 0.40);\n",
       "    white-space: nowrap;\n",
       "}\n",
       ".dropdown-menu > li > a {\n",
       "    font-size: 12pt;\n",
       "    display: block;\n",
       "    clear: both;\n",
       "    padding: 8px 20px;\n",
       "    font-weight: normal;\n",
       "    line-height: 1.25;\n",
       "    color: #333333;\n",
       "    white-space: nowrap;\n",
       "    background-color: #efefef;\n",
       "    background: #efefef;\n",
       "}\n",
       ".dropdown-menu > li > a:hover {\n",
       "    font-size: 12pt;\n",
       "    color: #111111;\n",
       "    display: block;\n",
       "    clear: both;\n",
       "    padding: 8px 20px;\n",
       "    font-weight: normal;\n",
       "    line-height: 1.25;\n",
       "    white-space: nowrap;\n",
       "    background: #e0e0e0;\n",
       "    background-color: #e0e0e0;\n",
       "}\n",
       ".dropdown-menu .divider {\n",
       "    height: 2px;\n",
       "    margin: 0px 0px;\n",
       "    overflow: hidden;\n",
       "    background-color: #dddddd;\n",
       "}\n",
       ".dropdown-submenu > .dropdown-menu {\n",
       "    top: 0;\n",
       "    left: 100%;\n",
       "    margin-top: -2px;\n",
       "    margin-left: 0px;\n",
       "    padding-top: 0px;\n",
       "}\n",
       ".dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {\n",
       "    color: #aaaaaa;\n",
       "}\n",
       ".modal-header {\n",
       "    padding: 15px;\n",
       "    border-bottom: 1px solid #ffffff;\n",
       "    min-height: 16.4286px;\n",
       "}\n",
       ".modal-content {\n",
       "    position: relative;\n",
       "    background-color: #ffffff;\n",
       "    border: 1px solid #808080;\n",
       "    border-radius: 3px;\n",
       "    box-shadow: 0px 3px 9px #808080;\n",
       "    background-clip: padding-box;\n",
       "    outline: 0px none;\n",
       "}\n",
       ".panel {\n",
       "    line-height: 22px;\n",
       "    fontsize: 12px;\n",
       "    margin-bottom: 18px;\n",
       "    background-color: #ffffff;\n",
       "    color: #2c2c2c;\n",
       "    box-shadow: none;\n",
       "}\n",
       "#running .panel-group .panel .panel-heading {\n",
       "    background-color: #ffffff;\n",
       "    padding: 4px 7px;\n",
       "    line-height: 22px;\n",
       "}\n",
       "#running .panel-group .panel .panel-heading a:hover {\n",
       "    color: #ff8132;\n",
       "}\n",
       "#running .panel-group .panel .panel-body .list_container .list_item {\n",
       "    border-bottom: 1px solid rgba(224, 224, 224, 0.55);\n",
       "}\n",
       "#project_name > .breadcrumb {\n",
       "    font-weight: normal;\n",
       "    color: #ff8132;\n",
       "}\n",
       ".rendered_html pre, .rendered_html code {\n",
       "    font-size: 12pt;\n",
       "    color: #2c2c2c;\n",
       "    line-height: 100%;\n",
       "    background: #e0e0e0;\n",
       "}\n",
       "body {\n",
       "    font-family: \"Helvetica\", Helvetica, Arial, sans-serif;\n",
       "    font-size: 12pt;\n",
       "    line-height: 1.42857;\n",
       "    color: #2c2c2c;\n",
       "}\n",
       "#kernel_indicator {\n",
       "    float: right !important;\n",
       "    color: #ff8132;\n",
       "}\n",
       "#kernel_indicator .kernel_indicator_name {\n",
       "    padding-left: 5px;\n",
       "    padding-right: 5px;\n",
       "    font-size: 13pt;\n",
       "}\n",
       "#modal_indicator {\n",
       "    float: right !important;\n",
       "    color: #ff8132;\n",
       "\n",
       "}\n",
       ".notebook_app {\n",
       "    background-color: #ffffff;\n",
       "}\n",
       ".notebook_app #header {\n",
       "    box-shadow: none !important;\n",
       "    background-color: #ffffff;\n",
       "}\n",
       "#notebook-container {\n",
       "    padding: 15px;\n",
       "    background-color: #ffffff;\n",
       "    min-height: 0px;\n",
       "    box-shadow: none;\n",
       "}\n",
       "#header {\n",
       "    box-shadow: none;\n",
       "    background-color: #ffffff;\n",
       "    position: relative;\n",
       "    z-index: 100;\n",
       "}\n",
       "#header-container {\n",
       "    padding-bottom: 5px;\n",
       "    display: none !important;\n",
       "    box-shadow: none;\n",
       "}\n",
       "#header .header-bar {\n",
       "    background: #ffffff;\n",
       "}\n",
       "/* text in output area (i.e. print some_list) */\n",
       "div.output_html {color: #1e2429;}\n",
       "\n",
       "/* Formatting code in text, code*/\n",
       ".rendered_html table, .rendered_html th, .rendered_html tr, .rendered_html td {\n",
       "  border: 1px #4c4c4c; solid;\n",
       "  color: #4c4c4c;\n",
       "  background-color: #ffffff !important;\n",
       "  align-content: left !important;\n",
       "}\n",
       ".navbar-default {\n",
       "    background-color: #ffffff;\n",
       "    border-color: #ffffff;\n",
       "}\n",
       "#menubar .navbar {\n",
       "    border-top: 1px;\n",
       "    border-radius: 0 0 2px 2px;\n",
       "    margin-bottom: 0;\n",
       "    margin-top: 8px;\n",
       "}\n",
       ".navbar-default .navbar-nav > li > a {\n",
       "    color: #333333;\n",
       "    font-size: 14pt;\n",
       "}\n",
       ".navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {\n",
       "    color: #222222;\n",
       "    background-color: #efefef;\n",
       "}\n",
       ".navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {\n",
       "    color: #222222;\n",
       "    background-color: #e0e0e0;\n",
       "    border-color: #e0e0e0;\n",
       "}\n",
       "\n",
       "/* BUTTONS */\n",
       ".btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {\n",
       "    color: #222222;\n",
       "    background: #e0e0e0;\n",
       "    background-color: #e0e0e0;\n",
       "}\n",
       ".btn {\n",
       "    color: #4c4c4c;\n",
       "    background: transparent;\n",
       "    background-color: transparent;\n",
       "    font-size: 12pt;\n",
       "    font-weight: normal;\n",
       "    border: 0 none !important;\n",
       "    box-shadow: none !important;\n",
       "    text-shadow: none;\n",
       "    vertical-align: 0px;\n",
       "}\n",
       ".btn-group > .btn-mini {\n",
       "    color: #4c4c4c;\n",
       "    background: transparent;\n",
       "    background-color: transparent;\n",
       "    font-size: 11pt;\n",
       "    border-radius: 2px;\n",
       "    font-weight: normal;\n",
       "    border: 0 none !important;\n",
       "    box-shadow: none !important;\n",
       "    text-shadow: none;\n",
       "}\n",
       ".btn:hover {\n",
       "    color: #222222;\n",
       "    background: transparent;\n",
       "    background-color: #e0e0e0;\n",
       "    background-image: none;\n",
       "}\n",
       ".btn-group > .btn-mini:hover {\n",
       "    color: #222222;\n",
       "    background: transparent;\n",
       "    background-color: #e0e0e0;\n",
       "    background-image: none;\n",
       "}\n",
       ".btn-group > .btn-group-vertical {\n",
       "    background: transparent;\n",
       "    background-color: transparent;\n",
       "    position: relative;\n",
       "    display: inline-block;\n",
       "    vertical-align: middle;\n",
       "}\n",
       ".btn-group > .btn-group-vertical:hover {\n",
       "    color: #222222;\n",
       "    background: transparent;\n",
       "    background-color: transparent;\n",
       "    background-image: none;\n",
       "    border-radius: 2px;\n",
       "}\n",
       ".btn-group > .btn-default.btn-xs:hover {\n",
       "    color: #222222;\n",
       "    background: transparent;\n",
       "    background-color: #e0e0e0;\n",
       "    background-image: none;\n",
       "}\n",
       ".alternate_upload .btn-upload {\n",
       "    padding: 1px 5px;\n",
       "    line-height: 1.5;\n",
       "    height: 26px;\n",
       "    background: transparent;\n",
       "    display: inline-block;\n",
       "}\n",
       ".alternate_upload .btn-upload:hover {\n",
       "    color: #222222;\n",
       "    background: transparent;\n",
       "    background-color: #e0e0e0;\n",
       "    background-image: none;\n",
       "}\n",
       "\n",
       "/* TOOLTIP DIMENSIONS */\n",
       ".ipython_tooltip {\n",
       "    border: 2px solid rgba(240, 147, 43, .5);\n",
       "    box-shadow: none;\n",
       "    border-radius: 2px;\n",
       "    position: absolute;\n",
       "    z-index: 1000;\n",
       "    font-size: 90%;\n",
       "    background-color: #efefef;\n",
       "    color: #222222;\n",
       "}\n",
       ".ipython_tooltip .tooltiptext pre {\n",
       "    border: 0px none;\n",
       "    background-color: #efefef;\n",
       "    color: #222222;\n",
       "    font-size: 90%;\n",
       "}\n",
       "div#tooltip.ipython_tooltip {\n",
       "    overflow: wrap;\n",
       "    max-width: 825px;\n",
       "}\n",
       "div.tooltiptext.bigtooltip {\n",
       "    overflow: wrap;\n",
       "    height: 400px;\n",
       "    width: 825px;\n",
       "}\n",
       "\n",
       "/* Formatting code in markdown cells */\n",
       "div.text_cell, div.text_cell_render pre, div.text_cell_render {\n",
       "    color: #4c4c4c;\n",
       "    background: #eeeeee;\n",
       "    background-color: #eeeeee;\n",
       "    max-width: 100%;\n",
       "}\n",
       "div.cell.text_cell.rendered .input_prompt {\n",
       "    font-family: 'Hack', monospace;\n",
       "    border-right: 2px solid rgba(232, 86, 93, .35);\n",
       "    color: #aaaaaa;\n",
       "    background-color: #eeeeee;\n",
       "    width: 1em;\n",
       "    padding-bottom: 0px;\n",
       "    margin-bottom: 0px;\n",
       "}\n",
       "div.cell.text_cell.unrendered .input_prompt {\n",
       "    border-right: 2px solid rgba(43, 158, 128, .35);\n",
       "    color: #aaaaaa;\n",
       "    background-color: #eeeeee;\n",
       "    background-color: #eeeeee;\n",
       "}\n",
       "div.cell.text_cell.rendered.selected {\n",
       "    border: medium solid #e8565d;\n",
       "    padding: 0px;\n",
       "    border-radius: 2px;\n",
       "}\n",
       "div.text_cell_render h1,\n",
       "div.text_cell_render h2,\n",
       "div.text_cell_render h3,\n",
       "div.text_cell_render h4,\n",
       "div.text_cell_render h5,\n",
       "div.text_cell_render h6 {\n",
       "    font-family: 'Helvetica', sans-serif;\n",
       "    font-weight: lighter;\n",
       "    background: #eeeeee;\n",
       "    background-color: #eeeeee;\n",
       "    color: #4c4c4c;\n",
       "    line-height: 1;\n",
       "}\n",
       "\n",
       "/* text in output area (i.e. print some_list) */\n",
       "div.output_html {color: #4c4c4c;}\n",
       "\n",
       "/* Formatting code in text, code*/\n",
       ".rendered_html table, .rendered_html th, .rendered_html tr, .rendered_html td {\n",
       "  border: 1px #4c4c4c solid;\n",
       "  color: #4c4c4c;\n",
       "  background-color: #ececed !important;\n",
       "  align-content: left !important;\n",
       "}\n",
       "\n",
       "button.close {\n",
       "    padding: 0px;\n",
       "    cursor: pointer;\n",
       "    background: transparent none repeat scroll 0% 0%;\n",
       "    border: 0px none;\n",
       "}\n",
       ".close {\n",
       "    float: right;\n",
       "    font-size: 22px;\n",
       "    font-weight: bold;\n",
       "    line-height: 1;\n",
       "    color: #ff8132;\n",
       "    text-shadow: 0px 1px 0px rgba(240, 147, 43, .2);\n",
       "    opacity: 0.3;\n",
       "}\n",
       ".close:hover {\n",
       "    color: #ff8132;\n",
       "    text-shadow: 0px 1px 0px rgba(240, 147, 43, .2);\n",
       "    opacity: 0.9;\n",
       "}\n",
       ".form-control {\n",
       "    display: block;\n",
       "    width: 100%;\n",
       "    height: 32px;\n",
       "    padding: 6px 12px;\n",
       "    font-size: 13pt;\n",
       "    line-height: 1.6;\n",
       "    color: #4c4c4c;\n",
       "    background-color: #ececed;\n",
       "    background-image: none;\n",
       "    border: 1px solid rgba(240, 147, 43, .8);\n",
       "    border-radius: 2px;\n",
       "    box-shadow: none;\n",
       "    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;\n",
       "}\n",
       ".list_item input:not([type=\"checkbox\"]) {\n",
       "    margin-right: 0px;\n",
       "    padding-right: 0px;\n",
       "    height: 80%;\n",
       "    width: 30%;\n",
       "}\n",
       ".modal-footer {\n",
       "    padding: 15px;\n",
       "    text-align: right;\n",
       "    border-top: 1px solid rgba(184, 184, 184, 0.75);\n",
       "}\n",
       ".input-form-control:hover:active {\n",
       "    background-color: rgba(184, 184, 184, 0.75);\n",
       "    selected: rgba(184, 184, 184, 0.75);\n",
       "}\n",
       "\n",
       "span.ansiblack {color: #333333;}\n",
       "span.ansiblue {color: #1e70c7;}\n",
       "span.ansigray {color: #656565;}\n",
       "span.ansigreen {color: #009e07;}\n",
       "span.ansipurple {color: #653bc5;}\n",
       "span.ansicyan {color: #009fb7;}\n",
       "span.ansiyellow {color: #dc4384;}\n",
       "span.ansired {color: #de143d;}\n",
       "\n",
       "div.output_stderr {background-color: #ebb5b7;}\n",
       "div.output_stderr pre {color: #000000;}\n",
       "div.js-error { color: #de143d; }\n",
       "\n",
       ".cm-s-ipython.CodeMirror {background: #eeeeee; color: #303030;  border-radius: 2px; }\n",
       ".cm-s-ipython div.CodeMirror-selected {background: #e0e1e3 !important; }\n",
       ".cm-s-ipython .CodeMirror-gutters {background: #e0e1e3; border: 0px; border-radius:0px; }\n",
       ".cm-s-ipython .CodeMirror-linenumber {color: #aaaaaa !important; }\n",
       ".cm-s-ipython .CodeMirror-cursor {border-left: 2px solid #ff711a !important;}\n",
       ".cm-s-ipython span.cm-comment {color: #8d8d8d; font-style: italic !important;}\n",
       ".cm-s-ipython span.cm-atom {color: #055be0;}\n",
       ".cm-s-ipython span.cm-number {color: #ff8132;}\n",
       ".cm-s-ipython span.cm-property {color: #e22978;}\n",
       ".cm-s-ipython span.cm-attribute {color: #de143d;}\n",
       ".cm-s-ipython span.cm-keyword {color: #713bc5; font-weight: normal;}\n",
       ".cm-s-ipython span.cm-string {color: #009e07; }\n",
       ".cm-s-ipython span.cm-operator {color: #055be0; }\n",
       ".cm-s-ipython span.cm-builtin {color: #e22978; }\n",
       ".cm-s-ipython span.cm-variable {color: #303030;}\n",
       "\n",
       ".cm-s-ipython span.cm-def {color: #e22978; font-weight: normal;}\n",
       ".cm-s-ipython span.cm-error {background: rgba(191, 97, 106, .3) !important;}\n",
       ".cm-s-ipython span.cm-tag {color: #e22978;}\n",
       ".cm-s-ipython span.cm-link {color: #ff8132;}\n",
       ".cm-s-ipython span.cm-storage {color: #055be0;}\n",
       ".cm-s-ipython span.cm-entity {color: #e22978;}\n",
       ".cm-s-ipython span.cm-class {color: #e22978;}\n",
       ".cm-s-ipython span.cm-support {color: #de143d;}\n",
       ".cm-s-ipython span.cm-qualifier {color: #de143d;}\n",
       ".cm-s-ipython span.cm-meta {color: #AA22FF; }\n",
       "\n",
       "/* Set CodeCell font-size*/\n",
       "div.CodeMirror pre {line-height: 1.6 !important;}\n",
       "div.CodeMirror pre {font-family: 'Hack', monospace; font-size: 11pt;}\n",
       "div.CodeMirror-lines { padding: .5em .4em .3em .4em; }\n",
       "\n",
       "div.CodeMirror span.CodeMirror-matchingbracket { color: #000000; background: rgba(53, 114, 198, .4) !important ; height: 120%; line-height: 1.6 !important; padding-top: 1px;}\n",
       "div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #000000; background: rgba(191, 97, 106, .3) !important ; height: 120%; line-height: 1.6 !important; padding-top: 1px;}\n",
       "\n",
       "div.cell { border: medium solid #ffffff; padding: 0px; border-radius: 2px; }\n",
       "div.cell.selected { border: medium solid #ff8132; padding: 0px; border-radius: 2px; }\n",
       ".edit_mode div.cell.selected {border: medium solid #ffd5bb !important; padding: 0px; border-radius: 2px; }\n",
       "div.cell.edit_mode {border: medium solid #ffd5bb !important; padding: 0px; border-radius: 2px;}\n",
       "\n",
       "div.prompt {\n",
       "    padding: 0.3em;\n",
       "    margin: 0px;\n",
       "    font-family: monospace;\n",
       "    text-align: left;\n",
       "    line-height: 1.21429em;\n",
       "    min-width: 11ex;\n",
       "    font-size: 9.5pt;\n",
       "}\n",
       "div.input_area {\n",
       "    background-color: #ffffff;\n",
       "    background: #ffffff;\n",
       "    margin-bottom: 0px;\n",
       "    border: 0px;\n",
       "    border-top-left-radius: 2px;\n",
       "    border-top-right-radius: 2px;\n",
       "    border-bottom-left-radius: 0px;\n",
       "    border-bottom-right-radius: 0px;\n",
       "}\n",
       "/*Input and output cells formatting*/\n",
       "div.prompt.input_prompt {\n",
       "    font-family: 'Hack', monospace;\n",
       "    border-right: 2px solid rgba(240, 147, 43, .4);\n",
       "    font-weight: normal;\n",
       "    font-size: 9.5pt;\n",
       "    color: #aaaaaa;\n",
       "    background-color: #ededed;\n",
       "    border-top-left-radius: 2px;\n",
       "    border-top-right-radius: 0px;\n",
       "    border-bottom-left-radius: 0px;\n",
       "    border-bottom-right-radius: 0px;\n",
       "}\n",
       "div.prompt.output_prompt {\n",
       "    font-family: 'Hack', monospace;\n",
       "    background-color: #ffffff;\n",
       "    color: #ffffff;\n",
       "    font-size: 9.5pt;\n",
       "    border-bottom-left-radius: 2px;\n",
       "    border-top-right-radius: 0px;\n",
       "    border-top-left-radius: 0px;\n",
       "    border-bottom-right-radius: 0px;\n",
       "}\n",
       "div.out_prompt_overlay.prompt {\n",
       "    font-family: 'Hack', monospace;\n",
       "    font-size: 9.5pt;\n",
       "    width: 1em;\n",
       "    background-color: #ffffff;\n",
       "    border-bottom-left-radius: 2px;\n",
       "    -webkit-border-radius: 2px;\n",
       "    -moz-border-radius: 2px;\n",
       "    border-top-right-radius: 0px;\n",
       "    border-top-left-radius: 0px;\n",
       "}\n",
       "div.out_prompt_overlay.prompt:hover {\n",
       "    font-family: 'Hack', monospace;\n",
       "    font-size: 9.5pt;\n",
       "    width: 1em;\n",
       "    background-color: #ffffff;\n",
       "    box-shadow: #e8e8e8 2px 2px 3px 2px inset;\n",
       "    border-bottom-left-radius: 2px;\n",
       "    -webkit-border-radius: 2px;\n",
       "    -moz-border-radius: 2px;\n",
       "    border-top-right-radius: 0px;\n",
       "    border-top-left-radius: 0px;\n",
       "}\n",
       "\n",
       "div.output_wrapper {\n",
       "    background-color:#ffffff;\n",
       "    margin-bottom: 0em;\n",
       "    margin-top: 0em;\n",
       "    border: 0px;\n",
       "}\n",
       "div.output_subarea.output_text.output_stream.output_stdout,div.output_subarea.output_text {\n",
       "    background-color: #ffffff;\n",
       "    color: #000000;\n",
       "}\n",
       "\n",
       "div.output_area pre {\n",
       "    color: #000000;\n",
       "    font-size: 10pt;\n",
       "    border-top-right-radius: 0px;\n",
       "    border-top-left-radius: 0px;\n",
       "    border-bottom-left-radius: 2px;\n",
       "    border-bottom-right-radius: 2px;\n",
       "}\n",
       "div.output_subarea {\n",
       "    overflow-x: auto;\n",
       "    padding: 1em;\n",
       "    -webkit-box-flex: 1;\n",
       "    -moz-box-flex: 1;\n",
       "    box-flex: 1;\n",
       "    flex: 1;\n",
       "    max-width: calc(100% - 14ex);\n",
       "}\n",
       "\n",
       "/*\n",
       "Following courtesy of Sherif Soliman\n",
       "at http://sherifsoliman.com\n",
       "*/\n",
       "div.output.output_scroll {\n",
       "    box-shadow: none;\n",
       "}\n",
       "/*Scroll bars*/\n",
       "::-webkit-scrollbar {\n",
       "    width: 12px;\n",
       "}\n",
       "/* Handle */\n",
       "::-webkit-scrollbar-thumb {\n",
       "    -webkit-border-radius: 2px;\n",
       "    border-radius: 2px;\n",
       "    background-color: #aaaaaa;\n",
       "\tbackground: #aaaaaa;\n",
       "}\n",
       "::-webkit-scrollbar-thumb:window-inactive {\n",
       "    background-color: #dedede;\n",
       "    background: #dedede;\n",
       "}\n",
       " </style>"
      ],
      "text/plain": [
       "<IPython.core.display.HTML object>"
      ]
     },
     "execution_count": 45,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import sys\n",
    "from ipywidgets import widgets\n",
    "from IPython.display import display, clear_output\n",
    "from jupyterthemes import set_nb_theme, get_themes\n",
    "\n",
    "def update_theme(change):\n",
    "    \"\"\" display chosen theme from dropdown menu \"\"\"\n",
    "    name = change['new']\n",
    "    html_css = set_nb_theme(name)\n",
    "    display(html_css)\n",
    "\n",
    "themes = get_themes()\n",
    "theme_sel = widgets.Dropdown(options=themes, description='Select a Theme:')\n",
    "theme_sel.observe(update_theme, names=['selected_label'], type='change')\n",
    "display(theme_sel)\n",
    "\n",
    "# start with first theme in themes list\n",
    "set_nb_theme(themes[0])"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#  Test it out by writing some code"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {
    "collapsed": true
   },
   "outputs": [],
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 2",
   "language": "python",
   "name": "python2"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 2
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython2",
   "version": "2.7.12"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 0
}