svg-with-js.css 7.1 KB

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