Changes to the prototype of Ride(Rich IDE)

docs/RIDE/components/ide.php

@@ -4,7 +4,66 @@
 ?>
 <div id="appBody">
     <div id="menuPanel">
-        <br/>
+        <nav id="menuList">
+            <ul>
+               <li tabindex="0">
+                   File
+                   <ul>
+                      <li>New project</li>
+                      <li>Open</li>
+                      <li class="depends-on-project">Save</li>
+                      <li class="depends-on-project">Save as...</li>
+                      <li class="separator"></li>
+                      <li>Import</li>
+                      <li class="depends-on-project">Export</li>
+                      <li class="separator"></li>
+                      <li>Exit</li>
+                   </ul>
+               </li>
+
+               <li tabindex="0">
+                   Edit
+                   <ul>
+                      <li class="depends-on-project">Project properties</li>
+                      <li>User properties</li>
+                      <li>User preferences</li>
+                      <li class="separator"></li>
+                      <li>Manage projects</li>
+                      <li class="depends-on-admin">Manage users</li>
+                   </ul>
+               </li>
+
+               <li tabindex="0">
+                   View
+                   <ul>
+                      <li>Left Panel</li>
+                      <li>Output Panel</li>
+                   </ul>
+               </li>
+
+               <li tabindex="0">
+                   Tools
+                   <ul>
+                      <li class="depends-on-project">Analyze project</li>
+                      <li class="depends-on-project">Update project</li>
+                      <li class="depends-on-project">Commit project</li>
+                      <li class="depends-on-project">Generate...</li>
+                   </ul>
+               </li>
+
+               <li tabindex="0">
+                   Help
+                   <ul>
+                      <li>Documentation</li>
+                      <li>User Interface</li>
+                      <li>User group</li>
+                      <li class="separator"></li>
+                      <li>Report a bug</li>
+                      <li>Contribute</li>
+                   </ul>
+               </li>
+            </ul>
+        </nav>
     </div>
     <div id="toolsPanel">
         <br/>

docs/RIDE/css/mind-RIDE.css

@@ -1,4 +1,4 @@
-/* 
+/*
     Document   : mind-RIDE
     Created on : Jun 10, 2011, 8:18:20 PM
     Author     : felipenmoura
@@ -6,7 +6,7 @@
         Purpose of the stylesheet follows.
 */
 
-root { 
+root {
     display: block;
     height:100%;
 }
@@ -71,8 +71,31 @@ body
     position:absolute;
 }
 
-
-
-
+#menuList{
+    position: relative;
+}
+#menuList ul{
+    margin: 0px;
+    padding: 0px;
+    list-style: none;
+}
+#menuList>ul>li{
+    padding: 4px;
+    margin-righ: 1px;
+    position: relative;
+    float: left;
+}
+#menuList>ul>li ul{
+    margin: 0px;
+    padding: 0px;
+    position: absolute;
+    display: none;
+}
+#menuList ul li:hover ul{
+    display: block;
+}
+#menuList ul li:focus ul{
+
+}