css/crm-i.css

   1 /* Direct copy of .fa from font-awesome.css
   2 This is separate to avoid conflict with a site theme's implementation of FA.  It
   3 is loaded before font-awesome.css so that .fa-XXX classes can modify it. */
   4 .ui-icon[class*=" fa-"],
   5 .crm-container a.helpicon,
   6 .crm-container .replace-plain:before,
   7 .crm-i {
   8   display: inline-block;
   9   font: normal normal normal 14px/1 FontAwesome;
  10   font-size: inherit;
  11   text-rendering: auto;
  12   -webkit-font-smoothing: antialiased;
  13   -moz-osx-font-smoothing: grayscale;
  14   transform: translate(0, 0);
  15 }
  16
  17 i.crm-i {
  18   font-style: normal;
  19 }
  20
  21 /* Have FA handle jQuery UI icons */
  22
  23 .ui-icon[class*=" fa-"] {
  24   /* Remove the jQuery UI Icon */
  25   background: none repeat scroll 0 0 transparent !important;
  26   /* Remove the jQuery UI Text Indent */
  27   text-indent: 0;
  28   /* Bump it up - jQuery UI is -8px */
  29   margin-top: -0.5em;
  30 }
  31
  32 /* Allow use of icon-large to be properly aligned */
  33 .ui-icon.icon-large {
  34   margin-top: -0.75em;
  35 }
  36
  37 .ui-button-icon-only .ui-icon[class*=" fa-"] {
  38   /* Bump it - jQuery UI is -8px */
  39   margin-left: -7px;
  40 }