2009-08-28 17:00:47 +00:00
|
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<title>Layout Editor</title>
|
|
|
|
<script type="text/javascript" src="prototype.js"></script>
|
|
|
|
<script type="text/javascript" src="LayoutEditor.js"></script>
|
|
|
|
<style type="text/css">
|
2009-08-29 15:13:18 +00:00
|
|
|
#layout-editor-container > div {
|
|
|
|
}
|
|
|
|
|
|
|
|
#layout-editor-container > div > div {
|
|
|
|
border: solid red 1px;
|
|
|
|
background-color: #aaa;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%
|
2009-08-28 17:00:47 +00:00
|
|
|
}
|
2009-08-29 18:26:55 +00:00
|
|
|
|
|
|
|
#layout-editor-container div.top,
|
|
|
|
#layout-editor-container div.bottom {
|
|
|
|
height: 5px;
|
|
|
|
background: #999;
|
|
|
|
position: absolute;
|
|
|
|
border: none
|
|
|
|
}
|
|
|
|
|
|
|
|
#layout-editor-container div.top {
|
|
|
|
cursor: n-resize
|
|
|
|
}
|
|
|
|
|
|
|
|
#layout-editor-container div.bottom {
|
|
|
|
cursor: s-resize
|
|
|
|
}
|
2009-08-28 17:00:47 +00:00
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="layout-editor-container" style="width: 300px"></div>
|
|
|
|
<form id="layout-editor-controls">
|
2009-08-29 15:13:18 +00:00
|
|
|
<h3>Sidebars</h3>
|
2009-08-29 18:26:55 +00:00
|
|
|
|
2009-08-28 17:00:47 +00:00
|
|
|
</form>
|
|
|
|
</body>
|
2009-08-29 15:13:18 +00:00
|
|
|
</html>
|