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