CSS changes to support color picker widget

This commit is contained in:
Nathan Gray 2012-05-02 22:29:15 +00:00
parent 5c19a16789
commit b464850c12

View File

@ -121,7 +121,7 @@ a.et2_url.url {
text-shadow: 1px 1px #E0E0E0; text-shadow: 1px 1px #E0E0E0;
} }
.et2_button_text { .et2_button_text, input[type=button] {
background-color: #E0E0E0; background-color: #E0E0E0;
background-image: url(images/gradient01.png); background-image: url(images/gradient01.png);
background-position: center; background-position: center;
@ -138,21 +138,31 @@ a.et2_url.url {
background: transparent; background: transparent;
padding: 2px; padding: 2px;
} }
button.et2_button_text:hover { button.et2_button_text:hover, input[type=button]:hover {
color: #050505; color: #050505;
border: 1px solid gray; border: 1px solid gray;
background-color: #D0D0EE; background-color: #D0D0EE;
} }
button.et2_button_text:active { button.et2_button_text:active, input[type=button]:active {
background-image: url(images/gradient02.png); background-image: url(images/gradient02.png);
background-color: #D0D0E0; background-color: #D0D0E0;
} }
button.et2_button_text:focus { button.et2_button_text:focus, input[type=button]:focus {
border: 1px solid #2c3d6f; border: 1px solid #2c3d6f;
color: #202d52; color: #202d52;
outline: none; outline: none;
} }
/**
* Color picker widget
*/
.et2_color {
padding: .5ex;
height: 2ex;
width: 2ex;
border: 1px solid silver;
}
/** /**
* Text box * Text box
*/ */