Added basic implementation of issue 313 (logo becomes main menu button)

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1202 eee81c28-f429-11dd-99c0-75d572ba1ddd

editor/svg-editor.css

@@ -232,22 +232,91 @@
 	float: left;
 }
 
-#svg_editor #logo {
+#svg_editor #main_button {
 	position: absolute;
 	top: 4px;
 	left: 4px;
 	padding: 0px;
+	width: 44px;
+	height: 30px;
+	border-radius: 8px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
 }
 
-#svg_editor #logo a img {
+#svg_editor #main_button:hover {
+	top: 2px;
+	left: 2px;
+	padding: 1px 0 2px 1px;
+	border-left: 1px #fcd9ba solid;
+	border-top: 1px #fcd9ba solid;
+	border-right: 1px #e0a874 solid;
+	border-bottom: 1px #e0a874 solid;
+	background-color: #FFC;
+}
+
+#svg_editor #main_menu {
+/*	position: */
+	z-index: 1;
+	background: #E8E8E8;
+	position: relative;
+	width: 200px;
+	padding: 5px;
+	-moz-box-shadow: #555 1px 1px 4px;
+	-webkit-box-shadow: #555 1px 1px 4px;
+	font-size: 1.1em;
+	display: none;
+}
+
+#svg_editor #main_menu ul,
+#svg_editor #main_menu li {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+#svg_editor #main_menu li {
+/*	height: 35px;*/
+	line-height: 22px;
+	padding-top: 2px;
+	padding-left: 2px;
+	overflow: auto;
+	cursor: default;
+}
+
+#svg_editor #main_menu li:hover {
+	background: #FFC;
+}
+
+#svg_editor #main_menu li > div {
+	float: left;
+	padding-right: 5px;
+}
+
+#svg_editor #main_menu p {
+	margin-top: 5px;
+}
+
+#svg_editor #logo img {
 	border: 0;
 	width: 32px;
 	height: 32px;
 }
 
+#main_button > div {
+	float: left;
+}
+
+#svg_editor #main_button .dropdown {
+	padding-top: 10px;
+	margin-left: -1px;
+}
+
+
+
 #svg_editor #tools_top {
 	position: absolute;
-	left: 38px;
+	left: 50px;
 	right: 2px;
 	top: 2px;
 	height: 72px;
@@ -442,51 +511,18 @@ span.zoom_tool {
 	cursor: pointer;
 }
 
-/*
-div.fileinputs {
-	position: relative;
-}
-
-div.fakefile {
-	position: absolute;
-	top: 2px;
-	left: 2px;
-	z-index: 0;
-}
-
-div.fileinputs svg {
-	position: relative;
-	width: 24px;
-	height: 24px;
-	z-index: 2;
-	cursor: pointer;
-}
-*/
-
-/* the file input control is placed on top but made invisible */
-/* TODO: is moz-opacity really needed? filter? */
-/*
-input.file {
-	position: relative;
-	text-align: right;
-	-moz-opacity: 0;
-	filter:alpha(opacity: 0);
-	opacity: 0;
-}
-*/
-
-#fileinputs {
+#svg_editor #main_menu li#tool_open {
 	position: relative;
 	overflow: hidden;
 }
 
-#fileinputs input {
-	-moz-transform: scale(2.0); /* Not entirely necessary, but keeps it nice and big for OS X*/
+#tool_open input {
+	-moz-transform: scale(4,2); /* Not entirely necessary, but keeps it nice and big for OS X*/
 	height: 100%;
 	position: absolute;
 	opacity: 0;
 	top: -3px;
-	right: 10px;
+	right: 270px;
 	margin: 0;
 	cursor: pointer; /* Sadly doesn't appear to have an effect */
 }