github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improved design

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@20 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Pavol Rusnak
2009-06-03 13:03:10 +00:00
parent cf317f0171
commit d01e3497b5
11 changed files with 160 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
svg-editor.css
View File

@@ -1,4 +1,18 @@
#svg_editor .canvas {
#svg_editor {
font-size: 8pt;
font-family: Verdana, Helvetica, Arial;
}
#svg_editor hr {
border: none;
border-bottom: 1px solid #808080;
}
#svg_editor select {
margin-top: 4px;
}
#svg_editor .svgcanvas {
width: 640px;
height: 480px;
border: 1px solid #808080;
@@ -18,6 +32,7 @@
height: 16px;
width: 16px;
border: 1px solid #808080;
cursor: pointer;
}
#fill_color {
@@ -48,16 +63,39 @@
float: left;
}
.tool_button {
height: 16px;
width: 16px;
border: 4px solid #E8E8E4;
#tools {
background: #E8E8E8;
height: 504px;
border: 1px solid #808080;
border-right: none;
padding: 4px;
}
.tool_button, .tool_button_current {
height: 24px;
width: 24px;
border: 1px solid red;
margin: 2px;
padding: 2px;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
cursor: pointer;
}
.tool_button_current {
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #B0B0B0;
}
#color_pick {
position: absolute;
display: none;
background: white;
background: #E8E8E8;
border: 1px solid #808080;
padding: 5px;
}
@@ -69,3 +107,32 @@
float: left;
margin: 5px;
}
#color_pick_ok {
background: #E8E8E8;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
}
#tools_rect, #tools_circle {
position: absolute;
display: none;
height: 28px;
width: 90px;
background: red;
cursor: pointer;
float: left;
}
#tools_rect div, #tools_circle div {
float: left;
background: #E8E8E8;
border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
height: 28px;
width: 28px;
}