From 861b7c3b204442ee8ab72d2688e5b2e451b13711 Mon Sep 17 00:00:00 2001 From: auipga Date: Sun, 26 Jun 2011 05:46:44 -0700 Subject: [PATCH] If you are repeating the buttons very often by the line some of the heigt of some middle buttons are too little. I adjusted the line-heigt of a.button, button from 1.11 to 1.26. The overall heigt of the buttons is now 25 instead of 24 px. I found no value between 1.11 and 1.26 witch would match the 24px exact. --- stylesheets/css3buttons.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/css3buttons.css b/stylesheets/css3buttons.css index 5a0c34f..aea954f 100644 --- a/stylesheets/css3buttons.css +++ b/stylesheets/css3buttons.css @@ -1,4 +1,4 @@ -a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; } +a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.26; *display: inline; *vertical-align: middle; } button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; } a.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;} button::-moz-focus-inner { border: 0; padding:0px; }