style the menu buttons (imperfectionistically) and get rid of the menus (who needs them anyways? haha?)

main
Isaiah Odhner 2014-05-23 19:44:26 -04:00
parent 7fcc875f1a
commit 31f73d46f2
2 changed files with 17 additions and 4 deletions

View File

@ -28,8 +28,21 @@
font: menu; font: menu;
cursor: default; cursor: default;
} }
.jspaint-menu-container {
margin-bottom: 1px;
}
.jspaint-menu-button { .jspaint-menu-button {
padding: 3px 5px; padding: 2px 5px;
position: relative;
}
.jspaint-menu-button:hover {
box-shadow: 1px 1px 0 white inset, -1px -1px 0 #707070 inset;
}
.jspaint-menu-button:active,
.jspaint-menu-button.active {
box-shadow: 1px 1px 0 #707070 inset, -1px -1px 0 white inset;
top: 1px;
left: 1px;
} }
.jspaint-menu-popup { .jspaint-menu-popup {
background: #c0c0c0; background: #c0c0c0;

View File

@ -55,9 +55,6 @@ html, body, .jspaint {
} }
.jspaint-menu-popup { .jspaint-menu-popup {
display: none; display: none;
}
.jspaint-menu-container:hover .jspaint-menu-popup {
display: block;
position: absolute; position: absolute;
top: 20px; top: 20px;
left: 0; left: 0;
@ -65,6 +62,9 @@ html, body, .jspaint {
min-width: 107px; min-width: 107px;
box-sizing: border-box; box-sizing: border-box;
} }
.jspaint-menu-popup.visible {
display: block;
}
.jspaint-menu-item { .jspaint-menu-item {
display: block; display: block;
} }