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 }
  15
  16 i.crm-i {
  17   font-style: normal;
  18 }
  19
  20 /* Have FA handle jQuery UI icons */
  21
  22 .ui-icon[class*=" fa-"] {
  23   /* Remove the jQuery UI Icon */
  24   background: none repeat scroll 0 0 transparent !important;
  25   /* Remove the jQuery UI Text Indent */
  26   text-indent: 0;
  27   /* Bump it up - jQuery UI is -8px */
  28   margin-top: -0.5em;
  29 }
  30
  31 /* Allow use of icon-large to be properly aligned */
  32 .ui-icon.icon-large {
  33   margin-top: -0.75em;
  34 }
  35
  36 .ui-button-icon-only .ui-icon[class*=" fa-"] {
  37   /* Bump it - jQuery UI is -8px */
  38   margin-left: -7px;
  39 }