r2634 - spinner: reduced width of spinner buttons from 22px to 16px - looks better visually.
Author: pazu2k@gmail.com
Date: Sat May 30 13:48:24 2009
New Revision: 2634
Modified:
branches/dev/spinner/themes/base/ui.spinner.css
Log:
spinner: reduced width of spinner buttons from 22px to 16px - looks better
visually.
Modified: branches/dev/spinner/themes/base/ui.spinner.css
==============================================================================
--- branches/dev/spinner/themes/base/ui.spinner.css (original)
+++ branches/dev/spinner/themes/base/ui.spinner.css Sat May 30 13:48:24 2009
@@ -2,9 +2,9 @@
----------------------------------*/
.ui-spinner { position:relative; display: inline-block; overflow: hidden;
padding: 0; vertical-align: middle; height: 1.8em; }
.ui-spinner-box { border: none; background: none; padding: 0; margin: .2em
0; vertical-align: middle; color: inherit; }
-.ui-spinner-button { width: 22px; height: 50%; font-size: .5em; padding:
0; margin: 0; z-index: 100; text-align: center; vertical-align: middle;
position: absolute; cursor: default; display: block; overflow: hidden; }
+.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding:
0; margin: 0; z-index: 100; text-align: center; vertical-align: middle;
position: absolute; cursor: default; display: block; overflow: hidden; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; }
/* more specificity required here to overide default borders */
-.ui-spinner-button-inner { width: 16px; height: 100%; display: block;
position: relative; margin: auto; } /* horizontal centre icon */
+.ui-spinner-button-inner { width: 16px; height: 100%; display: block;
position: relative; margin: auto; } /* horizontal centre icon (ONLY needed
if ui-spinner-button is wider than 16px) */
.ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%;
left: 0; } /* vertical centre icon */
.ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; }