Initial work to add Wijmo based menu.

IPython/frontend/html/notebook/static/jquery/css/themes/rocket/jquery-wijmo.css

@@ -1933,13 +1933,18 b' button.ui-button::-moz-focus-inner'
     border-radius: 2px;
 }
 
-.wijmo-wijinput, .wijmo-wijtextbox, .wijmo-checkbox-box, .wijmo-wijradio-box, .wijmo-wijgrid .wijmo-wijinput
+.wijmo-wijinput, .wijmo-wijtextbox, .wijmo-wijgrid .wijmo-wijinput
 {
     /*background: #242122 url(images/ui-bg_inset-soft_15_242122_1x100.png) 50% 50% repeat-x !important;*/ /*background: #e1e1e1 url(images/ui-bg_inset-soft_100_e1e1e1_1x100.png) 50% 50% repeat-x !important;*/
     background: #f1f1f1 !important;
     color: #404040;
     border: solid 1px #e1e1e1;
 }
+.wijmo-checkbox .wijmo-checkbox-box, div.wijmo-wijradio-box
+{
+    background: #f1f1f1;
+    border: solid 1px #e1e1e1;
+}
 .wijmo-wijinput.ui-state-focus, .wijmo-wijtextbox.ui-state-focus
 {
     /*background: #e1e1e1 url(images/ui-bg_inset-soft_100_e1e1e1_1x100.png) 50% 50% repeat-x !important;*/
@@ -2062,6 +2067,13 b' button.ui-button::-moz-focus-inner'
     box-shadow: inset 0 3px 10px rgba(0,0,0,0.25);
 }
 
