Mercurial > MadButterfly

comparison 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
comparison
equal deleted inserted replaced
351:4ae9888bbde6 352:4350aa369149
1 <html> 1 <html>
2 <head> 2 <head>
3 <link rel="stylesheet" type="text/css" href="tree_component.css" />
4 <script language="javascript" src="css.js"></script>
3 <script language="javascript" src="jquery-1.3.1.js"></script> 5 <script language="javascript" src="jquery-1.3.1.js"></script>
4 <script language="javascript" src="jqXMLUtils.js"></script> 6 <script language="javascript" src="jqXMLUtils.js"></script>
5 <script language="javascript" src="jqSOAPClient.js"></script> 7 <script language="javascript" src="jqSOAPClient.js"></script>
8 <script language="javascript" src="tree_component.js"></script>
9 <script type="text/javascript" src="js/jquery-ui-1.7.custom.min.js"></script>
10
6 <style type="text/css"> 11 <style type="text/css">
7 .normal { 12 .normal {
8 background-color:write 13 background-color:write
9 } 14 }
10 .active { 15 .active {
11 background-color: yellow 16 background-color: yellow
12 } 17 }
13 a.button { 18 a.button {
14 background:#0ff ; 19 background: transparent url('bg_button_a.gif') no-repeat scroll top right;
15 color : # 444 ; 20 color : #444 ;
16 display : block ; 21 display : block ;
17 float : left ; 22 float : left ;
18 font : normal 12px arial, sans-serif ; 23 font : normal 12px arial, sans-serif ;
19 height : 24px; 24 height : 24px;
20 margin-right : 6px; 25 margin-right : 6px;
21 padding-right : 18px; 26 padding-right : 18px;
22 text-decoration : none ; 27 text-decoration : none ;
23 } 28 }
24 a.button span { 29 a.button span {
25 background : transparent url ( 'bg_button_div.gif' ) no-repeat ; 30 background : transparent url('bg_button_span.gif' ) no-repeat ;
26 display : block ; 31 display : block ;
27 line- height : 14px; line- height : 14px; 32 line- height : 14px;
28 padding : 5px 0 5px 18px; padding : 5px 0 5px 18px; 33 padding : 5px 0 5px 18px;
29 } 34 }
30 a.button :active { 35 a.button:active {
31 background-position : bottom right ; 36 background-position: bottom right;
32 color : # 000 ; 37 color: blue;
33 outline : none ; 38 outline: none; /* hide dotted outline in Firefox */
34 } 39 }
35 a.button :active span { 40
36 background-position : bottom left ; 41 a.button:active span {
37 padding : 6px 0 4px 18px; 42 background-position: bottom left;
38 } 43 color: blue;
39 </style> 44 padding: 6px 0 4px 18px; /* push text down 1px */
45 }
40 </style> 46 </style>
41 </head> 47 </head>
42 <body> 48 <body>
43 <div id='frame' width=800 height=200> 49 <div id='frame' width=800 height=200>
44 </div> 50 </div>
45 51
46 <div id='btns'> 52 <div id='btns'>
53 <br/>
47 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a> 54 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a>
48 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a> 55 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
49 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a> 56 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
50 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a> 57 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
51 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a> 58 <a class='button' href='#'> <span id='MakeSymbol' onClick='onButtonClick(this)'>Make Symbol</span></a>
52 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a> 59 <a class='button' href='#'> <span id='MakeButton' onClick='onButtonClick(this)'>make Button</span></a>
60 <a class='button' href='#'> <span id='EditAnimation' onClick='onButtonClick(this)'>Edit Animation</span></a>
61 <a class='button' href='#'> <span id='Test' onClick='onButtonClick(this)'>Test</span></a>
53 <br/> 62 <br/>
54 <br/> 63 <br/>
55 </div> 64 </div>
56 <div id='inkscape' width=1000 height=700> 65 <table>
57 </div> 66 <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>
67 </table>
58 <script type="text/javascript" src="inkscape.js" > 68 <script type="text/javascript" src="inkscape.js" >
59 </script> 69 </script>
60 </body> 70 </body>
61 </html> 71 </html>