Mock-up of side panels concept (for layers)

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

editor/svg-editor.css

@@ -57,16 +57,29 @@ body {
 }
 
 #svg_editor div#workarea {
+	display: inline-block;
 	position:absolute;
 	top: 75px;
 	left: 40px;
-	right: 2px;
 	bottom: 60px;
+	right: 155px;
 	background-color: #A0A0A0;
 	border: 1px solid #808080;
 	overflow: auto;
 }
 
+#svg_editor #sidepanels {
+	display: inline-block;
+	background-color: #E8E8E8;
+	position:absolute;
+	top: 75px;
+	bottom: 60px;
+	right: 0px;
+	width: 150px;
+	border-color: blue;
+	border-style: solid;
+}
+
 #svg_editor div.palette_item {
 	height: 16px;
 	width: 16px;

editor/svg-editor.html

@@ -33,6 +33,10 @@
 <div id="svgcanvas"></div>
 </div>
 
+<div id="sidepanels">
+TODO: Side Panels go here
+</div>
+
 <div id="logo">
 	<a href="http://svg-edit.googlecode.com/" target="_blank" title="SVG-edit Home Page">
 		<img src="images/logo.png" alt="logo" />