fa-svg-with-js.css 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. /*!
  2. * Font Awesome Free 5.0.4 by @fontawesome - http://fontawesome.com
  3. * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  4. */
  5. svg:not(:root).svg-inline--fa {
  6. overflow: visible; }
  7. .svg-inline--fa {
  8. display: inline-block;
  9. font-size: inherit;
  10. height: 1em;
  11. overflow: visible;
  12. vertical-align: -.125em; }
  13. .svg-inline--fa.fa-lg {
  14. vertical-align: -.225em; }
  15. .svg-inline--fa.fa-w-1 {
  16. width: 0.0625em; }
  17. .svg-inline--fa.fa-w-2 {
  18. width: 0.125em; }
  19. .svg-inline--fa.fa-w-3 {
  20. width: 0.1875em; }
  21. .svg-inline--fa.fa-w-4 {
  22. width: 0.25em; }
  23. .svg-inline--fa.fa-w-5 {
  24. width: 0.3125em; }
  25. .svg-inline--fa.fa-w-6 {
  26. width: 0.375em; }
  27. .svg-inline--fa.fa-w-7 {
  28. width: 0.4375em; }
  29. .svg-inline--fa.fa-w-8 {
  30. width: 0.5em; }
  31. .svg-inline--fa.fa-w-9 {
  32. width: 0.5625em; }
  33. .svg-inline--fa.fa-w-10 {
  34. width: 0.625em; }
  35. .svg-inline--fa.fa-w-11 {
  36. width: 0.6875em; }
  37. .svg-inline--fa.fa-w-12 {
  38. width: 0.75em; }
  39. .svg-inline--fa.fa-w-13 {
  40. width: 0.8125em; }
  41. .svg-inline--fa.fa-w-14 {
  42. width: 0.875em; }
  43. .svg-inline--fa.fa-w-15 {
  44. width: 0.9375em; }
  45. .svg-inline--fa.fa-w-16 {
  46. width: 1em; }
  47. .svg-inline--fa.fa-w-17 {
  48. width: 1.0625em; }
  49. .svg-inline--fa.fa-w-18 {
  50. width: 1.125em; }
  51. .svg-inline--fa.fa-w-19 {
  52. width: 1.1875em; }
  53. .svg-inline--fa.fa-w-20 {
  54. width: 1.25em; }
  55. .svg-inline--fa.fa-pull-left {
  56. margin-right: .3em;
  57. width: auto; }
  58. .svg-inline--fa.fa-pull-right {
  59. margin-left: .3em;
  60. width: auto; }
  61. .svg-inline--fa.fa-border {
  62. height: 1.5em; }
  63. .svg-inline--fa.fa-li {
  64. width: 2em; }
  65. .svg-inline--fa.fa-fw {
  66. width: 1.25em; }
  67. .fa-layers svg.svg-inline--fa {
  68. bottom: 0;
  69. left: 0;
  70. margin: auto;
  71. position: absolute;
  72. right: 0;
  73. top: 0; }
  74. .fa-layers {
  75. display: inline-block;
  76. height: 1em;
  77. position: relative;
  78. text-align: center;
  79. vertical-align: -.125em;
  80. width: 1em; }
  81. .fa-layers svg.svg-inline--fa {
  82. -webkit-transform-origin: center center;
  83. transform-origin: center center; }
  84. .fa-layers-text, .fa-layers-counter {
  85. display: inline-block;
  86. position: absolute;
  87. text-align: center; }
  88. .fa-layers-text {
  89. left: 50%;
  90. top: 50%;
  91. -webkit-transform: translate(-50%, -50%);
  92. transform: translate(-50%, -50%);
  93. -webkit-transform-origin: center center;
  94. transform-origin: center center; }
  95. .fa-layers-counter {
  96. background-color: #ff253a;
  97. border-radius: 1em;
  98. color: #fff;
  99. height: 1.5em;
  100. line-height: 1;
  101. max-width: 5em;
  102. min-width: 1.5em;
  103. overflow: hidden;
  104. padding: .25em;
  105. right: 0;
  106. text-overflow: ellipsis;
  107. top: 0;
  108. -webkit-transform: scale(0.25);
  109. transform: scale(0.25);
  110. -webkit-transform-origin: top right;
  111. transform-origin: top right; }
  112. .fa-layers-bottom-right {
  113. bottom: 0;
  114. right: 0;
  115. top: auto;
  116. -webkit-transform: scale(0.25);
  117. transform: scale(0.25);
  118. -webkit-transform-origin: bottom right;
  119. transform-origin: bottom right; }
  120. .fa-layers-bottom-left {
  121. bottom: 0;
  122. left: 0;
  123. right: auto;
  124. top: auto;
  125. -webkit-transform: scale(0.25);
  126. transform: scale(0.25);
  127. -webkit-transform-origin: bottom left;
  128. transform-origin: bottom left; }
  129. .fa-layers-top-right {
  130. right: 0;
  131. top: 0;
  132. -webkit-transform: scale(0.25);
  133. transform: scale(0.25);
  134. -webkit-transform-origin: top right;
  135. transform-origin: top right; }
  136. .fa-layers-top-left {
  137. left: 0;
  138. right: auto;
  139. top: 0;
  140. -webkit-transform: scale(0.25);
  141. transform: scale(0.25);
  142. -webkit-transform-origin: top left;
  143. transform-origin: top left; }
  144. .fa-lg {
  145. font-size: 1.33333em;
  146. line-height: 0.75em;
  147. vertical-align: -.0667em; }
  148. .fa-xs {
  149. font-size: .75em; }
  150. .fa-sm {
  151. font-size: .875em; }
  152. .fa-1x {
  153. font-size: 1em; }
  154. .fa-2x {
  155. font-size: 2em; }
  156. .fa-3x {
  157. font-size: 3em; }
  158. .fa-4x {
  159. font-size: 4em; }
  160. .fa-5x {
  161. font-size: 5em; }
  162. .fa-6x {
  163. font-size: 6em; }
  164. .fa-7x {
  165. font-size: 7em; }
  166. .fa-8x {
  167. font-size: 8em; }
  168. .fa-9x {
  169. font-size: 9em; }
  170. .fa-10x {
  171. font-size: 10em; }
  172. .fa-fw {
  173. text-align: center;
  174. width: 1.25em; }
  175. .fa-ul {
  176. list-style-type: none;
  177. margin-left: 2.5em;
  178. padding-left: 0; }
  179. .fa-ul > li {
  180. position: relative; }
  181. .fa-li {
  182. left: -2em;
  183. position: absolute;
  184. text-align: center;
  185. width: 2em;
  186. line-height: inherit; }
  187. .fa-border {
  188. border: solid 0.08em #eee;
  189. border-radius: .1em;
  190. padding: .2em .25em .15em; }
  191. .fa-pull-left {
  192. float: left; }
  193. .fa-pull-right {
  194. float: right; }
  195. .fa.fa-pull-left,
  196. .fas.fa-pull-left,
  197. .far.fa-pull-left,
  198. .fal.fa-pull-left,
  199. .fab.fa-pull-left {
  200. margin-right: .3em; }
  201. .fa.fa-pull-right,
  202. .fas.fa-pull-right,
  203. .far.fa-pull-right,
  204. .fal.fa-pull-right,
  205. .fab.fa-pull-right {
  206. margin-left: .3em; }
  207. .fa-spin {
  208. -webkit-animation: fa-spin 2s infinite linear;
  209. animation: fa-spin 2s infinite linear; }
  210. .fa-pulse {
  211. -webkit-animation: fa-spin 1s infinite steps(8);
  212. animation: fa-spin 1s infinite steps(8); }
  213. @-webkit-keyframes fa-spin {
  214. 0% {
  215. -webkit-transform: rotate(0deg);
  216. transform: rotate(0deg); }
  217. 100% {
  218. -webkit-transform: rotate(360deg);
  219. transform: rotate(360deg); } }
  220. @keyframes fa-spin {
  221. 0% {
  222. -webkit-transform: rotate(0deg);
  223. transform: rotate(0deg); }
  224. 100% {
  225. -webkit-transform: rotate(360deg);
  226. transform: rotate(360deg); } }
  227. .fa-rotate-90 {
  228. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  229. -webkit-transform: rotate(90deg);
  230. transform: rotate(90deg); }
  231. .fa-rotate-180 {
  232. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  233. -webkit-transform: rotate(180deg);
  234. transform: rotate(180deg); }
  235. .fa-rotate-270 {
  236. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  237. -webkit-transform: rotate(270deg);
  238. transform: rotate(270deg); }
  239. .fa-flip-horizontal {
  240. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  241. -webkit-transform: scale(-1, 1);
  242. transform: scale(-1, 1); }
  243. .fa-flip-vertical {
  244. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  245. -webkit-transform: scale(1, -1);
  246. transform: scale(1, -1); }
  247. .fa-flip-horizontal.fa-flip-vertical {
  248. -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  249. -webkit-transform: scale(-1, -1);
  250. transform: scale(-1, -1); }
  251. :root .fa-rotate-90,
  252. :root .fa-rotate-180,
  253. :root .fa-rotate-270,
  254. :root .fa-flip-horizontal,
  255. :root .fa-flip-vertical {
  256. -webkit-filter: none;
  257. filter: none; }
  258. .fa-stack {
  259. display: inline-block;
  260. height: 2em;
  261. position: relative;
  262. width: 2em; }
  263. .fa-stack-1x,
  264. .fa-stack-2x {
  265. bottom: 0;
  266. left: 0;
  267. margin: auto;
  268. position: absolute;
  269. right: 0;
  270. top: 0; }
  271. .svg-inline--fa.fa-stack-1x {
  272. height: 1em;
  273. width: 1em; }
  274. .svg-inline--fa.fa-stack-2x {
  275. height: 2em;
  276. width: 2em; }
  277. .fa-inverse {
  278. color: #fff; }
  279. .sr-only {
  280. border: 0;
  281. clip: rect(0, 0, 0, 0);
  282. height: 1px;
  283. margin: -1px;
  284. overflow: hidden;
  285. padding: 0;
  286. position: absolute;
  287. width: 1px; }
  288. .sr-only-focusable:active, .sr-only-focusable:focus {
  289. clip: auto;
  290. height: auto;
  291. margin: 0;
  292. overflow: visible;
  293. position: static;
  294. width: auto; }