| 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 | } |