108 lines
3.1 KiB
CSS
108 lines
3.1 KiB
CSS
/** Mac Buttons **/
|
|
|
|
button, input[type="button"], input[type="submit"], input[type="reset"] {
|
|
border : 0px;
|
|
-moz-user-focus : normal;
|
|
-moz-user-select : none;
|
|
min-width : 60px;
|
|
color : #000000;
|
|
background-color : transparent !important; /* Greatly increases responsiveness and 'feel' */
|
|
font : 10px geneva;
|
|
padding : 0px;
|
|
margin : 0px;
|
|
}
|
|
|
|
input[type="submit"],input[type="reset"] {
|
|
font : 10pt geneva;
|
|
font-weight : bold !important;
|
|
}
|
|
|
|
.button-image-left {
|
|
background : url(button-normal-left.gif) no-repeat;
|
|
width : 4px;
|
|
height : 20px;
|
|
-moz-user-focus : none;
|
|
}
|
|
|
|
.button-image-middle {
|
|
background : url(button-normal-middle.gif) repeat-x;
|
|
-moz-user-focus : none;
|
|
}
|
|
|
|
.button-text-box {
|
|
text-align : center;
|
|
vertical-align : middle;
|
|
padding : 0px 3px;
|
|
}
|
|
|
|
.button-image-right {
|
|
background : url(button-normal-right.gif) no-repeat;
|
|
width : 4px;
|
|
height : 20px;
|
|
-moz-user-focus : none;
|
|
}
|
|
|
|
.button-top-spacer {
|
|
height : 2px;
|
|
}
|
|
|
|
.button-bottom-spacer {
|
|
height : 3px;
|
|
}
|
|
|
|
button:hover:active,
|
|
input[type="button"]:hover:active,
|
|
input[type="submit"]:hover:active,
|
|
input[type="reset"]:hover:active
|
|
{
|
|
color : #FFFFFF
|
|
}
|
|
|
|
button:hover:active > .button-image-left,
|
|
input[type="button"]:hover:active > .button-image-left,
|
|
input[type="submit"]:hover:active > .button-image-left,
|
|
input[type="reset"]:hover:active > .button-image-left
|
|
{
|
|
background : url(button-pressed-left.gif) no-repeat;
|
|
}
|
|
|
|
button:hover:active > .button-image-middle,
|
|
input[type="button"]:hover:active > .button-image-middle,
|
|
input[type="submit"]:hover:active > .button-image-middle,
|
|
input[type="reset"]:hover:active > .button-image-middle
|
|
{
|
|
background : url(button-pressed-middle.gif) repeat-x;
|
|
}
|
|
|
|
button:hover:active > .button-image-right
|
|
input[type="button"]:hover:active > .button-image-right,
|
|
input[type="submit"]:hover:active > .button-image-right,
|
|
input[type="reset"]:hover:active > .button-image-right
|
|
{
|
|
background : url(button-pressed-right.gif) no-repeat;
|
|
}
|
|
|
|
button[disabled]:hover:active > .button-image-left,
|
|
input[type="button"][disabled]:hover:active > .button-image-left,
|
|
input[type="submit"][disabled]:hover:active > .button-image-left,
|
|
input[type="reset"][disabled]:hover:active > .button-image-left,
|
|
.button-image-left[disabled] {
|
|
background : url(button-disabled-left.gif) no-repeat;
|
|
}
|
|
|
|
button[disabled]:hover:active > .button-image-middle,
|
|
input[type="button"][disabled]:hover:active > .button-image-middle,
|
|
input[type="submit"][disabled]:hover:active > .button-image-middle,
|
|
input[type="reset"][disabled]:hover:active > .button-image-middle,
|
|
.button-image-middle[disabled] {
|
|
background : url(button-disabled-middle.gif) repeat-x;
|
|
}
|
|
|
|
button[disabled]:hover:active > .button-image-right,
|
|
input[type="button"][disabled]:hover:active > .button-image-right,
|
|
input[type="submit"][disabled]:hover:active > .button-image-right,
|
|
input[type="reset"][disabled]:hover:active > .button-image-right,
|
|
.button-image-right[disabled] {
|
|
background : url(button-disabled-right.gif) no-repeat;
|
|
}
|