Mercurial > MadButterfly

comparison inkscape/firefox/content/madbuilder.html @ 376:7d244a85dd68

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Change the screen layout to make it more like an usual IDE.
author wycc
date Sat, 04 Apr 2009 06:12:10 +0800
parents 3d21115297ba
children 29145d2affdb
comparison
equal deleted inserted replaced
371:3d21115297ba 376:7d244a85dd68
44 a.button:active span { 44 a.button:active span {
45 background-position: bottom left; 45 background-position: bottom left;
46 color: blue; 46 color: blue;
47 padding: 6px 0 4px 18px; /* push text down 1px */ 47 padding: 6px 0 4px 18px; /* push text down 1px */
48 } 48 }
49 .filepanel {
50 height:700px
51 }
49 </style> 52 </style>
50 </head> 53 </head>
51 <body> 54 <body>
52 <div id='frame' width=800 height=200> 55 <div class='draggable' id='frame' width=1100 height=200>
53 </div> 56 </div>
54 57
55 <div id='btns'> 58 <div class='buttonpanel' id='btns'>
56 <br/> 59 <br/>
57 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a> 60 <a class='button' href='#'> <span id='Jump' onClick='onButtonClick(this)'>Jump</span></a>
58 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a> 61 <a class='button' href='#'> <span id='InsertKey' onClick='onButtonClick(this)'>Insert</span></a>
59 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a> 62 <a class='button' href='#'> <span id='ExtendScene' onClick='onButtonClick(this)'>Extend</span></a>
60 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a> 63 <a class='button' href='#'> <span id='DeleteScene' onClick='onButtonClick(this)'>Delete</span></a>
65 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a> 68 <a class='button' href='#'> <span id='Save' onClick='onButtonClick(this)'>Save</span></a>
66 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a> 69 <a class='button' href='#'> <span id='Wizard' onClick='wizard.execute()'>Wizard</span></a>
67 <br/> 70 <br/>
68 <br/> 71 <br/>
69 </div> 72 </div>
70 <table> 73
71 <tr><td width=200 height=700 valign=top><div id='filelist' valign=top></div></td><td width=700 height=700 valign=top> <div id='inkscape'></div><div id='editor'></div></td></tr> 74 <table><tr>
72 </table> 75 <td valign='top'>
76 <div width='200' height='700' id='list'>
77 <ul>
78 <li><a href='#filelist'>Project</a></li>
79 <li><a href='#sourcelist'>Source list</a></li>
80 </ul>
81 <span class='filepanel' height='600' id='filelist' valign='top'/>
82 <span class='filepanel' id='sourcelist' valign=top/>
83 </div>
84 </td>
85 <td valign='top' width='900'>
86 <div id='display'>
87 <ul>
88 <li><a href='#inkscape'>MBSVG</a></li>
89 <li><a href='#editor'>Editor</a></li>
90 <li><a href='#compiler'>Compiler</a></li>
91 <li><a href='#debugger'>Debugger</a></li>
92 </ul>
93 <div>
94 <div class='filepanel' id='inkscape'></div>
95 <div class='filepanel' id='editor'></div>
96 <div class='filepanel' id='compiler'></div>
97 <div class='filepanel' id='debugger'></div>
98 </div>
99 </div>
100 </td>
101 </table>
102
103
104
73 <div id='filedialog'></div> 105 <div id='filedialog'></div>
74 106
75 <div id='wizard'> 107 <div id='wizard'>
76 The name of the project<br> 108 The name of the project<br>
77 <input type=text id='wizardname' value='default'/><br> 109 <input type=text id='wizardname' value='default'/><br>