Mercurial > MadButterfly

diff inkscape/firefox/content/madbuilder.html @ 352:4350aa369149

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Use jQuery UI components.
author wycc
date Mon, 09 Mar 2009 01:27:33 +0800
parents 63aaf96209cd
children 6fd8da22a5ef
line wrap: on
line diff
--- a/inkscape/firefox/content/madbuilder.html	Sun Mar 08 14:48:12 2009 +0800
+++ b/inkscape/firefox/content/madbuilder.html	Mon Mar 09 01:27:33 2009 +0800
@@ -1,8 +1,13 @@
 <html>
 <head>
+	<link rel="stylesheet" type="text/css" href="tree_component.css" />
+	<script language="javascript" src="css.js"></script>
 	<script language="javascript" src="jquery-1.3.1.js"></script>
 	<script language="javascript" src="jqXMLUtils.js"></script>
 	<script language="javascript" src="jqSOAPClient.js"></script>
+	<script language="javascript" src="tree_component.js"></script>
+	<script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
+
 	<style type="text/css"> 
 		.normal {
 			background-color:write
@@ -11,8 +16,8 @@
 			background-color: yellow
 			}
 		a.button {
-			background:#0ff ;
-			color : # 444 ;
+			background: transparent url('bg_button_a.gif') no-repeat scroll top right;
+			color : #444 ;
 			display : block ; 
 			float : left ; 
 			font : normal 12px arial, sans-serif ;
@@ -22,21 +27,22 @@
 			text-decoration : none ;
 			}
 		a.button span {
-			background : transparent url ( 'bg_button_div.gif' ) no-repeat ;
+			background : transparent url('bg_button_span.gif' ) no-repeat ;
 			display : block ;
-			line- height : 14px; line- height : 14px;
-			padding : 5px 0 5px 18px; padding : 5px 0 5px 18px;
+			line- height : 14px;
+			padding : 5px 0 5px 18px;
 			}
-		a.button :active {
-			background-position : bottom right ;
-			color : # 000 ;
-			outline : none ;
-			}
-		a.button :active span {
-			background-position : bottom left ;
-			padding : 6px 0 4px 18px;
-			}
-	</style> 
+		a.button:active {
+		    	background-position: bottom right;
+		        color: blue;
+			outline: none; /* hide dotted outline in Firefox */
+	    	}
+
+	    	a.button:active span {
+		        background-position: bottom left;
+		        color: blue;
+		    	padding: 6px 0 4px 18px; /* push text down 1px */
+		} 
 	</style>
 </head>
 <body>
@@ -44,17 +50,21 @@
 </div>
 
 <div id='btns'>
+	<br/>
 	<a class='button' href='#'> <span id='Jump'       onClick='onButtonClick(this)'>Jump</span></a>
 	<a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
 	<a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
 	<a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
 	<a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
 	<a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
+	<a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
+	<a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a>
 	<br/>
 	<br/>
 </div>
-<div id='inkscape' width=1000 height=700>
-</div>
+<table>
+	<tr><td width=200 height=700 valign=top><div id='filelist' valign=top> Loading...</div></td><td width=700 height=700> <div id='inkscape'></div></td></tr>
+</table>		
 <script type="text/javascript" src="inkscape.js" >
 </script>
 </body>