##// END OF EJS Templates
Fixed status indicator region
jon -
Show More
@@ -1,45 +1,52 b''
1 1 #menubar {
2 2 }
3 3
4 4 #menubar .navbar-inner {
5 5 min-height: 28px;
6 6 border-top: 1px;
7 7 border-radius: 0px 0px @border-radius-base @border-radius-base;
8 8 }
9 9
10 10 #menubar .navbar {
11 11 margin-bottom: 8px;
12 12 }
13 13
14 14 .nav-wrapper {
15 15 border-bottom: 1px solid @navbar-default-border;
16 16 }
17 17
18 18 #menubar li.dropdown {
19 19 line-height: 12px;
20 20 }
21 21
22 #menubar .navbar-right {
23 // Add some padding to the right aligned items.
24 padding-top: 5px;
25 }
26
27
22 28 i.menu-icon {
23 29 // add padding to account for float-right
24 30 padding-top: 4px;
25 31 }
26 32
27 33 ul#help_menu li a{
28 34 overflow: hidden;
29 35 padding-right: 2.2em;
30 36 i {
31 37 margin-right: -1.2em;
32 38 }
33 39 }
34 40
35 41 ul#menus {
36 42 float: left;
37 43 }
38 44
39 // http://www.bootply.com/86684
45 // Make sub menus work in BS3.
46 // Credit: http://www.bootply.com/86684
40 47 .dropdown-submenu{position:relative;}
41 48 .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
42 49 .dropdown-submenu:hover>.dropdown-menu{display:block;}
43 50 .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
44 51 .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
45 52 .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
@@ -1,35 +1,46 b''
1 1 #notification_area {
2 .pull-right();
3
2 4 z-index: 10;
3 5 }
4 6
5 7 .indicator_area {
6 8 color: @navbar-default-link-color;
7 9 padding: 4px 3px;
8 10 margin: 0px;
9 11 width: 11px;
10 12 z-index: 10;
11 13 text-align: center;
12 14 }
13 15
14 16 #kernel_indicator {
15 // Pull it to the right, outside the container boundary
16 margin-right: -16px;
17 .pull-right();
18 .indicator_area();
19
20 margin-right: 12px;
21 }
22
23 #modal_indicator {
24 .pull-right();
25 .indicator_area();
26
27 margin-right: 5px;
17 28 }
18 29
19 30 .edit_mode_icon:before {
20 31 .icon(@pencil);
21 32 }
22 33
23 34 .command_mode_icon:before {
24 35 .icon(' ');
25 36 }
26 37
27 38 .kernel_idle_icon:before {
28 39 .icon(@circle-blank);
29 40 }
30 41
31 42 .kernel_busy_icon:before {
32 43 .icon(@circle);
33 44 }
34 45
35 46
@@ -1,362 +1,362 b''
1 1 {% extends "page.html" %}
2 2
3 3 {% block stylesheet %}
4 4
5 5 {% if mathjax_url %}
6 6 <script type="text/javascript" src="{{mathjax_url}}?config=TeX-AMS_HTML-full&delayStartupUntil=configured" charset="utf-8"></script>
7 7 {% endif %}
8 8 <script type="text/javascript">
9 9 // MathJax disabled, set as null to distingish from *missing* MathJax,
10 10 // where it will be undefined, and should prompt a dialog later.
11 11 window.mathjax_url = "{{mathjax_url}}";
12 12 </script>
13 13
14 14 <link rel="stylesheet" href="{{ static_url("components/bootstrap-tour/build/css/bootstrap-tour.min.css") }}" type="text/css" />
15 15 <link rel="stylesheet" href="{{ static_url("components/codemirror/lib/codemirror.css") }}">
16 16
17 17 {{super()}}
18 18
19 19 <link rel="stylesheet" href="{{ static_url("notebook/css/override.css") }}" type="text/css" />
20 20
21 21 {% endblock %}
22 22
23 23 {% block params %}
24 24
25 25 data-project="{{project}}"
26 26 data-base-url="{{base_url}}"
27 27 data-notebook-name="{{notebook_name}}"
28 28 data-notebook-path="{{notebook_path}}"
29 29 class="notebook_app"
30 30
31 31 {% endblock %}
32 32
33 33
34 34 {% block header %}
35 35
36 36 <span id="save_widget" class="nav pull-left">
37 37 <span id="notebook_name"></span>
38 38 <span id="checkpoint_status"></span>
39 39 <span id="autosave_status"></span>
40 40 </span>
41 41
42 42 {% endblock %}
43 43
44 44
45 45 {% block site %}
46 46
47 47 <div id="menubar-container" class="container">
48 48 <div id="menubar">
49 49 <div id="menus" class="navbar navbar-default" role="navigation">
50 50 <div class="container-fluid">
51 51 <ul class="nav navbar-nav">
52 52 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">File</a>
53 53 <ul id="file_menu" class="dropdown-menu">
54 54 <li id="new_notebook"
55 55 title="Make a new notebook (Opens a new window)">
56 56 <a href="#">New</a></li>
57 57 <li id="open_notebook"
58 58 title="Opens a new window with the Dashboard view">
59 59 <a href="#">Open...</a></li>
60 60 <!-- <hr/> -->
61 61 <li class="divider"></li>
62 62 <li id="copy_notebook"
63 63 title="Open a copy of this notebook's contents and start a new kernel">
64 64 <a href="#">Make a Copy...</a></li>
65 65 <li id="rename_notebook"><a href="#">Rename...</a></li>
66 66 <li id="save_checkpoint"><a href="#">Save and Checkpoint</a></li>
67 67 <!-- <hr/> -->
68 68 <li class="divider"></li>
69 69 <li id="restore_checkpoint" class="dropdown-submenu"><a href="#">Revert to Checkpoint</a>
70 70 <ul class="dropdown-menu">
71 71 <li><a href="#"></a></li>
72 72 <li><a href="#"></a></li>
73 73 <li><a href="#"></a></li>
74 74 <li><a href="#"></a></li>
75 75 <li><a href="#"></a></li>
76 76 </ul>
77 77 </li>
78 78 <li class="divider"></li>
79 79 <li id="print_preview"><a href="#">Print Preview</a></li>
80 80 <li class="dropdown-submenu"><a href="#">Download as</a>
81 81 <ul class="dropdown-menu">
82 82 <li id="download_ipynb"><a href="#">IPython Notebook (.ipynb)</a></li>
83 83 <li id="download_py"><a href="#">Python (.py)</a></li>
84 84 <li id="download_html"><a href="#">HTML (.html)</a></li>
85 85 <li id="download_rst"><a href="#">reST (.rst)</a></li>
86 86 <li id="download_pdf"><a href="#">PDF (.pdf)</a></li>
87 87 </ul>
88 88 </li>
89 89 <li class="divider"></li>
90 90 <li id="trust_notebook"
91 91 title="Trust the output of this notebook">
92 92 <a href="#" >Trust Notebook</a></li>
93 93 <li class="divider"></li>
94 94 <li id="kill_and_exit"
95 95 title="Shutdown this notebook's kernel, and close this window">
96 96 <a href="#" >Close and halt</a></li>
97 97 </ul>
98 98 </li>
99 99 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Edit</a>
100 100 <ul id="edit_menu" class="dropdown-menu">
101 101 <li id="cut_cell"><a href="#">Cut Cell</a></li>
102 102 <li id="copy_cell"><a href="#">Copy Cell</a></li>
103 103 <li id="paste_cell_above" class="disabled"><a href="#">Paste Cell Above</a></li>
104 104 <li id="paste_cell_below" class="disabled"><a href="#">Paste Cell Below</a></li>
105 105 <li id="paste_cell_replace" class="disabled"><a href="#">Paste Cell &amp; Replace</a></li>
106 106 <li id="delete_cell"><a href="#">Delete Cell</a></li>
107 107 <li id="undelete_cell" class="disabled"><a href="#">Undo Delete Cell</a></li>
108 108 <li class="divider"></li>
109 109 <li id="split_cell"><a href="#">Split Cell</a></li>
110 110 <li id="merge_cell_above"><a href="#">Merge Cell Above</a></li>
111 111 <li id="merge_cell_below"><a href="#">Merge Cell Below</a></li>
112 112 <li class="divider"></li>
113 113 <li id="move_cell_up"><a href="#">Move Cell Up</a></li>
114 114 <li id="move_cell_down"><a href="#">Move Cell Down</a></li>
115 115 <li class="divider"></li>
116 116 <li id="edit_nb_metadata"><a href="#">Edit Notebook Metadata</a></li>
117 117 </ul>
118 118 </li>
119 119 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">View</a>
120 120 <ul id="view_menu" class="dropdown-menu">
121 121 <li id="toggle_header"
122 122 title="Show/Hide the IPython Notebook logo and notebook title (above menu bar)">
123 123 <a href="#">Toggle Header</a></li>
124 124 <li id="toggle_toolbar"
125 125 title="Show/Hide the action icons (below menu bar)">
126 126 <a href="#">Toggle Toolbar</a></li>
127 127 </ul>
128 128 </li>
129 129 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Insert</a>
130 130 <ul id="insert_menu" class="dropdown-menu">
131 131 <li id="insert_cell_above"
132 132 title="Insert an empty Code cell above the currently active cell">
133 133 <a href="#">Insert Cell Above</a></li>
134 134 <li id="insert_cell_below"
135 135 title="Insert an empty Code cell below the currently active cell">
136 136 <a href="#">Insert Cell Below</a></li>
137 137 </ul>
138 138 </li>
139 139 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cell</a>
140 140 <ul id="cell_menu" class="dropdown-menu">
141 141 <li id="run_cell" title="Run this cell, and move cursor to the next one">
142 142 <a href="#">Run</a></li>
143 143 <li id="run_cell_select_below" title="Run this cell, select below">
144 144 <a href="#">Run and Select Below</a></li>
145 145 <li id="run_cell_insert_below" title="Run this cell, insert below">
146 146 <a href="#">Run and Insert Below</a></li>
147 147 <li id="run_all_cells" title="Run all cells in the notebook">
148 148 <a href="#">Run All</a></li>
149 149 <li id="run_all_cells_above" title="Run all cells above (but not including) this cell">
150 150 <a href="#">Run All Above</a></li>
151 151 <li id="run_all_cells_below" title="Run this cell and all cells below it">
152 152 <a href="#">Run All Below</a></li>
153 153 <li class="divider"></li>
154 154 <li id="change_cell_type" class="dropdown-submenu"
155 155 title="All cells in the notebook have a cell type. By default, new cells are created as 'Code' cells">
156 156 <a href="#">Cell Type</a>
157 157 <ul class="dropdown-menu">
158 158 <li id="to_code"
159 159 title="Contents will be sent to the kernel for execution, and output will display in the footer of cell">
160 160 <a href="#">Code</a></li>
161 161 <li id="to_markdown"
162 162 title="Contents will be rendered as HTML and serve as explanatory text">
163 163 <a href="#">Markdown</a></li>
164 164 <li id="to_raw"
165 165 title="Contents will pass through nbconvert unmodified">
166 166 <a href="#">Raw NBConvert</a></li>
167 167 <li id="to_heading1"><a href="#">Heading 1</a></li>
168 168 <li id="to_heading2"><a href="#">Heading 2</a></li>
169 169 <li id="to_heading3"><a href="#">Heading 3</a></li>
170 170 <li id="to_heading4"><a href="#">Heading 4</a></li>
171 171 <li id="to_heading5"><a href="#">Heading 5</a></li>
172 172 <li id="to_heading6"><a href="#">Heading 6</a></li>
173 173 </ul>
174 174 </li>
175 175 <li class="divider"></li>
176 176 <li id="current_outputs" class="dropdown-submenu"><a href="#">Current Output</a>
177 177 <ul class="dropdown-menu">
178 178 <li id="toggle_current_output"
179 179 title="Hide/Show the output of the current cell">
180 180 <a href="#">Toggle</a>
181 181 </li>
182 182 <li id="toggle_current_output_scroll"
183 183 title="Scroll the output of the current cell">
184 184 <a href="#">Toggle Scrolling</a>
185 185 </li>
186 186 <li id="clear_current_output"
187 187 title="Clear the output of the current cell">
188 188 <a href="#">Clear</a>
189 189 </li>
190 190 </ul>
191 191 </li>
192 192 <li id="all_outputs" class="dropdown-submenu"><a href="#">All Output</a>
193 193 <ul class="dropdown-menu">
194 194 <li id="toggle_all_output"
195 195 title="Hide/Show the output of all cells">
196 196 <a href="#">Toggle</a>
197 197 </li>
198 198 <li id="toggle_all_output_scroll"
199 199 title="Scroll the output of all cells">
200 200 <a href="#">Toggle Scrolling</a>
201 201 </li>
202 202 <li id="clear_all_output"
203 203 title="Clear the output of all cells">
204 204 <a href="#">Clear</a>
205 205 </li>
206 206 </ul>
207 207 </li>
208 208 </ul>
209 209 </li>
210 210 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Kernel</a>
211 211 <ul id="kernel_menu" class="dropdown-menu">
212 212 <li id="int_kernel"
213 213 title="Send KeyboardInterrupt (CTRL-C) to the Kernel">
214 214 <a href="#">Interrupt</a></li>
215 215 <li id="restart_kernel"
216 216 title="Restart the Kernel">
217 217 <a href="#">Restart</a></li>
218 218 </ul>
219 219 </li>
220 220 <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Help</a>
221 221 <ul id="help_menu" class="dropdown-menu">
222 222 <li id="notebook_tour" title="A quick tour of the notebook user interface"><a href="#">User Interface Tour</a></li>
223 223 <li id="keyboard_shortcuts" title="Opens a tooltip with all keyboard shortcuts"><a href="#">Keyboard Shortcuts</a></li>
224 224 <li class="divider"></li>
225 225 {% set
226 226 sections = (
227 227 (
228 228 ("http://ipython.org/documentation.html","IPython Help",True),
229 229 ("http://nbviewer.ipython.org/github/ipython/ipython/tree/2.x/examples/Index.ipynb", "Notebook Help", True),
230 230 ),(
231 231 ("http://docs.python.org","Python",True),
232 232 ("http://help.github.com/articles/github-flavored-markdown","Markdown",True),
233 233 ("http://docs.scipy.org/doc/numpy/reference/","NumPy",True),
234 234 ("http://docs.scipy.org/doc/scipy/reference/","SciPy",True),
235 235 ("http://matplotlib.org/contents.html","Matplotlib",True),
236 236 ("http://docs.sympy.org/latest/index.html","SymPy",True),
237 237 ("http://pandas.pydata.org/pandas-docs/stable/","pandas", True)
238 238 )
239 239 )
240 240 %}
241 241
242 242 {% for helplinks in sections %}
243 243 {% for link in helplinks %}
244 244 <li><a href="{{link[0]}}" {{'target="_blank" title="Opens in a new window"' if link[2]}}>
245 245 {{'<i class="icon-external-link menu-icon pull-right"></i>' if link[2]}}
246 246 {{link[1]}}
247 247 </a></li>
248 248 {% endfor %}
249 249 {% if not loop.last %}
250 250 <li class="divider"></li>
251 251 {% endif %}
252 252 {% endfor %}
253 253 </li>
254 254 </ul>
255 255 </li>
256 256 </ul>
257 </div>
258 </div>
259
260 <!-- float to the right of the menu bar -->
261 <div id="kernel_indicator" class="indicator_area pull-right">
257 <ul class="nav navbar-nav navbar-right">
258 <div id="kernel_indicator">
262 259 <i id="kernel_indicator_icon"></i>
263 260 </div>
264 <div id="modal_indicator" class="indicator_area pull-right">
261 <div id="modal_indicator">
265 262 <i id="modal_indicator_icon"></i>
266 263 </div>
267 264 <div id="notification_area"></div>
265 </ul>
266 </div>
267 </div>
268 268 </div>
269 269 <div id="maintoolbar" class="navbar">
270 270 <div class="toolbar-inner navbar-inner navbar-nobg">
271 271 <div id="maintoolbar-container" class="container"></div>
272 272 </div>
273 273 </div>
274 274 </div>
275 275
276 276 <div id="ipython-main-app">
277 277
278 278 <div id="notebook_panel">
279 279 <div id="notebook"></div>
280 280 <div id="pager_splitter"></div>
281 281 <div id="pager">
282 282 <div id='pager_button_area'>
283 283 </div>
284 284 <div id="pager-container" class="container"></div>
285 285 </div>
286 286 </div>
287 287
288 288 </div>
289 289 <div id='tooltip' class='ipython_tooltip' style='display:none'></div>
290 290
291 291
292 292 {% endblock %}
293 293
294 294
295 295 {% block script %}
296 296
297 297 {{super()}}
298 298
299 299 <script src="{{ static_url("components/google-caja/html-css-sanitizer-minified.js") }}" charset="utf-8"></script>
300 300 <script src="{{ static_url("components/codemirror/lib/codemirror.js") }}" charset="utf-8"></script>
301 301 <script type="text/javascript">
302 302 CodeMirror.modeURL = "{{ static_url("components/codemirror/mode/%N/%N.js", include_version=False) }}";
303 303 </script>
304 304 <script src="{{ static_url("components/codemirror/addon/mode/loadmode.js") }}" charset="utf-8"></script>
305 305 <script src="{{ static_url("components/codemirror/addon/mode/multiplex.js") }}" charset="utf-8"></script>
306 306 <script src="{{ static_url("components/codemirror/addon/mode/overlay.js") }}" charset="utf-8"></script>
307 307 <script src="{{ static_url("components/codemirror/addon/edit/matchbrackets.js") }}" charset="utf-8"></script>
308 308 <script src="{{ static_url("components/codemirror/addon/edit/closebrackets.js") }}" charset="utf-8"></script>
309 309 <script src="{{ static_url("components/codemirror/addon/comment/comment.js") }}" charset="utf-8"></script>
310 310 <script src="{{ static_url("components/codemirror/mode/htmlmixed/htmlmixed.js") }}" charset="utf-8"></script>
311 311 <script src="{{ static_url("components/codemirror/mode/xml/xml.js") }}" charset="utf-8"></script>
312 312 <script src="{{ static_url("components/codemirror/mode/javascript/javascript.js") }}" charset="utf-8"></script>
313 313 <script src="{{ static_url("components/codemirror/mode/css/css.js") }}" charset="utf-8"></script>
314 314 <script src="{{ static_url("components/codemirror/mode/rst/rst.js") }}" charset="utf-8"></script>
315 315 <script src="{{ static_url("components/codemirror/mode/markdown/markdown.js") }}" charset="utf-8"></script>
316 316 <script src="{{ static_url("components/codemirror/mode/python/python.js") }}" charset="utf-8"></script>
317 317 <script src="{{ static_url("notebook/js/codemirror-ipython.js") }}" charset="utf-8"></script>
318 318 <script src="{{ static_url("notebook/js/codemirror-ipythongfm.js") }}" charset="utf-8"></script>
319 319
320 320 <script src="{{ static_url("components/highlight.js/build/highlight.pack.js") }}" charset="utf-8"></script>
321 321
322 322 <script src="{{ static_url("dateformat/date.format.js") }}" charset="utf-8"></script>
323 323
324 324 <script src="{{ static_url("base/js/events.js") }}" type="text/javascript" charset="utf-8"></script>
325 325 <script src="{{ static_url("base/js/utils.js") }}" type="text/javascript" charset="utf-8"></script>
326 326 <script src="{{ static_url("base/js/keyboard.js") }}" type="text/javascript" charset="utf-8"></script>
327 327 <script src="{{ static_url("base/js/security.js") }}" type="text/javascript" charset="utf-8"></script>
328 328 <script src="{{ static_url("base/js/dialog.js") }}" type="text/javascript" charset="utf-8"></script>
329 329 <script src="{{ static_url("services/kernels/js/kernel.js") }}" type="text/javascript" charset="utf-8"></script>
330 330 <script src="{{ static_url("services/kernels/js/comm.js") }}" type="text/javascript" charset="utf-8"></script>
331 331 <script src="{{ static_url("services/sessions/js/session.js") }}" type="text/javascript" charset="utf-8"></script>
332 332 <script src="{{ static_url("notebook/js/layoutmanager.js") }}" type="text/javascript" charset="utf-8"></script>
333 333 <script src="{{ static_url("notebook/js/mathjaxutils.js") }}" type="text/javascript" charset="utf-8"></script>
334 334 <script src="{{ static_url("notebook/js/outputarea.js") }}" type="text/javascript" charset="utf-8"></script>
335 335 <script src="{{ static_url("notebook/js/cell.js") }}" type="text/javascript" charset="utf-8"></script>
336 336 <script src="{{ static_url("notebook/js/celltoolbar.js") }}" type="text/javascript" charset="utf-8"></script>
337 337 <script src="{{ static_url("notebook/js/codecell.js") }}" type="text/javascript" charset="utf-8"></script>
338 338 <script src="{{ static_url("notebook/js/completer.js") }}" type="text/javascript" charset="utf-8"></script>
339 339 <script src="{{ static_url("notebook/js/textcell.js") }}" type="text/javascript" charset="utf-8"></script>
340 340 <script src="{{ static_url("notebook/js/savewidget.js") }}" type="text/javascript" charset="utf-8"></script>
341 341 <script src="{{ static_url("notebook/js/quickhelp.js") }}" type="text/javascript" charset="utf-8"></script>
342 342 <script src="{{ static_url("notebook/js/pager.js") }}" type="text/javascript" charset="utf-8"></script>
343 343 <script src="{{ static_url("notebook/js/menubar.js") }}" type="text/javascript" charset="utf-8"></script>
344 344 <script src="{{ static_url("notebook/js/toolbar.js") }}" type="text/javascript" charset="utf-8"></script>
345 345 <script src="{{ static_url("notebook/js/maintoolbar.js") }}" type="text/javascript" charset="utf-8"></script>
346 346 <script src="{{ static_url("notebook/js/notebook.js") }}" type="text/javascript" charset="utf-8"></script>
347 347 <script src="{{ static_url("notebook/js/keyboardmanager.js") }}" type="text/javascript" charset="utf-8"></script>
348 348 <script src="{{ static_url("notebook/js/notificationwidget.js") }}" type="text/javascript" charset="utf-8"></script>
349 349 <script src="{{ static_url("notebook/js/notificationarea.js") }}" type="text/javascript" charset="utf-8"></script>
350 350 <script src="{{ static_url("notebook/js/tooltip.js") }}" type="text/javascript" charset="utf-8"></script>
351 351 <script src="{{ static_url("notebook/js/tour.js") }}" type="text/javascript" charset="utf-8"></script>
352 352
353 353 <script src="{{ static_url("notebook/js/config.js") }}" type="text/javascript" charset="utf-8"></script>
354 354 <script src="{{ static_url("notebook/js/main.js") }}" type="text/javascript" charset="utf-8"></script>
355 355
356 356 <script src="{{ static_url("notebook/js/contexthint.js") }}" charset="utf-8"></script>
357 357
358 358 <script src="{{ static_url("notebook/js/celltoolbarpresets/default.js") }}" type="text/javascript" charset="utf-8"></script>
359 359 <script src="{{ static_url("notebook/js/celltoolbarpresets/rawcell.js") }}" type="text/javascript" charset="utf-8"></script>
360 360 <script src="{{ static_url("notebook/js/celltoolbarpresets/slideshow.js") }}" type="text/javascript" charset="utf-8"></script>
361 361
362 362 {% endblock %}
General Comments 0
You need to be logged in to leave comments. Login now