resources/jquery.ui/themes/default/jquery.ui.button.css

   1 /*!
   2  * jQuery UI Button 1.8.24
   3  *
   4  * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
   5  * Dual licensed under the MIT or GPL Version 2 licenses.
   6  * http://jquery.org/license
   7  *
   8  * http://docs.jquery.com/UI/Button#theming
   9  */
  10
  11 .ui-button {
  12         display: inline-block;
  13         position: relative;
  14         padding: 0;
  15         margin-right: .1em;
  16         text-decoration: none !important;
  17         cursor: pointer;
  18         text-align: center;
  19         zoom: 1;
  20         overflow: visible; /* the overflow property removes extra width in IE */
  21 }
  22 /* to make room for the icon, a width needs to be set here */
  23 .ui-button-icon-only {
  24         width: 2.2em;
  25 }
  26
  27 /* button elements seem to need a little more width */
  28 button.ui-button-icon-only {
  29         width: 2.4em;
  30 }
  31 .ui-button-icons-only {
  32         width: 3.4em;
  33 }
  34 button.ui-button-icons-only {
  35         width: 3.7em;
  36 }
  37
  38 /*button text element */
  39 .ui-button .ui-button-text {
  40         display: block;
  41         line-height: 1.4;
  42 }
  43 .ui-button-text-only .ui-button-text {
  44         padding: .4em 1em;
  45 }
  46 .ui-button-icon-only .ui-button-text,
  47 .ui-button-icons-only .ui-button-text {
  48         padding: .4em;
  49         text-indent: -9999999px;
  50 }
  51 .ui-button-text-icon-primary .ui-button-text,
  52 .ui-button-text-icons .ui-button-text {
  53         padding: .4em 1em .4em 2.1em;
  54 }
  55 .ui-button-text-icon-secondary .ui-button-text,
  56 .ui-button-text-icons .ui-button-text {
  57         padding: .4em 2.1em .4em 1em;
  58 }
  59 .ui-button-text-icons .ui-button-text {
  60         padding-left: 2.1em;
  61         padding-right: 2.1em;
  62 }
  63 /* no icon support for input elements, provide padding by default */
  64         input.ui-button {
  65         padding: .4em 1em;
  66 }
  67
  68 /*button icon element(s) */
  69 .ui-button-icon-only .ui-icon,
  70 .ui-button-text-icon-primary .ui-icon,
  71 .ui-button-text-icon-secondary .ui-icon,
  72 .ui-button-text-icons .ui-icon,
  73 .ui-button-icons-only .ui-icon {
  74         position: absolute;
  75         top: 50%;
  76         margin-top: -8px;
  77 }
  78 .ui-button-icon-only .ui-icon {
  79         left: 50%;
  80         margin-left: -8px;
  81 }
  82 .ui-button-text-icon-primary .ui-button-icon-primary,
  83 .ui-button-text-icons .ui-button-icon-primary,
  84 .ui-button-icons-only .ui-button-icon-primary {
  85         left: .5em;
  86 }
  87 .ui-button-text-icon-secondary .ui-button-icon-secondary,
  88 .ui-button-text-icons .ui-button-icon-secondary,
  89 .ui-button-icons-only .ui-button-icon-secondary {
  90         right: .5em;
  91 }
  92 .ui-button-text-icons .ui-button-icon-secondary,
  93 .ui-button-icons-only .ui-button-icon-secondary {
  94         right: .5em;
  95 }
  96
  97 /*button sets*/
  98 .ui-buttonset {
  99         margin-right: 7px;
 100 }
 101 .ui-buttonset .ui-button {
 102         margin-left: 0;
 103         margin-right: -.3em;
 104 }
 105
 106 /* workarounds */
 107 button.ui-button::-moz-focus-inner {
 108         border: 0;
 109         padding: 0; /* reset extra padding in Firefox */
 110 }