Google's new buttons on Safari
I like cocoa-style buttons in Safari on the mac and wasn't happy with Google's decision to change them to a unified (and ugly) cross-platform look. As my HCI teacher used to say all those years ago: if people wanted cross-platform controls they'd all use the same OS.
However, you can specify a custom css stylesheet in Safari, and with far too much trial-and-error I worked out that the following seems to make the buttons behave properly again:
div.ds, span.ds
{
border: none !important;
}
div.lsbb
{
width: 70px;
text-align: center;
padding-top: 5px;
}
div.tsf-p table
{
border: none !important;
}
.lsb
{
/* for Google homepage */
-webkit-appearance: push-button !important;
border: 2px outset buttonface !important;
background: rgb(192,192,192) !important;
-webkit-border-bottom-left-radius: 0 !important;
-webkit-border-bottom-right-radius: 0 !important;
-webkit-border-top-left-radius: 0 !important;
-webkit-border-top-right-radius: 0 !important;
font-size: 24px !important;
}
div.lsbb, span.lsbb
{
background: none !important;
border: none !important;
}
.lsb:active
{
border: 2px inset buttonface !important;
}
.lst
{
font-size: 15px !important;
}
.gac_m td
{
line-height: 17px !important;
font-size: smaller !important;
}
You may also find this helpful. Or you may think I'm an idiot for spending time on such a trivial thing. What can I say? You're probably right.
Comments
Post a Comment