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

Part of Issue 407: consistent styling of hover/pushed buttons

Browse Source 
git-svn-id: http://svg-edit.googlecode.com/svn/trunk@1362 eee81c28-f429-11dd-99c0-75d572ba1ddd
This commit is contained in:
Jeff Schiller
2010-02-09 06:44:12 +00:00
parent c032cfb370
commit 8805307592
3 changed files with 57 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
editor/svg-editor.css
View File

@@ -262,21 +262,26 @@
-webkit-border-radius: 8px;
}
#svg_editor #main_icon:hover,
#svg_editor #main_icon.down {
border-left: 1px #fcd9ba solid;
border-top: 1px #fcd9ba solid;
border-right: 1px #e0a874 solid;
border-bottom: 1px #e0a874 solid;
background-color: #FFC;
#svg_editor .tool_button:hover,
#svg_editor .push_button:hover,
#svg_editor .buttonup:hover,
#svg_editor .buttondown,
#svg_editor .tool_button_current,
#svg_editor .push_button_pressed
{
border-left: 1px #fcd9ba solid !important;
border-top: 1px #fcd9ba solid !important;
border-right: 1px #e0a874 solid !important;
border-bottom: 1px #e0a874 solid !important;
background-color: #FFC !important;
}
#svg_editor #main_icon.down {
background-color: #f4e284;
border-top: 1px solid #630;
border-left: 1px solid #630;
top: -1px;
left: -1px;
#svg_editor .tool_button_current,
#svg_editor .push_button_pressed,
#svg_editor .buttondown {
background-color: #f4e284 !important;
border-top: 1px solid #630 !important;
border-left: 1px solid #630 !important;
}
#svg_editor #main_icon span {
@@ -440,7 +445,8 @@
height: 15px;
}
#svg_editor #tools_left .tool_button {
#svg_editor #tools_left .tool_button,
#svg_editor #tools_left .tool_button_current {
position: relative;
z-index: 11;
}
@@ -542,7 +548,9 @@ span.zoom_tool {
#svg_editor .tool_button,
#svg_editor .push_button,
#svg_editor .tool_button_current {
#svg_editor .tool_button_current,
#svg_editor .push_button_pressed
{
height: 24px;
width: 24px;
margin: 2px;
@@ -553,6 +561,9 @@ span.zoom_tool {
border-bottom: 1px solid #808080;
background-color: #E8E8E8;
cursor: pointer;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#svg_editor #main_menu li#tool_open {
@@ -571,15 +582,6 @@ span.zoom_tool {
cursor: pointer; /* Sadly doesn't appear to have an effect */
}
#svg_editor .tool_button_current,
#svg_editor .push_button_pressed {
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #B0B0B0;
}
#svg_editor .disabled {
opacity: 0.5;
cursor: default;
@@ -653,11 +655,6 @@ span.zoom_tool {
width: 28px;
}
#svg_editor .tool_button:hover,
#svg_editor .push_button:hover {
background-color: #FFF;
}
#svg_editor #tools_bottom {
position: absolute;
left: 40px;
@@ -711,15 +708,6 @@ span.zoom_tool {
z-index: 6;
}
/*
top: 100px;
left: 80px;
right: 80px;
bottom: 100px;
*/
#svg_docprops #svg_docprops_container {
position: absolute;
top: 50px;
@@ -957,19 +945,15 @@ button#tool_docprops_cancel {
border: 1px solid #000;
}
/* Possibly not necessary */
/* Necessary to keep the flyouts sized properly */
#svg_editor .tools_flyout .tool_button,
#svg_editor .tools_flyout .tool_flyout {
padding: 2px;
width: 24px;
height: 24px;
margin: 0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#svg_editor .tools_flyout .tool_button:hover {
border-left: 1px solid #808080;
border-top: 1px solid #808080;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
background-color: #B0B0B0;
}