diff --git a/editor/svg-editor.css b/editor/svg-editor.css index 0d584919..da5dbfee 100644 --- a/editor/svg-editor.css +++ b/editor/svg-editor.css @@ -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; -} \ No newline at end of file diff --git a/editor/svg-editor.html b/editor/svg-editor.html index 5161b72d..b5ae50e3 100644 --- a/editor/svg-editor.html +++ b/editor/svg-editor.html @@ -77,7 +77,7 @@ script type="text/javascript" src="locale/locale.min.js">