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

Popular posts from this blog

Apple No More?

Setting XCode brace options

Delicious Serial