1/*copy to $HOME/.jupyter/custom/custom.css to activate 2*/ 3body.notebook_app { 4 padding: 0; 5 background-color: #A9A9A9; 6 background-image: url("dakota-slide-image.jpg"); 7 padding-right: 0px !important; 8 background-size: 100%; 9 overflow-y: hidden; 10} 11body > #header #header-container { 12 padding-bottom: 0px; 13 padding-top: 10px; 14 box-sizing: border-box; 15 -moz-box-sizing: border-box; 16 -webkit-box-sizing: border-box; 17 /*Uncomment following to add dakota logo above title*/ 18 /*background-image: url(DAKOTA_Arrow_Name_Tag_horiz-transparent.png); 19 background-size: auto 25%; 20 background-repeat: no-repeat; 21 background-position: left center; 22 background-color: #A9A9A9; 23 border: 10px solid #A9A9A9;*/ 24} 25/* create space between bottom of title and toolbar */ 26#ipython_notebook { 27 height: 40px !important; 28} 29 30#ipython_notebook img{ 31 display:block; 32 background: url(DAKOTA_Arrow_Name_Tag_horiz-transparent.png) no-repeat; 33 background-size: contain; 34 width: 33px; 35 height: 33px; 36 padding-top: 0px; 37 padding-left: 133px; 38 -moz-box-sizing: border-box; 39 box-sizing: border-box; 40} 41 42body > #header { 43 background: #A9A9A9; 44 background-color: #A9A9A9; 45 position: relative; 46 z-index: 100; 47} 48 49div.text_cell_render h1 { 50 color: #4c8be2; 51 font-size: 215%; 52 text-align: center; 53 font-style: normal; 54} 55div.text_cell_render h2 { 56 text-align: left; 57 font-size: 180%; 58 color: #4c8be2; 59 font-style: normal; 60} 61div.text_cell_render h3 { 62 font-size: 150%; 63 color: #4c8be2; 64 font-style: normal; 65} 66div.text_cell_render h4 { 67 font-size: 120%; 68 color: #4c8be2; 69 font-style: normal; 70} 71div.text_cell_render h5 { 72 font-size: 100%; 73 color: #d8dcee; 74 font-style: normal; 75} 76 77div#menubar-container { 78 width: 100%; 79 width: 980px; 80} 81div#header-container { 82 width: 980px; 83} 84.notebook_app #header, 85.edit_app #header { 86 box-shadow: none !important; 87 background-color: #A9A9A9; 88 border-bottom: 2px solid rgba(80,92,133,.22); 89} 90#header, 91.edit_app #header { 92 font-family: sans-serif; 93 font-size: 13pt; 94 box-shadow: none; 95 background-color: #A9A9A9; 96} 97#header .header-bar, 98.edit_app #header .header-bar { 99 background: #A9A9A9; 100 background-color: #A9A9A9; 101} 102body > #header .header-bar { 103 width: 100%; 104 background: #A9A9A9; 105} 106span.checkpoint_status, 107span.autosave_status { 108 font-size: small; 109 display: none; 110} 111 112#menubar, 113div#menubar { 114 background-color: #A9A9A9; 115 padding-top: 0px !important; 116} 117#menubar .navbar, 118.navbar-default { 119 background-color: #A9A9A9; 120 margin-bottom: 0px; 121 margin-top: 0px; 122} 123.navbar { 124 border: none; 125} 126div.navbar-text, 127.navbar-text, 128.navbar-text.indicator_area, 129p.navbar-text.indicator_area { 130 margin-top: 8px !important; 131 margin-bottom: 0px; 132 color: #4c8be2; 133} 134.navbar-default { 135 font-family: sans-serif; 136 font-size: 13pt; 137 background-color: #A9A9A9; 138 border-color: rgba(80,92,133,.22); 139 line-height: 1.5em; 140 padding-bottom: 0px; 141} 142.navbar-default .navbar-nav > li > a { 143 font-family: sans-serif; 144 font-size: 13pt; 145 color: #4c8be2; 146 display: block; 147 line-height: 1.5em; 148 padding-top: 14px; 149 padding-bottom: 11px; 150} 151.navbar-default .navbar-nav > li > a:hover, 152.navbar-default .navbar-nav > li > a:focus { 153 color: #d8dcee; 154 background-color: rgba(80,92,133,.22); 155 border-color: rgba(80,92,133,.22); 156 line-height: 1.5em; 157 transition: 200ms ease; 158} 159.navbar-default .navbar-nav > .open > a, 160.navbar-default .navbar-nav > .open > a:hover, 161.navbar-default .navbar-nav > .open > a:focus { 162 color: #e4e8ee; 163 background-color: #3572c6; 164 border-color: #3572c6; 165 line-height: 1.5em; 166 transition: 200ms ease; 167} 168.navbar-nav > li > .dropdown-menu { 169 margin-top: 0px; 170} 171.navbar-nav { 172 margin: 0; 173} 174 175/* Change text cell properties */ 176/*div.text_cell_render, div.output_html {background: #cccccc;}*/ 177 178/* Change code cell properties */ 179.CodeMirror pre { 180 line-height: 150%; 181 /*Everything below is from codemirrror.css*/ 182 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; 183 border-width: 0; 184 background: transparent; 185 font-family: inherit; 186 font-size: inherit; 187 margin: 0; 188 white-space: pre; 189 word-wrap: normal; 190 line-height: inherit; 191 color: inherit; 192 z-index: 2; 193 position: relative; 194 overflow: visible; 195 -webkit-tap-highlight-color: transparent; 196 -webkit-font-variant-ligatures: contextual; 197 font-variant-ligatures: contextual; 198} 199 200.CodeMirror{ 201 position: relative; 202 overflow: hidden; 203 background: #cccccc; /*changed from white in codemirror.css*/ 204} 205 206/* Remove white space around colored background of cell */ 207div.CodeMirror-lines { 208 padding-bottom: 0em; 209 padding-left: 0em; 210 padding-right: 0em; 211 padding-top: 0em; 212} 213