+.wijmo-wijsuperpanel .wijmo-wijsuperpanel-handle
+{
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+
 .wijmo-wijcalendar
 {
     display: block;
@@ -2090,14 +2102,14 b' button.ui-button::-moz-focus-inner'
     border-top: solid 1px #d3d3d3;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-default
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-default
 {
     background: none;
     border: solid 1px transparent;
     color: #404040;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-highlight
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-highlight
 {
     background: #9eca38 url(images/ui-bg_highlight-soft_15_9eca38_1x100.png) 50% 50% repeat-x;
     border: 1px solid #9eca38;
@@ -2110,7 +2122,7 b' button.ui-button::-moz-focus-inner'
 
 
 
-.wijmo-wijcalendar-day-selectable .ui-state-hover
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-hover
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
@@ -2121,7 +2133,6 b' button.ui-button::-moz-focus-inner'
     color: #fafafa;
     text-shadow: none;
 }
-
 .wijmo-wijmenu .wijmo-wijmenu-separator
 {
     border: 1px solid #00a6dd;
@@ -2134,7 +2145,7 b' button.ui-button::-moz-focus-inner'
     line-height: 22px;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-state-active
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-state-active
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.15);
@@ -2145,7 +2156,7 b' button.ui-button::-moz-focus-inner'
     color: #fafafa;
 }
 
-.wijmo-wijcalendar-day-selectable .ui-priority-secondary
+.wijmo-wijcalendar-table .wijmo-wijcalendar-day-selectable .ui-priority-secondary
 {
     -moz-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
     -webkit-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05);
@@ -2310,3 +2321,32 b' a.ui-button:link, a.ui-button'
 {
     color: #404040;
 }
+/* Ribbon */
+.wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .wijmo-wijribbon-text
+{
+    color: #fafafa;
+}
+div.wijmo-wijribbon .ui-icon
+{
+    background-image: url("images/wijmo-ui-icons_000000_240x112.png");
+}
+div.wijmo-wijribbon-simple span.ui-icon, div.wijmo-wijribbon .ui-state-active .ui-icon, .wijmo-wijribbon .wijmo-wijribbon-group .ui-button:hover .ui-icon, div.wijmo-wijribbon-modes span.ui-icon, .wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .ui-icon, .wijmo-wijribbon-group .wijmo-wijribbon-abbrevgroup:hover .wijmo-wijribbon-abbrevicon
+{
+    background-image: url("images/wijmo-ui-icons_ffffff_240x112.png");
+}
+.wijmo-wijeditor .ui-tabs .ui-tabs-nav li.ui-tabs-selected
+{
+    padding-bottom: 0;
+}
+div.wijmo-wijribbon-simple .ui-button-text-icon-secondary .ui-button-text
+{
+    color: #fafafa;
+}
+
+
+div.wijmo-wijribbon .ui-state-active .ui-button-text
+{
+    border: solid 1px transparent;
+    border-radius: 4px;
+    margin: -1px;
+}
  No newline at end of file

IPython/frontend/html/notebook/static/js/notebookmain.js

@@ -79,6 +79,8 b' $(document).ready(function () {'
     $('div#main_app').addClass('border-box-sizing ui-widget ui-widget-content');
     $('div#notebook_panel').addClass('border-box-sizing ui-widget');
 
+    $('ul#menus').wijmenu();
+
     IPython.layout_manager = new IPython.LayoutManager();
     IPython.pager = new IPython.Pager('div#pager', 'div#pager_splitter');
     IPython.left_panel = new IPython.LeftPanel('div#left_panel', 'div#left_panel_splitter');

IPython/frontend/html/notebook/templates/layout.html

@@ -73,10 +73,11 b''
 </div>
 
 <script src="/static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/namespace.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginmain.js" type="text/javascript" charset="utf-8"></script>
 <script src="/static/js/loginwidget.js" type="text/javascript" charset="utf-8"></script>
+
 {% block script %}
 {% end %}
 

IPython/frontend/html/notebook/templates/notebook.html

@@ -15,6 +15,7 b''
     window.mathjax_url = "{{mathjax_url}}";
     </script>
 
+    <link rel="stylesheet" href="/static/jquery/css/jquery.wijmo-open.2.0.0b1.css" type="text/css" />
     <link rel="stylesheet" href="/static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" />
     <link rel="stylesheet" href="/static/codemirror/lib/codemirror.css">
     <link rel="stylesheet" href="/static/codemirror/mode/markdown/markdown.css">
@@ -64,6 +65,77 b''
     <span id="kernel_status">Idle</span>
 </div>
 
+<div id="menu_bar">
+    <ul id="menus">
+        <li><a href="#">File</a>
+            <ul>
+                <li><a href="#">New</a></li>
+                <li><a href="#">Open...</a></li>
+                <li></li>
+                <li><a href="#">Save</a></li>
+                <li></li>
+                <li><a href="#">Download as</a>
+                    <ul>
+                        <li><a href="#">IPython (.ipynb)</a></li>
+                        <li><a href="#">Python (.py)</a></li>
+                    </ul>
+                </li>
+                <li></li>
+                <li><a href="#">Print</a></li>
+                
+            </ul>
+        </li>
+        <li><a href="#">Edit</a>
+            <ul>
+                <li><a href="#">Delete</a></li>
+                <li></li>
+                <li><a href="#">Move Up</a></li>
+                <li><a href="#">Move Down</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Insert</a>
+            <ul>
+                <li><a href="#">Insert Above</a>
+                <li><a href="#">Insert Below</a>
+                </li>
+            </ul>
+        </li>
+        <li><a href="#">Cell</a>
+            <ul>
+                <li><a href="#">Run</a></li>
+                <li><a href="#">Run in Place</a></li>
+                <li><a href="#">Run All</a></li>
+                <li></li>
+                <li><a href="#">Code Cell</a></li>
+                <li><a href="#">Markdown Cell</a></li>
+                <li></li>
+                <li><a href="#">Toggle Output</a></li>
+                <li><a href="#">Clear All Output</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Kernel</a>
+            <ul>
+                <li><a href="#">Interrupt</a></li>
+                <li><a href="#">Restart</a></li>
+            </ul>
+        </li>
+        <li><a href="#">Help</a>
+            <ul>
+                <li><a href="#">IPython Help</a></li>
+                <li><a href="#">Notebook Help</a></li>
+                <li><a href="#">Notebook QuickRef</a></li>
+                <li><h2>External Docs</h2></li>
+                <li><a href="#">Python</a></li>
+                <li><a href="#">NumPy</a></li>
+                <li><a href="#">SciPy</a></li>
+                <li><a href="#">SymPy</a></li>
+                <li><a href="#">Matplotlib</a></li>
+            </ul>
+        </li>
+    </ul>
+
+</div>
+
 <div id="main_app">
 
     <div id="left_panel">
@@ -259,8 +331,10 b''
 </div>
 
 <script src="/static/jquery/js/jquery-1.6.2.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery-ui-1.8.14.custom.min.js" type="text/javascript" charset="utf-8"></script>
-<script src="/static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery-ui-1.8.16.custom.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.wijmo-open.all.2.0.0b1.min.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.bgiframe-2.1.3-pre.js" type="text/javascript" charset="utf-8"></script>
+<script src="/static/jquery/js/jquery.mousewheel.min.js" type="text/javascript" charset="utf-8"></script>
 
 <script src="/static/codemirror/lib/codemirror.js" charset="utf-8"></script>
 <script src="/static/codemirror/mode/python/python.js" charset="utf-8"></script>