Show More
@@ -1,441 +1,449 b'' | |||||
1 | /** |
|
1 | /** | |
2 | * Primary styles |
|
2 | * Primary styles | |
3 | * |
|
3 | * | |
4 | * Author: IPython Development Team |
|
4 | * Author: IPython Development Team | |
5 | */ |
|
5 | */ | |
6 |
|
6 | |||
7 |
|
7 | |||
8 | body { |
|
8 | body { | |
9 | background-color: white; |
|
9 | background-color: white; | |
10 | /* This makes sure that the body covers the entire window and needs to |
|
10 | /* This makes sure that the body covers the entire window and needs to | |
11 | be in a different element than the display: box in wrapper below */ |
|
11 | be in a different element than the display: box in wrapper below */ | |
12 | position: absolute; |
|
12 | position: absolute; | |
13 | left: 0px; |
|
13 | left: 0px; | |
14 | right: 0px; |
|
14 | right: 0px; | |
15 | top: 0px; |
|
15 | top: 0px; | |
16 | bottom: 0px; |
|
16 | bottom: 0px; | |
17 | overflow: hidden; |
|
17 | overflow: hidden; | |
18 | } |
|
18 | } | |
19 |
|
19 | |||
20 | span#save_widget { |
|
20 | span#save_widget { | |
21 | position: static; |
|
21 | position: static; | |
22 | left: 0px; |
|
22 | left: 0px; | |
23 | padding: 5px 0px; |
|
23 | padding: 5px 0px; | |
24 | margin: 0px 0px 0px 0px; |
|
24 | margin: 0px 0px 0px 0px; | |
25 | } |
|
25 | } | |
26 |
|
26 | |||
27 | span#quick_help_area { |
|
27 | span#quick_help_area { | |
28 | position: static; |
|
28 | position: static; | |
29 | padding: 5px 0px; |
|
29 | padding: 5px 0px; | |
30 | margin: 0px 0px 0px 0px; |
|
30 | margin: 0px 0px 0px 0px; | |
31 | } |
|
31 | } | |
32 |
|
32 | |||
33 | input#notebook_name { |
|
33 | input#notebook_name { | |
34 | height: 1em; |
|
34 | height: 1em; | |
35 | line-height: 1em; |
|
35 | line-height: 1em; | |
36 | padding: 5px; |
|
36 | padding: 5px; | |
37 | } |
|
37 | } | |
38 |
|
38 | |||
39 | span#kernel_status { |
|
39 | span#kernel_status { | |
40 | position: absolute; |
|
40 | position: absolute; | |
41 | padding: 8px 5px 5px 5px; |
|
41 | padding: 8px 5px 5px 5px; | |
42 | right: 10px; |
|
42 | right: 10px; | |
43 | font-weight: bold; |
|
43 | font-weight: bold; | |
44 | } |
|
44 | } | |
45 |
|
45 | |||
46 |
|
46 | |||
47 | .status_idle { |
|
47 | .status_idle { | |
48 | color: gray; |
|
48 | color: gray; | |
49 | visibility: hidden; |
|
49 | visibility: hidden; | |
50 | } |
|
50 | } | |
51 |
|
51 | |||
52 | .status_busy { |
|
52 | .status_busy { | |
53 | color: red; |
|
53 | color: red; | |
54 | } |
|
54 | } | |
55 |
|
55 | |||
56 | .status_restarting { |
|
56 | .status_restarting { | |
57 | color: black; |
|
57 | color: black; | |
58 | } |
|
58 | } | |
59 |
|
59 | |||
60 | div#left_panel { |
|
60 | div#left_panel { | |
61 | overflow-y: auto; |
|
61 | overflow-y: auto; | |
62 | top: 0px; |
|
62 | top: 0px; | |
63 | left: 0px; |
|
63 | left: 0px; | |
64 | margin: 0px; |
|
64 | margin: 0px; | |
65 | padding: 0px; |
|
65 | padding: 0px; | |
66 | position: absolute; |
|
66 | position: absolute; | |
67 | } |
|
67 | } | |
68 |
|
68 | |||
69 | div.section_header { |
|
69 | div.section_header { | |
70 | padding: 5px; |
|
70 | padding: 5px; | |
71 | } |
|
71 | } | |
72 |
|
72 | |||
73 | div.section_header h3 { |
|
73 | div.section_header h3 { | |
74 | display: inline; |
|
74 | display: inline; | |
75 | } |
|
75 | } | |
76 |
|
76 | |||
77 | div.section_content { |
|
77 | div.section_content { | |
78 | padding: 5px; |
|
78 | padding: 5px; | |
79 | } |
|
79 | } | |
80 |
|
80 | |||
81 | span.section_row_buttons button { |
|
81 | span.section_row_buttons button { | |
82 | width: 70px; |
|
82 | width: 70px; | |
83 | } |
|
83 | } | |
84 |
|
84 | |||
85 | span.section_row_buttons a { |
|
85 | span.section_row_buttons a { | |
86 | width: 70px; |
|
86 | width: 70px; | |
87 | } |
|
87 | } | |
88 |
|
88 | |||
89 | .section_row { |
|
89 | .section_row { | |
90 | margin: 5px 0px; |
|
90 | margin: 5px 0px; | |
91 | } |
|
91 | } | |
92 |
|
92 | |||
93 | .section_row_buttons { |
|
93 | .section_row_buttons { | |
94 | float: right; |
|
94 | float: right; | |
95 | } |
|
95 | } | |
96 |
|
96 | |||
97 | #kernel_persist { |
|
97 | #kernel_persist { | |
98 | float: right; |
|
98 | float: right; | |
99 | } |
|
99 | } | |
100 |
|
100 | |||
101 | .help_string { |
|
101 | .help_string { | |
102 | float: right; |
|
102 | float: right; | |
103 | width: 170px; |
|
103 | width: 170px; | |
104 | padding: 0px 5px; |
|
104 | padding: 0px 5px; | |
105 | text-align: left; |
|
105 | text-align: left; | |
106 | font-size: 85%; |
|
106 | font-size: 85%; | |
107 | } |
|
107 | } | |
108 |
|
108 | |||
109 | .help_string_label { |
|
109 | .help_string_label { | |
110 | float: right; |
|
110 | float: right; | |
111 | font-size: 85%; |
|
111 | font-size: 85%; | |
112 | } |
|
112 | } | |
113 |
|
113 | |||
114 | #autoindent_span { |
|
114 | #autoindent_span { | |
115 | float: right; |
|
115 | float: right; | |
116 | } |
|
116 | } | |
117 |
|
117 | |||
118 | #timebeforetooltip{ |
|
118 | #timebeforetooltip{ | |
119 | margin-top:-3px; |
|
119 | margin-top:-3px; | |
120 | text-align:right; |
|
120 | text-align:right; | |
121 | } |
|
121 | } | |
122 |
|
122 | |||
123 | #timebeforetooltip_span { |
|
123 | #timebeforetooltip_span { | |
124 | float: right; |
|
124 | float: right; | |
|
125 | padding: 0px 5px; | |||
|
126 | font-size: 85%; | |||
|
127 | } | |||
|
128 | ||||
|
129 | #timebeforetooltip_label { | |||
|
130 | float: right; | |||
|
131 | text-align:right; | |||
|
132 | font-size: 85%; | |||
125 | } |
|
133 | } | |
126 |
|
134 | |||
127 | #tooltipontab_span { |
|
135 | #tooltipontab_span { | |
128 | float: right; |
|
136 | float: right; | |
129 | } |
|
137 | } | |
130 |
|
138 | |||
131 | #smartcompleter_span { |
|
139 | #smartcompleter_span { | |
132 | float: right; |
|
140 | float: right; | |
133 | } |
|
141 | } | |
134 |
|
142 | |||
135 | .checkbox_label { |
|
143 | .checkbox_label { | |
136 | font-size: 85%; |
|
144 | font-size: 85%; | |
137 | float: right; |
|
145 | float: right; | |
138 | padding: 0.3em; |
|
146 | padding: 0.3em; | |
139 | } |
|
147 | } | |
140 |
|
148 | |||
141 | .section_row_header { |
|
149 | .section_row_header { | |
142 | float: left; |
|
150 | float: left; | |
143 | font-size: 85%; |
|
151 | font-size: 85%; | |
144 | padding: 0.4em 0em; |
|
152 | padding: 0.4em 0em; | |
145 | font-weight: bold; |
|
153 | font-weight: bold; | |
146 | } |
|
154 | } | |
147 |
|
155 | |||
148 | span.button_label { |
|
156 | span.button_label { | |
149 | padding: 0.2em 1em; |
|
157 | padding: 0.2em 1em; | |
150 | font-size: 77%; |
|
158 | font-size: 77%; | |
151 | float: right; |
|
159 | float: right; | |
152 | } |
|
160 | } | |
153 |
|
161 | |||
154 | /* This is needed because FF was adding a 2px margin top and bottom. */ |
|
162 | /* This is needed because FF was adding a 2px margin top and bottom. */ | |
155 | .section_row .ui-button { |
|
163 | .section_row .ui-button { | |
156 | margin-top: 0px; |
|
164 | margin-top: 0px; | |
157 | margin-bottom: 0px; |
|
165 | margin-bottom: 0px; | |
158 | } |
|
166 | } | |
159 |
|
167 | |||
160 | #download_format { |
|
168 | #download_format { | |
161 | float: right; |
|
169 | float: right; | |
162 | font-size: 85%; |
|
170 | font-size: 85%; | |
163 | width: 62px; |
|
171 | width: 62px; | |
164 | margin: 1px 5px; |
|
172 | margin: 1px 5px; | |
165 | } |
|
173 | } | |
166 |
|
174 | |||
167 | div#left_panel_splitter { |
|
175 | div#left_panel_splitter { | |
168 | width: 8px; |
|
176 | width: 8px; | |
169 | top: 0px; |
|
177 | top: 0px; | |
170 | left: 202px; |
|
178 | left: 202px; | |
171 | margin: 0px; |
|
179 | margin: 0px; | |
172 | padding: 0px; |
|
180 | padding: 0px; | |
173 | position: absolute; |
|
181 | position: absolute; | |
174 | } |
|
182 | } | |
175 |
|
183 | |||
176 | div#notebook_panel { |
|
184 | div#notebook_panel { | |
177 | /* The L margin will be set in the Javascript code*/ |
|
185 | /* The L margin will be set in the Javascript code*/ | |
178 | margin: 0px 0px 0px 0px; |
|
186 | margin: 0px 0px 0px 0px; | |
179 | padding: 0px; |
|
187 | padding: 0px; | |
180 | } |
|
188 | } | |
181 |
|
189 | |||
182 | div#notebook { |
|
190 | div#notebook { | |
183 | overflow-y: scroll; |
|
191 | overflow-y: scroll; | |
184 | overflow-x: auto; |
|
192 | overflow-x: auto; | |
185 | width: 100%; |
|
193 | width: 100%; | |
186 | /* This spaces the cell away from the edge of the notebook area */ |
|
194 | /* This spaces the cell away from the edge of the notebook area */ | |
187 | padding: 5px 5px 15px 5px; |
|
195 | padding: 5px 5px 15px 5px; | |
188 | margin: 0px |
|
196 | margin: 0px | |
189 | background-color: white; |
|
197 | background-color: white; | |
190 | } |
|
198 | } | |
191 |
|
199 | |||
192 | div#pager_splitter { |
|
200 | div#pager_splitter { | |
193 | height: 8px; |
|
201 | height: 8px; | |
194 | } |
|
202 | } | |
195 |
|
203 | |||
196 | div#pager { |
|
204 | div#pager { | |
197 | padding: 15px; |
|
205 | padding: 15px; | |
198 | overflow: auto; |
|
206 | overflow: auto; | |
199 | } |
|
207 | } | |
200 |
|
208 | |||
201 | div.cell { |
|
209 | div.cell { | |
202 | width: 100%; |
|
210 | width: 100%; | |
203 | padding: 5px 5px 5px 0px; |
|
211 | padding: 5px 5px 5px 0px; | |
204 | /* This acts as a spacer between cells, that is outside the border */ |
|
212 | /* This acts as a spacer between cells, that is outside the border */ | |
205 | margin: 2px 0px 2px 0px; |
|
213 | margin: 2px 0px 2px 0px; | |
206 | } |
|
214 | } | |
207 |
|
215 | |||
208 | div.code_cell { |
|
216 | div.code_cell { | |
209 | background-color: white; |
|
217 | background-color: white; | |
210 | } |
|
218 | } | |
211 | /* any special styling for code cells that are currently running goes here */ |
|
219 | /* any special styling for code cells that are currently running goes here */ | |
212 | div.code_cell.running { |
|
220 | div.code_cell.running { | |
213 | } |
|
221 | } | |
214 |
|
222 | |||
215 | div.prompt { |
|
223 | div.prompt { | |
216 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ |
|
224 | /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | |
217 | width: 11ex; |
|
225 | width: 11ex; | |
218 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ |
|
226 | /* This 0.4em is tuned to match the padding on the CodeMirror editor. */ | |
219 | padding: 0.4em; |
|
227 | padding: 0.4em; | |
220 | margin: 0px; |
|
228 | margin: 0px; | |
221 | font-family: monospace; |
|
229 | font-family: monospace; | |
222 | text-align:right; |
|
230 | text-align:right; | |
223 | } |
|
231 | } | |
224 |
|
232 | |||
225 | div.input { |
|
233 | div.input { | |
226 | page-break-inside: avoid; |
|
234 | page-break-inside: avoid; | |
227 | } |
|
235 | } | |
228 |
|
236 | |||
229 | /* input_area and input_prompt must match in top border and margin for alignment */ |
|
237 | /* input_area and input_prompt must match in top border and margin for alignment */ | |
230 | div.input_area { |
|
238 | div.input_area { | |
231 | color: black; |
|
239 | color: black; | |
232 | border: 1px solid #ddd; |
|
240 | border: 1px solid #ddd; | |
233 | border-radius: 3px; |
|
241 | border-radius: 3px; | |
234 | background: #f7f7f7; |
|
242 | background: #f7f7f7; | |
235 | } |
|
243 | } | |
236 |
|
244 | |||
237 | div.input_prompt { |
|
245 | div.input_prompt { | |
238 | color: navy; |
|
246 | color: navy; | |
239 | border-top: 1px solid transparent; |
|
247 | border-top: 1px solid transparent; | |
240 | } |
|
248 | } | |
241 |
|
249 | |||
242 | div.output { |
|
250 | div.output { | |
243 | /* This is a spacer between the input and output of each cell */ |
|
251 | /* This is a spacer between the input and output of each cell */ | |
244 | margin-top: 5px; |
|
252 | margin-top: 5px; | |
245 | } |
|
253 | } | |
246 |
|
254 | |||
247 | div.output_prompt { |
|
255 | div.output_prompt { | |
248 | color: darkred; |
|
256 | color: darkred; | |
249 | } |
|
257 | } | |
250 |
|
258 | |||
251 | /* This class is the outer container of all output sections. */ |
|
259 | /* This class is the outer container of all output sections. */ | |
252 | div.output_area { |
|
260 | div.output_area { | |
253 | padding: 0px; |
|
261 | padding: 0px; | |
254 | page-break-inside: avoid; |
|
262 | page-break-inside: avoid; | |
255 | } |
|
263 | } | |
256 |
|
264 | |||
257 | /* This class is for the output subarea inside the output_area and after |
|
265 | /* This class is for the output subarea inside the output_area and after | |
258 | the prompt div. */ |
|
266 | the prompt div. */ | |
259 | div.output_subarea { |
|
267 | div.output_subarea { | |
260 | padding: 0.4em 6.1em 0.4em 0.4em; |
|
268 | padding: 0.4em 6.1em 0.4em 0.4em; | |
261 | } |
|
269 | } | |
262 |
|
270 | |||
263 | /* The rest of the output_* classes are for special styling of the different |
|
271 | /* The rest of the output_* classes are for special styling of the different | |
264 | output types */ |
|
272 | output types */ | |
265 |
|
273 | |||
266 | /* all text output has this class: */ |
|
274 | /* all text output has this class: */ | |
267 | div.output_text { |
|
275 | div.output_text { | |
268 | text-align: left; |
|
276 | text-align: left; | |
269 | color: black; |
|
277 | color: black; | |
270 | font-family: monospace; |
|
278 | font-family: monospace; | |
271 | } |
|
279 | } | |
272 |
|
280 | |||
273 | /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */ |
|
281 | /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */ | |
274 | div.output_stream { |
|
282 | div.output_stream { | |
275 | padding-top: 0.0em; |
|
283 | padding-top: 0.0em; | |
276 | padding-bottom: 0.0em; |
|
284 | padding-bottom: 0.0em; | |
277 | } |
|
285 | } | |
278 | div.output_stdout { |
|
286 | div.output_stdout { | |
279 | } |
|
287 | } | |
280 | div.output_stderr { |
|
288 | div.output_stderr { | |
281 | background: #fdd; /* very light red background for stderr */ |
|
289 | background: #fdd; /* very light red background for stderr */ | |
282 | } |
|
290 | } | |
283 |
|
291 | |||
284 | div.output_latex { |
|
292 | div.output_latex { | |
285 | text-align: left; |
|
293 | text-align: left; | |
286 | color: black; |
|
294 | color: black; | |
287 | } |
|
295 | } | |
288 |
|
296 | |||
289 | div.output_html { |
|
297 | div.output_html { | |
290 | } |
|
298 | } | |
291 |
|
299 | |||
292 | div.output_png { |
|
300 | div.output_png { | |
293 | } |
|
301 | } | |
294 |
|
302 | |||
295 | div.output_jpeg { |
|
303 | div.output_jpeg { | |
296 | } |
|
304 | } | |
297 |
|
305 | |||
298 | div.text_cell { |
|
306 | div.text_cell { | |
299 | background-color: white; |
|
307 | background-color: white; | |
300 | } |
|
308 | } | |
301 |
|
309 | |||
302 | div.text_cell_input { |
|
310 | div.text_cell_input { | |
303 | color: black; |
|
311 | color: black; | |
304 | } |
|
312 | } | |
305 |
|
313 | |||
306 | div.text_cell_render { |
|
314 | div.text_cell_render { | |
307 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
315 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
308 | outline: none; |
|
316 | outline: none; | |
309 | resize: none; |
|
317 | resize: none; | |
310 | width: inherit; |
|
318 | width: inherit; | |
311 | border-style: none; |
|
319 | border-style: none; | |
312 | padding: 5px; |
|
320 | padding: 5px; | |
313 | color: black; |
|
321 | color: black; | |
314 | } |
|
322 | } | |
315 |
|
323 | |||
316 | .CodeMirror { |
|
324 | .CodeMirror { | |
317 | line-height: 1.231; /* Changed from 1em to our global default */ |
|
325 | line-height: 1.231; /* Changed from 1em to our global default */ | |
318 | } |
|
326 | } | |
319 |
|
327 | |||
320 | .CodeMirror-scroll { |
|
328 | .CodeMirror-scroll { | |
321 | height: auto; /* Changed to auto to autogrow */ |
|
329 | height: auto; /* Changed to auto to autogrow */ | |
322 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ |
|
330 | /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ | |
323 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ |
|
331 | /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ | |
324 | overflow-y: hidden; |
|
332 | overflow-y: hidden; | |
325 | overflow-x: auto; /* Changed from auto to remove scrollbar */ |
|
333 | overflow-x: auto; /* Changed from auto to remove scrollbar */ | |
326 | } |
|
334 | } | |
327 |
|
335 | |||
328 | /* CSS font colors for translated ANSI colors. */ |
|
336 | /* CSS font colors for translated ANSI colors. */ | |
329 |
|
337 | |||
330 |
|
338 | |||
331 | .ansiblack {color: black;} |
|
339 | .ansiblack {color: black;} | |
332 | .ansired {color: darkred;} |
|
340 | .ansired {color: darkred;} | |
333 | .ansigreen {color: darkgreen;} |
|
341 | .ansigreen {color: darkgreen;} | |
334 | .ansiyellow {color: brown;} |
|
342 | .ansiyellow {color: brown;} | |
335 | .ansiblue {color: darkblue;} |
|
343 | .ansiblue {color: darkblue;} | |
336 | .ansipurple {color: darkviolet;} |
|
344 | .ansipurple {color: darkviolet;} | |
337 | .ansicyan {color: steelblue;} |
|
345 | .ansicyan {color: steelblue;} | |
338 | .ansigrey {color: grey;} |
|
346 | .ansigrey {color: grey;} | |
339 | .ansibold {font-weight: bold;} |
|
347 | .ansibold {font-weight: bold;} | |
340 |
|
348 | |||
341 | .completions , .tooltip{ |
|
349 | .completions , .tooltip{ | |
342 | position: absolute; |
|
350 | position: absolute; | |
343 | z-index: 10; |
|
351 | z-index: 10; | |
344 | overflow: auto; |
|
352 | overflow: auto; | |
345 | border: 1px solid black; |
|
353 | border: 1px solid black; | |
346 | } |
|
354 | } | |
347 |
|
355 | |||
348 | .completions select { |
|
356 | .completions select { | |
349 | background: white; |
|
357 | background: white; | |
350 | outline: none; |
|
358 | outline: none; | |
351 | border: none; |
|
359 | border: none; | |
352 | padding: 0px; |
|
360 | padding: 0px; | |
353 | margin: 0px; |
|
361 | margin: 0px; | |
354 | font-family: monospace; |
|
362 | font-family: monospace; | |
355 | } |
|
363 | } | |
356 |
|
364 | |||
357 | @-moz-keyframes fadeIn { |
|
365 | @-moz-keyframes fadeIn { | |
358 | from {opacity:0;} |
|
366 | from {opacity:0;} | |
359 | to {opacity:1;} |
|
367 | to {opacity:1;} | |
360 | } |
|
368 | } | |
361 |
|
369 | |||
362 | @-webkit-keyframes fadeIn { |
|
370 | @-webkit-keyframes fadeIn { | |
363 | from {opacity:0;} |
|
371 | from {opacity:0;} | |
364 | to {opacity:1;} |
|
372 | to {opacity:1;} | |
365 | } |
|
373 | } | |
366 |
|
374 | |||
367 | @keyframes fadeIn { |
|
375 | @keyframes fadeIn { | |
368 | from {opacity:0;} |
|
376 | from {opacity:0;} | |
369 | to {opacity:1;} |
|
377 | to {opacity:1;} | |
370 | } |
|
378 | } | |
371 |
|
379 | |||
372 | /*"close" "expand" and "Open in pager button" of |
|
380 | /*"close" "expand" and "Open in pager button" of | |
373 | /* the tooltip*/ |
|
381 | /* the tooltip*/ | |
374 | .tooltip a{ |
|
382 | .tooltip a{ | |
375 | float:right; |
|
383 | float:right; | |
376 | } |
|
384 | } | |
377 |
|
385 | |||
378 | /*properties of tooltip after "expand"*/ |
|
386 | /*properties of tooltip after "expand"*/ | |
379 | .bigtooltip{ |
|
387 | .bigtooltip{ | |
380 | height:30%; |
|
388 | height:30%; | |
381 | } |
|
389 | } | |
382 |
|
390 | |||
383 | /*properties of tooltip before "expand"*/ |
|
391 | /*properties of tooltip before "expand"*/ | |
384 | .smalltooltip{ |
|
392 | .smalltooltip{ | |
385 | text-overflow: ellipsis; |
|
393 | text-overflow: ellipsis; | |
386 | overflow: hidden; |
|
394 | overflow: hidden; | |
387 | height:15%; |
|
395 | height:15%; | |
388 | } |
|
396 | } | |
389 |
|
397 | |||
390 | .tooltip{ |
|
398 | .tooltip{ | |
391 | /*transition when "expand"ing tooltip */ |
|
399 | /*transition when "expand"ing tooltip */ | |
392 | -webkit-transition-property: height; |
|
400 | -webkit-transition-property: height; | |
393 | -webkit-transition-duration: 1s; |
|
401 | -webkit-transition-duration: 1s; | |
394 | -moz-transition-property: height; |
|
402 | -moz-transition-property: height; | |
395 | -moz-transition-duration: 1s; |
|
403 | -moz-transition-duration: 1s; | |
396 | transition-property: height; |
|
404 | transition-property: height; | |
397 | transition-duration: 1s; |
|
405 | transition-duration: 1s; | |
398 | max-width:700px; |
|
406 | max-width:700px; | |
399 | border-radius: 0px 10px 10px 10px; |
|
407 | border-radius: 0px 10px 10px 10px; | |
400 | box-shadow: 3px 3px 5px #999; |
|
408 | box-shadow: 3px 3px 5px #999; | |
401 | /*fade-in animation when inserted*/ |
|
409 | /*fade-in animation when inserted*/ | |
402 | -webkit-animation: fadeIn 200ms; |
|
410 | -webkit-animation: fadeIn 200ms; | |
403 | -moz-animation: fadeIn 200ms; |
|
411 | -moz-animation: fadeIn 200ms; | |
404 | animation: fadeIn 200ms; |
|
412 | animation: fadeIn 200ms; | |
405 | vertical-align: middle; |
|
413 | vertical-align: middle; | |
406 | background: #FDFDD8; |
|
414 | background: #FDFDD8; | |
407 | outline: none; |
|
415 | outline: none; | |
408 | padding: 3px; |
|
416 | padding: 3px; | |
409 | margin: 0px; |
|
417 | margin: 0px; | |
410 | font-family: monospace; |
|
418 | font-family: monospace; | |
411 | min-height:50px; |
|
419 | min-height:50px; | |
412 | } |
|
420 | } | |
413 |
|
421 | |||
414 | .completions p{ |
|
422 | .completions p{ | |
415 | background: #DDF; |
|
423 | background: #DDF; | |
416 | /*outline: none; |
|
424 | /*outline: none; | |
417 | padding: 0px;*/ |
|
425 | padding: 0px;*/ | |
418 | border-bottom: black solid 1px; |
|
426 | border-bottom: black solid 1px; | |
419 | padding: 1px; |
|
427 | padding: 1px; | |
420 | font-family: monospace; |
|
428 | font-family: monospace; | |
421 | } |
|
429 | } | |
422 |
|
430 | |||
423 | @media print { |
|
431 | @media print { | |
424 | body { overflow: visible !important; } |
|
432 | body { overflow: visible !important; } | |
425 | .ui-widget-content { border: 0px; } |
|
433 | .ui-widget-content { border: 0px; } | |
426 | } |
|
434 | } | |
427 |
|
435 | |||
428 | .shortcut_key { |
|
436 | .shortcut_key { | |
429 | display: inline-block; |
|
437 | display: inline-block; | |
430 | width: 13ex; |
|
438 | width: 13ex; | |
431 | text-align: right; |
|
439 | text-align: right; | |
432 | font-family: monospace; |
|
440 | font-family: monospace; | |
433 | } |
|
441 | } | |
434 |
|
442 | |||
435 | .shortcut_descr { |
|
443 | .shortcut_descr { | |
436 | } |
|
444 | } | |
437 |
|
445 | |||
438 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems |
|
446 | /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems | |
439 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. |
|
447 | to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. | |
440 | */ |
|
448 | */ | |
441 | pre, code, kbd, samp { white-space: pre-wrap; } |
|
449 | pre, code, kbd, samp { white-space: pre-wrap; } |
@@ -1,328 +1,328 b'' | |||||
1 | <!DOCTYPE HTML> |
|
1 | <!DOCTYPE HTML> | |
2 | <html> |
|
2 | <html> | |
3 |
|
3 | |||
4 | <head> |
|
4 | <head> | |
5 | <meta charset="utf-8"> |
|
5 | <meta charset="utf-8"> | |
6 |
|
6 | |||
7 | <title>IPython Notebook</title> |
|
7 | <title>IPython Notebook</title> | |
8 |
|
8 | |||
9 | <!-- <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" charset="utf-8"></script> --> |
|
9 | <!-- <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" charset="utf-8"></script> --> | |
10 | <script type='text/javascript' src='static/mathjax/MathJax.js?config=TeX-AMS_HTML' charset='utf-8'></script> |
|
10 | <script type='text/javascript' src='static/mathjax/MathJax.js?config=TeX-AMS_HTML' charset='utf-8'></script> | |
11 | <script type="text/javascript"> |
|
11 | <script type="text/javascript"> | |
12 | function CheckMathJax(){ |
|
12 | function CheckMathJax(){ | |
13 | var div=document.getElementById("MathJaxFetchingWarning") |
|
13 | var div=document.getElementById("MathJaxFetchingWarning") | |
14 | if(window.MathJax){ |
|
14 | if(window.MathJax){ | |
15 | document.body.removeChild(div) |
|
15 | document.body.removeChild(div) | |
16 | } |
|
16 | } | |
17 | else{ |
|
17 | else{ | |
18 | div.style.display = "block"; |
|
18 | div.style.display = "block"; | |
19 | } |
|
19 | } | |
20 | } |
|
20 | } | |
21 | if (typeof MathJax == 'undefined') { |
|
21 | if (typeof MathJax == 'undefined') { | |
22 | console.log("No local MathJax, loading from CDN"); |
|
22 | console.log("No local MathJax, loading from CDN"); | |
23 | document.write(unescape("%3Cscript type='text/javascript' src='http://cdn.mathjax.org/mathjax/latest/MathJax.js%3Fconfig=TeX-AMS_HTML' charset='utf-8'%3E%3C/script%3E")); |
|
23 | document.write(unescape("%3Cscript type='text/javascript' src='http://cdn.mathjax.org/mathjax/latest/MathJax.js%3Fconfig=TeX-AMS_HTML' charset='utf-8'%3E%3C/script%3E")); | |
24 | }else{ |
|
24 | }else{ | |
25 | console.log("Using local MathJax"); |
|
25 | console.log("Using local MathJax"); | |
26 | } |
|
26 | } | |
27 | </script> |
|
27 | </script> | |
28 |
|
28 | |||
29 | <link rel="stylesheet" href="static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" /> |
|
29 | <link rel="stylesheet" href="static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" /> | |
30 | <link rel="stylesheet" href="static/codemirror/lib/codemirror.css"> |
|
30 | <link rel="stylesheet" href="static/codemirror/lib/codemirror.css"> | |
31 | <link rel="stylesheet" href="static/codemirror/mode/markdown/markdown.css"> |
|
31 | <link rel="stylesheet" href="static/codemirror/mode/markdown/markdown.css"> | |
32 | <link rel="stylesheet" href="static/codemirror/mode/rst/rst.css"> |
|
32 | <link rel="stylesheet" href="static/codemirror/mode/rst/rst.css"> | |
33 | <link rel="stylesheet" href="static/codemirror/theme/ipython.css"> |
|
33 | <link rel="stylesheet" href="static/codemirror/theme/ipython.css"> | |
34 | <link rel="stylesheet" href="static/codemirror/theme/default.css"> |
|
34 | <link rel="stylesheet" href="static/codemirror/theme/default.css"> | |
35 |
|
35 | |||
36 | <link rel="stylesheet" href="static/prettify/prettify.css"/> |
|
36 | <link rel="stylesheet" href="static/prettify/prettify.css"/> | |
37 |
|
37 | |||
38 | <link rel="stylesheet" href="static/css/boilerplate.css" type="text/css" /> |
|
38 | <link rel="stylesheet" href="static/css/boilerplate.css" type="text/css" /> | |
39 | <link rel="stylesheet" href="static/css/layout.css" type="text/css" /> |
|
39 | <link rel="stylesheet" href="static/css/layout.css" type="text/css" /> | |
40 | <link rel="stylesheet" href="static/css/base.css" type="text/css" /> |
|
40 | <link rel="stylesheet" href="static/css/base.css" type="text/css" /> | |
41 | <link rel="stylesheet" href="static/css/notebook.css" type="text/css" /> |
|
41 | <link rel="stylesheet" href="static/css/notebook.css" type="text/css" /> | |
42 | <link rel="stylesheet" href="static/css/renderedhtml.css" type="text/css" /> |
|
42 | <link rel="stylesheet" href="static/css/renderedhtml.css" type="text/css" /> | |
43 |
|
43 | |||
44 | <meta name="read_only" content="{{read_only}}"/> |
|
44 | <meta name="read_only" content="{{read_only}}"/> | |
45 |
|
45 | |||
46 | </head> |
|
46 | </head> | |
47 |
|
47 | |||
48 | <body onload='CheckMathJax();' |
|
48 | <body onload='CheckMathJax();' | |
49 | data-project={{project}} data-notebook-id={{notebook_id}} |
|
49 | data-project={{project}} data-notebook-id={{notebook_id}} | |
50 | data-base-project-url={{base_project_url}} data-base-kernel-url={{base_kernel_url}} |
|
50 | data-base-project-url={{base_project_url}} data-base-kernel-url={{base_kernel_url}} | |
51 | > |
|
51 | > | |
52 |
|
52 | |||
53 | <div id="header"> |
|
53 | <div id="header"> | |
54 | <span id="ipython_notebook"><h1>IPython Notebook</h1></span> |
|
54 | <span id="ipython_notebook"><h1>IPython Notebook</h1></span> | |
55 | <span id="save_widget"> |
|
55 | <span id="save_widget"> | |
56 | <input type="text" id="notebook_name" size="20"></textarea> |
|
56 | <input type="text" id="notebook_name" size="20"></textarea> | |
57 | <button id="save_notebook"><u>S</u>ave</button> |
|
57 | <button id="save_notebook"><u>S</u>ave</button> | |
58 | </span> |
|
58 | </span> | |
59 | <span id="quick_help_area"> |
|
59 | <span id="quick_help_area"> | |
60 | <button id="quick_help">Quick<u>H</u>elp</button> |
|
60 | <button id="quick_help">Quick<u>H</u>elp</button> | |
61 | </span> |
|
61 | </span> | |
62 |
|
62 | |||
63 | <span id="login_widget"> |
|
63 | <span id="login_widget"> | |
64 | {% comment This is a temporary workaround to hide the logout button %} |
|
64 | {% comment This is a temporary workaround to hide the logout button %} | |
65 | {% comment when appropriate until notebook.html is templated %} |
|
65 | {% comment when appropriate until notebook.html is templated %} | |
66 | {% if current_user and current_user != 'anonymous' %} |
|
66 | {% if current_user and current_user != 'anonymous' %} | |
67 | <button id="logout">Logout</button> |
|
67 | <button id="logout">Logout</button> | |
68 | {% end %} |
|
68 | {% end %} | |
69 | </span> |
|
69 | </span> | |
70 |
|
70 | |||
71 | <span id="kernel_status">Idle</span> |
|
71 | <span id="kernel_status">Idle</span> | |
72 | </div> |
|
72 | </div> | |
73 |
|
73 | |||
74 | <div id="MathJaxFetchingWarning" |
|
74 | <div id="MathJaxFetchingWarning" | |
75 | style="width:80%; margin:auto;padding-top:20%;text-align: justify; display:none"> |
|
75 | style="width:80%; margin:auto;padding-top:20%;text-align: justify; display:none"> | |
76 | <p style="font-size:26px;">There was an issue trying to fetch MathJax.js |
|
76 | <p style="font-size:26px;">There was an issue trying to fetch MathJax.js | |
77 | from the internet.</p> |
|
77 | from the internet.</p> | |
78 |
|
78 | |||
79 | <p style="padding:0.2em"> With a working internet connection, you can run |
|
79 | <p style="padding:0.2em"> With a working internet connection, you can run | |
80 | the following at a Python or IPython prompt, which will install a local |
|
80 | the following at a Python or IPython prompt, which will install a local | |
81 | copy of MathJax:</p> |
|
81 | copy of MathJax:</p> | |
82 |
|
82 | |||
83 | <pre style="background-color:lightblue;border:thin silver solid;padding:0.4em"> |
|
83 | <pre style="background-color:lightblue;border:thin silver solid;padding:0.4em"> | |
84 | from IPython.external import mathjax; mathjax.install_mathjax() |
|
84 | from IPython.external import mathjax; mathjax.install_mathjax() | |
85 | </pre> |
|
85 | </pre> | |
86 | This will try to install MathJax into the directory where you installed |
|
86 | This will try to install MathJax into the directory where you installed | |
87 | IPython. If you installed IPython to a location that requires |
|
87 | IPython. If you installed IPython to a location that requires | |
88 | administrative privileges to write, you will need to make this call as |
|
88 | administrative privileges to write, you will need to make this call as | |
89 | an administrator. On OSX/Linux/Unix, this can be done at the |
|
89 | an administrator. On OSX/Linux/Unix, this can be done at the | |
90 | command-line via: |
|
90 | command-line via: | |
91 | <pre style="background-color:lightblue;border:thin silver solid;padding:0.4em"> |
|
91 | <pre style="background-color:lightblue;border:thin silver solid;padding:0.4em"> | |
92 | sudo python -c "from IPython.external import mathjax; mathjax.install_mathjax()" |
|
92 | sudo python -c "from IPython.external import mathjax; mathjax.install_mathjax()" | |
93 | </pre> |
|
93 | </pre> | |
94 | </p> |
|
94 | </p> | |
95 | </div> |
|
95 | </div> | |
96 |
|
96 | |||
97 | <div id="main_app"> |
|
97 | <div id="main_app"> | |
98 |
|
98 | |||
99 | <div id="left_panel"> |
|
99 | <div id="left_panel"> | |
100 |
|
100 | |||
101 | <div id="notebook_section"> |
|
101 | <div id="notebook_section"> | |
102 | <div class="section_header"> |
|
102 | <div class="section_header"> | |
103 | <h3>Notebook</h3> |
|
103 | <h3>Notebook</h3> | |
104 | </div> |
|
104 | </div> | |
105 | <div class="section_content"> |
|
105 | <div class="section_content"> | |
106 | <div class="section_row"> |
|
106 | <div class="section_row"> | |
107 | <span id="new_open" class="section_row_buttons"> |
|
107 | <span id="new_open" class="section_row_buttons"> | |
108 | <button id="new_notebook">New</button> |
|
108 | <button id="new_notebook">New</button> | |
109 | <button id="open_notebook">Open</button> |
|
109 | <button id="open_notebook">Open</button> | |
110 | </span> |
|
110 | </span> | |
111 | <span class="section_row_header">Actions</span> |
|
111 | <span class="section_row_header">Actions</span> | |
112 | </div> |
|
112 | </div> | |
113 | <div class="section_row"> |
|
113 | <div class="section_row"> | |
114 | <span> |
|
114 | <span> | |
115 | <select id="download_format"> |
|
115 | <select id="download_format"> | |
116 | <option value="json">ipynb</option> |
|
116 | <option value="json">ipynb</option> | |
117 | <option value="py">py</option> |
|
117 | <option value="py">py</option> | |
118 | </select> |
|
118 | </select> | |
119 | </span> |
|
119 | </span> | |
120 | <span class="section_row_buttons"> |
|
120 | <span class="section_row_buttons"> | |
121 | <button id="download_notebook">Download</button> |
|
121 | <button id="download_notebook">Download</button> | |
122 | </span> |
|
122 | </span> | |
123 | </div> |
|
123 | </div> | |
124 | <div class="section_row"> |
|
124 | <div class="section_row"> | |
125 | <span class="section_row_buttons"> |
|
125 | <span class="section_row_buttons"> | |
126 | <span id="print_widget"> |
|
126 | <span id="print_widget"> | |
127 | <button id="print_notebook">Print</button> |
|
127 | <button id="print_notebook">Print</button> | |
128 | </span> |
|
128 | </span> | |
129 | </span> |
|
129 | </span> | |
130 | </div> |
|
130 | </div> | |
131 | </div> |
|
131 | </div> | |
132 | </div> |
|
132 | </div> | |
133 |
|
133 | |||
134 | <div id="cell_section"> |
|
134 | <div id="cell_section"> | |
135 | <div class="section_header"> |
|
135 | <div class="section_header"> | |
136 | <h3>Cell</h3> |
|
136 | <h3>Cell</h3> | |
137 | </div> |
|
137 | </div> | |
138 | <div class="section_content"> |
|
138 | <div class="section_content"> | |
139 | <div class="section_row"> |
|
139 | <div class="section_row"> | |
140 | <span class="section_row_buttons"> |
|
140 | <span class="section_row_buttons"> | |
141 | <button id="delete_cell"><u>D</u>elete</button> |
|
141 | <button id="delete_cell"><u>D</u>elete</button> | |
142 | </span> |
|
142 | </span> | |
143 | <span class="section_row_header">Actions</span> |
|
143 | <span class="section_row_header">Actions</span> | |
144 | </div> |
|
144 | </div> | |
145 | <div class="section_row"> |
|
145 | <div class="section_row"> | |
146 | <span id="cell_type" class="section_row_buttons"> |
|
146 | <span id="cell_type" class="section_row_buttons"> | |
147 | <button id="to_code"><u>C</u>ode</button> |
|
147 | <button id="to_code"><u>C</u>ode</button> | |
148 | <!-- <button id="to_html">HTML</button>--> |
|
148 | <!-- <button id="to_html">HTML</button>--> | |
149 | <button id="to_markdown"><u>M</u>arkdown</button> |
|
149 | <button id="to_markdown"><u>M</u>arkdown</button> | |
150 | </span> |
|
150 | </span> | |
151 | <span class="button_label">Format</span> |
|
151 | <span class="button_label">Format</span> | |
152 | </div> |
|
152 | </div> | |
153 | <div class="section_row"> |
|
153 | <div class="section_row"> | |
154 | <span id="cell_output" class="section_row_buttons"> |
|
154 | <span id="cell_output" class="section_row_buttons"> | |
155 | <button id="toggle_output"><u>T</u>oggle</button> |
|
155 | <button id="toggle_output"><u>T</u>oggle</button> | |
156 | <button id="clear_all_output">ClearAll</button> |
|
156 | <button id="clear_all_output">ClearAll</button> | |
157 | </span> |
|
157 | </span> | |
158 | <span class="button_label">Output</span> |
|
158 | <span class="button_label">Output</span> | |
159 | </div> |
|
159 | </div> | |
160 | <div class="section_row"> |
|
160 | <div class="section_row"> | |
161 | <span id="insert" class="section_row_buttons"> |
|
161 | <span id="insert" class="section_row_buttons"> | |
162 | <button id="insert_cell_above"><u>A</u>bove</button> |
|
162 | <button id="insert_cell_above"><u>A</u>bove</button> | |
163 | <button id="insert_cell_below"><u>B</u>elow</button> |
|
163 | <button id="insert_cell_below"><u>B</u>elow</button> | |
164 | </span> |
|
164 | </span> | |
165 | <span class="button_label">Insert</span> |
|
165 | <span class="button_label">Insert</span> | |
166 | </div> |
|
166 | </div> | |
167 | <div class="section_row"> |
|
167 | <div class="section_row"> | |
168 | <span id="move" class="section_row_buttons"> |
|
168 | <span id="move" class="section_row_buttons"> | |
169 | <button id="move_cell_up">Up</button> |
|
169 | <button id="move_cell_up">Up</button> | |
170 | <button id="move_cell_down">Down</button> |
|
170 | <button id="move_cell_down">Down</button> | |
171 | </span> |
|
171 | </span> | |
172 | <span class="button_label">Move</span> |
|
172 | <span class="button_label">Move</span> | |
173 | </div> |
|
173 | </div> | |
174 | <div class="section_row"> |
|
174 | <div class="section_row"> | |
175 | <span id="run_cells" class="section_row_buttons"> |
|
175 | <span id="run_cells" class="section_row_buttons"> | |
176 | <button id="run_selected_cell">Selected</button> |
|
176 | <button id="run_selected_cell">Selected</button> | |
177 | <button id="run_all_cells">All</button> |
|
177 | <button id="run_all_cells">All</button> | |
178 | </span> |
|
178 | </span> | |
179 | <span class="button_label">Run</span> |
|
179 | <span class="button_label">Run</span> | |
180 | </div> |
|
180 | </div> | |
181 | <div class="section_row"> |
|
181 | <div class="section_row"> | |
182 | <span id="autoindent_span"> |
|
182 | <span id="autoindent_span"> | |
183 | <input type="checkbox" id="autoindent" checked="true"></input> |
|
183 | <input type="checkbox" id="autoindent" checked="true"></input> | |
184 | </span> |
|
184 | </span> | |
185 | <span class="checkbox_label" id="autoindent_label">Autoindent:</span> |
|
185 | <span class="checkbox_label" id="autoindent_label">Autoindent:</span> | |
186 | </div> |
|
186 | </div> | |
187 | </div> |
|
187 | </div> | |
188 | </div> |
|
188 | </div> | |
189 |
|
189 | |||
190 | <div id="kernel_section"> |
|
190 | <div id="kernel_section"> | |
191 | <div class="section_header"> |
|
191 | <div class="section_header"> | |
192 | <h3>Kernel</h3> |
|
192 | <h3>Kernel</h3> | |
193 | </div> |
|
193 | </div> | |
194 | <div class="section_content"> |
|
194 | <div class="section_content"> | |
195 | <div class="section_row"> |
|
195 | <div class="section_row"> | |
196 | <span id="int_restart" class="section_row_buttons"> |
|
196 | <span id="int_restart" class="section_row_buttons"> | |
197 | <button id="int_kernel"><u>I</u>nterrupt</button> |
|
197 | <button id="int_kernel"><u>I</u>nterrupt</button> | |
198 | <button id="restart_kernel">Restart</button> |
|
198 | <button id="restart_kernel">Restart</button> | |
199 | </span> |
|
199 | </span> | |
200 | <span class="section_row_header">Actions</span> |
|
200 | <span class="section_row_header">Actions</span> | |
201 | </div> |
|
201 | </div> | |
202 | <div class="section_row"> |
|
202 | <div class="section_row"> | |
203 | <span id="kernel_persist"> |
|
203 | <span id="kernel_persist"> | |
204 | {% if kill_kernel %} |
|
204 | {% if kill_kernel %} | |
205 | <input type="checkbox" id="kill_kernel" checked="true"></input> |
|
205 | <input type="checkbox" id="kill_kernel" checked="true"></input> | |
206 | {% else %} |
|
206 | {% else %} | |
207 | <input type="checkbox" id="kill_kernel"></input> |
|
207 | <input type="checkbox" id="kill_kernel"></input> | |
208 | {% end %} |
|
208 | {% end %} | |
209 | </span> |
|
209 | </span> | |
210 | <span class="checkbox_label" id="kill_kernel_label">Kill kernel upon exit:</span> |
|
210 | <span class="checkbox_label" id="kill_kernel_label">Kill kernel upon exit:</span> | |
211 | </div> |
|
211 | </div> | |
212 | </div> |
|
212 | </div> | |
213 | </div> |
|
213 | </div> | |
214 |
|
214 | |||
215 | <div id="help_section"> |
|
215 | <div id="help_section"> | |
216 | <div class="section_header"> |
|
216 | <div class="section_header"> | |
217 | <h3>Help</h3> |
|
217 | <h3>Help</h3> | |
218 | </div> |
|
218 | </div> | |
219 | <div class="section_content"> |
|
219 | <div class="section_content"> | |
220 | <div class="section_row"> |
|
220 | <div class="section_row"> | |
221 | <span id="help_buttons0" class="section_row_buttons"> |
|
221 | <span id="help_buttons0" class="section_row_buttons"> | |
222 | <a id="python_help" href="http://docs.python.org" target="_blank">Python</a> |
|
222 | <a id="python_help" href="http://docs.python.org" target="_blank">Python</a> | |
223 | <a id="ipython_help" href="http://ipython.org/documentation.html" target="_blank">IPython</a> |
|
223 | <a id="ipython_help" href="http://ipython.org/documentation.html" target="_blank">IPython</a> | |
224 | </span> |
|
224 | </span> | |
225 | <span class="section_row_header">Links</span> |
|
225 | <span class="section_row_header">Links</span> | |
226 | </div> |
|
226 | </div> | |
227 | <div class="section_row"> |
|
227 | <div class="section_row"> | |
228 | <span id="help_buttons1" class="section_row_buttons"> |
|
228 | <span id="help_buttons1" class="section_row_buttons"> | |
229 | <a id="numpy_help" href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a> |
|
229 | <a id="numpy_help" href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a> | |
230 | <a id="scipy_help" href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a> |
|
230 | <a id="scipy_help" href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a> | |
231 | </span> |
|
231 | </span> | |
232 | </div> |
|
232 | </div> | |
233 | <div class="section_row"> |
|
233 | <div class="section_row"> | |
234 | <span id="help_buttons2" class="section_row_buttons"> |
|
234 | <span id="help_buttons2" class="section_row_buttons"> | |
235 | <a id="matplotlib_help" href="http://matplotlib.sourceforge.net/" target="_blank">MPL</a> |
|
235 | <a id="matplotlib_help" href="http://matplotlib.sourceforge.net/" target="_blank">MPL</a> | |
236 | <a id="sympy_help" href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a> |
|
236 | <a id="sympy_help" href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a> | |
237 | </span> |
|
237 | </span> | |
238 | </div> |
|
238 | </div> | |
239 | <div class="section_row"> |
|
239 | <div class="section_row"> | |
240 | <span class="help_string">run selected cell</span> |
|
240 | <span class="help_string">run selected cell</span> | |
241 | <span class="help_string_label">Shift-Enter :</span> |
|
241 | <span class="help_string_label">Shift-Enter :</span> | |
242 | </div> |
|
242 | </div> | |
243 | <div class="section_row"> |
|
243 | <div class="section_row"> | |
244 | <span class="help_string">run selected cell in-place</span> |
|
244 | <span class="help_string">run selected cell in-place</span> | |
245 | <span class="help_string_label">Ctrl-Enter :</span> |
|
245 | <span class="help_string_label">Ctrl-Enter :</span> | |
246 | </div> |
|
246 | </div> | |
247 | <div class="section_row"> |
|
247 | <div class="section_row"> | |
248 | <span class="help_string">show keyboard shortcuts</span> |
|
248 | <span class="help_string">show keyboard shortcuts</span> | |
249 | <span class="help_string_label">Ctrl-m h :</span> |
|
249 | <span class="help_string_label">Ctrl-m h :</span> | |
250 | </div> |
|
250 | </div> | |
251 | </div> |
|
251 | </div> | |
252 | </div> |
|
252 | </div> | |
253 |
|
253 | |||
254 | <div id="config_section"> |
|
254 | <div id="config_section"> | |
255 | <div class="section_header"> |
|
255 | <div class="section_header"> | |
256 | <h3>Configuration</h3> |
|
256 | <h3>Configuration</h3> | |
257 | </div> |
|
257 | </div> | |
258 | <div class="section_content"> |
|
258 | <div class="section_content"> | |
259 | <div class="section_row"> |
|
259 | <div class="section_row"> | |
260 | <span id="tooltipontab_span"> |
|
260 | <span id="tooltipontab_span"> | |
261 | <input type="checkbox" id="tooltipontab" checked="true"></input> |
|
261 | <input type="checkbox" id="tooltipontab" checked="true"></input> | |
262 | </span> |
|
262 | </span> | |
263 | <span class="checkbox_label" id="tooltipontab_label">Tooltip on tab:</span> |
|
263 | <span class="checkbox_label" id="tooltipontab_label">Tooltip on tab:</span> | |
264 | </div> |
|
264 | </div> | |
265 | <div class="section_row"> |
|
265 | <div class="section_row"> | |
266 | <span id="smartcompleter_span"> |
|
266 | <span id="smartcompleter_span"> | |
267 | <input type="checkbox" id="smartcompleter" checked="true"></input> |
|
267 | <input type="checkbox" id="smartcompleter" checked="true"></input> | |
268 | </span> |
|
268 | </span> | |
269 | <span class="checkbox_label" id="smartcompleter_label">Smart completer:</span> |
|
269 | <span class="checkbox_label" id="smartcompleter_label">Smart completer:</span> | |
270 | </div> |
|
270 | </div> | |
271 | <div class="section_row"> |
|
271 | <div class="section_row"> | |
272 | <span class="numeric_input_label" id="timebeforetooltip_label">Time before tooltip : </span> |
|
|||
273 | <span id="timebeforetooltip_span"> |
|
272 | <span id="timebeforetooltip_span"> | |
274 | <input type="text" id="timebeforetooltip" value="1200" size='6'></input> |
|
273 | <input type="text" id="timebeforetooltip" value="1200" size='6'></input> | |
275 | <span class="numeric_input_label" id="timebeforetooltip_unit">milliseconds</span> |
|
274 | <span class="numeric_input_label" id="timebeforetooltip_unit">milliseconds</span> | |
276 | </span> |
|
275 | </span> | |
|
276 | <span class="numeric_input_label" id="timebeforetooltip_label">Time before tooltip : </span> | |||
277 | </div> |
|
277 | </div> | |
278 | </div> |
|
278 | </div> | |
279 | </div> |
|
279 | </div> | |
280 |
|
280 | |||
281 | </div> |
|
281 | </div> | |
282 | <div id="left_panel_splitter"></div> |
|
282 | <div id="left_panel_splitter"></div> | |
283 | <div id="notebook_panel"> |
|
283 | <div id="notebook_panel"> | |
284 | <div id="notebook"></div> |
|
284 | <div id="notebook"></div> | |
285 | <div id="pager_splitter"></div> |
|
285 | <div id="pager_splitter"></div> | |
286 | <div id="pager"></div> |
|
286 | <div id="pager"></div> | |
287 | </div> |
|
287 | </div> | |
288 |
|
288 | |||
289 | </div> |
|
289 | </div> | |
290 |
|
290 | |||
291 | <script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script> |
|
291 | <script src="static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script> | |
292 | <script src="static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script> |
|
292 | <script src="static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script> | |
293 | <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script> |
|
293 | <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script> | |
294 |
|
294 | |||
295 | <script src="static/codemirror/lib/codemirror.js" charset="utf-8"></script> |
|
295 | <script src="static/codemirror/lib/codemirror.js" charset="utf-8"></script> | |
296 | <script src="static/codemirror/mode/python/python.js" charset="utf-8"></script> |
|
296 | <script src="static/codemirror/mode/python/python.js" charset="utf-8"></script> | |
297 | <script src="static/codemirror/mode/htmlmixed/htmlmixed.js" charset="utf-8"></script> |
|
297 | <script src="static/codemirror/mode/htmlmixed/htmlmixed.js" charset="utf-8"></script> | |
298 | <script src="static/codemirror/mode/xml/xml.js" charset="utf-8"></script> |
|
298 | <script src="static/codemirror/mode/xml/xml.js" charset="utf-8"></script> | |
299 | <script src="static/codemirror/mode/javascript/javascript.js" charset="utf-8"></script> |
|
299 | <script src="static/codemirror/mode/javascript/javascript.js" charset="utf-8"></script> | |
300 | <script src="static/codemirror/mode/css/css.js" charset="utf-8"></script> |
|
300 | <script src="static/codemirror/mode/css/css.js" charset="utf-8"></script> | |
301 | <script src="static/codemirror/mode/rst/rst.js" charset="utf-8"></script> |
|
301 | <script src="static/codemirror/mode/rst/rst.js" charset="utf-8"></script> | |
302 | <script src="static/codemirror/mode/markdown/markdown.js" charset="utf-8"></script> |
|
302 | <script src="static/codemirror/mode/markdown/markdown.js" charset="utf-8"></script> | |
303 |
|
303 | |||
304 | <script src="static/pagedown/Markdown.Converter.js" charset="utf-8"></script> |
|
304 | <script src="static/pagedown/Markdown.Converter.js" charset="utf-8"></script> | |
305 |
|
305 | |||
306 | <script src="static/prettify/prettify.js" charset="utf-8"></script> |
|
306 | <script src="static/prettify/prettify.js" charset="utf-8"></script> | |
307 |
|
307 | |||
308 | <script src="static/js/namespace.js" type="text/javascript" charset="utf-8"></script> |
|
308 | <script src="static/js/namespace.js" type="text/javascript" charset="utf-8"></script> | |
309 | <script src="static/js/utils.js" type="text/javascript" charset="utf-8"></script> |
|
309 | <script src="static/js/utils.js" type="text/javascript" charset="utf-8"></script> | |
310 | <script src="static/js/cell.js" type="text/javascript" charset="utf-8"></script> |
|
310 | <script src="static/js/cell.js" type="text/javascript" charset="utf-8"></script> | |
311 | <script src="static/js/codecell.js" type="text/javascript" charset="utf-8"></script> |
|
311 | <script src="static/js/codecell.js" type="text/javascript" charset="utf-8"></script> | |
312 | <script src="static/js/textcell.js" type="text/javascript" charset="utf-8"></script> |
|
312 | <script src="static/js/textcell.js" type="text/javascript" charset="utf-8"></script> | |
313 | <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script> |
|
313 | <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script> | |
314 | <script src="static/js/kernelstatus.js" type="text/javascript" charset="utf-8"></script> |
|
314 | <script src="static/js/kernelstatus.js" type="text/javascript" charset="utf-8"></script> | |
315 | <script src="static/js/layout.js" type="text/javascript" charset="utf-8"></script> |
|
315 | <script src="static/js/layout.js" type="text/javascript" charset="utf-8"></script> | |
316 | <script src="static/js/savewidget.js" type="text/javascript" charset="utf-8"></script> |
|
316 | <script src="static/js/savewidget.js" type="text/javascript" charset="utf-8"></script> | |
317 | <script src="static/js/quickhelp.js" type="text/javascript" charset="utf-8"></script> |
|
317 | <script src="static/js/quickhelp.js" type="text/javascript" charset="utf-8"></script> | |
318 | <script src="static/js/loginwidget.js" type="text/javascript" charset="utf-8"></script> |
|
318 | <script src="static/js/loginwidget.js" type="text/javascript" charset="utf-8"></script> | |
319 | <script src="static/js/pager.js" type="text/javascript" charset="utf-8"></script> |
|
319 | <script src="static/js/pager.js" type="text/javascript" charset="utf-8"></script> | |
320 | <script src="static/js/panelsection.js" type="text/javascript" charset="utf-8"></script> |
|
320 | <script src="static/js/panelsection.js" type="text/javascript" charset="utf-8"></script> | |
321 | <script src="static/js/printwidget.js" type="text/javascript" charset="utf-8"></script> |
|
321 | <script src="static/js/printwidget.js" type="text/javascript" charset="utf-8"></script> | |
322 | <script src="static/js/leftpanel.js" type="text/javascript" charset="utf-8"></script> |
|
322 | <script src="static/js/leftpanel.js" type="text/javascript" charset="utf-8"></script> | |
323 | <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script> |
|
323 | <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script> | |
324 | <script src="static/js/notebookmain.js" type="text/javascript" charset="utf-8"></script> |
|
324 | <script src="static/js/notebookmain.js" type="text/javascript" charset="utf-8"></script> | |
325 |
|
325 | |||
326 | </body> |
|
326 | </body> | |
327 |
|
327 | |||
328 | </html> |
|
328 | </html> |
General Comments 0
You need to be logged in to leave comments.
Login now