Closing out Issue 36 with new layout from svg-edit-layout branch

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@215 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2009-06-28 04:20:34 +00:00
parent 347896cb6c
commit 83f2dbf6df
3 changed files with 165 additions and 132 deletions

View File

@@ -1,3 +1,7 @@
body {
background-color: #E8E8E8;
}
#svg_editor {
font-size: 8pt;
font-family: Verdana, Helvetica, Arial;
@@ -18,24 +22,30 @@
}
#svg_editor #svgroot {
width: 640px;
height: 480px;
-moz-user-select: none;
}
#svg_editor #svgcanvas {
background-color: #FFFFFF;
text-align: center;
vertical-align: middle;
width: 640px;
height: 480px;
border: 1px solid #808080;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
}
#svg_editor div#palette_holder {
border: 1px solid #808080;
border: 2px solid #808080;
border-top: none;
float: left;
width: 640px;
overflow-x: scroll;
overflow-y: hidden;
position: absolute;
left: 75px;
right: 2px;
bottom: 22px;
height: 31px;
}
@@ -61,7 +71,14 @@
}
#svg_editor div#workarea {
float: left;
position:absolute;
top: 70px;
left: 75px;
right: 2px;
bottom: 53px;
background-color: #E8E8E8;
border: 2px solid #808080;
overflow: auto;
}
#svg_editor div.palette_item {
@@ -71,16 +88,16 @@
}
#svg_editor .tools_panel {
background: #E8E8E8;
border: 1px solid #808080;
padding: 4px;
float: left;
clear: both;
/* background: #E8E8E8;*/
/* border: 1px solid #808080;*/
}
#svg_editor #context_tools {
width: 705px;
height: 34px;
position: absolute;
left: 19px;
right: 2px;
top: 2px;
height: 68px;
border-bottom: none;
}
@@ -88,10 +105,22 @@
float: left;
}
#svg_editor #tools_container {
position: absolute;
left: 2px;
top: 70px;
bottom: 22px;
}
#svg_editor #tools {
border-right: none;
height: 504px;
width: 64px;
width: 70px;
text-align: center;
}
/* TODO: fix this */
div.color_block {
display:inline-block;
}
#svg_editor #selected_panel {
@@ -184,6 +213,7 @@
display: none;
cursor: pointer;
float: left;
width: 300px;
}
#svg_editor #tool_square {
@@ -222,12 +252,18 @@
}
#svg_editor #footer {
width: 705px;
position: absolute;
left: 75px;
right: 2px;
bottom: 2px;
height: 20px;
border-top: none;
}
#svg_editor #footer_left {
float: left;
position: absolute;
top: -2px;
}
#svg_editor #footer_right {