made menu look prettier

Author: amrdraz

components/css/MenuPanel.css

@@ -0,0 +1,14 @@
+.menu-panel {
+	background:#222;
+}
+.menu-panel a {
+	display:block;
+	padding:8px;
+	line-height:12px;
+	background: #111;
+	border-bottom:#aaa;
+	text-decoration: none;
+}
+.menu-panel a:hover {
+	background: #333;
+}

components/js/MenuPanel.js

@@ -17,18 +17,18 @@ var MenuPanel = new Class({
         this.parent(options||{});
         this.paper = R;
         this.bind(["svgExport","raphaelExport","save","load"]);
-        var p = this.panel;
+        var p = this.panel.addClass("menu-panel");
         p.adopt(
             new Element("a", {href: "svg.php", text: "Download SVG", events: {
                 mousedown: this.bound.svgExport
             }}),
-            new Element("a", {href: "raphael.php", text: "Download Raphael", events: {
+            new Element("a", {href: "raphael.php", title:"Not working",text: "Download Raphael", events: {
                 mousedown: this.bound.rapahelExport
             }}),
-            new Element("a", {text: "Save", events: {
+            new Element("a", {text: "Save", title:"Not working",events: {
                 mousedown: this.bound.save
             }}),
-            new Element("a", {text: "Load", events: {
+            new Element("a", {text: "Load",title:"Not working", events: {
                 mousedown: this.bound.load
             }})
         );

index.html

@@ -14,6 +14,8 @@
   <link rel='stylesheet' type='text/css' href="components/css/TabPanel.css" />
   <link rel='stylesheet' type='text/css' href="components/css/propretiesPanel.css" />
   <link rel='stylesheet' type='text/css' href="components/css/editorCanvas.css"  />
+  
+  <link rel='stylesheet' type='text/css' href="components/css/MenuPanel.css"  />
   <link rel='stylesheet' type='text/css' href="components/css/ElementsPanel.css"  />
   <link rel='stylesheet' type='text/css' href="components/css/TimePanel.css"  />
   <link rel='stylesheet' type='text/css' href="css/codemirror.css"  />