vex.css 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  1. @keyframes vex-fadein {
  2. /* line 9, ../sass/_keyframes.sass */
  3. 0% {
  4. opacity: 0;
  5. }
  6. /* line 11, ../sass/_keyframes.sass */
  7. 100% {
  8. opacity: 1;
  9. }
  10. }
  11. @-webkit-keyframes vex-fadein {
  12. /* line 9, ../sass/_keyframes.sass */
  13. 0% {
  14. opacity: 0;
  15. }
  16. /* line 11, ../sass/_keyframes.sass */
  17. 100% {
  18. opacity: 1;
  19. }
  20. }
  21. @-moz-keyframes vex-fadein {
  22. /* line 9, ../sass/_keyframes.sass */
  23. 0% {
  24. opacity: 0;
  25. }
  26. /* line 11, ../sass/_keyframes.sass */
  27. 100% {
  28. opacity: 1;
  29. }
  30. }
  31. @-ms-keyframes vex-fadein {
  32. /* line 9, ../sass/_keyframes.sass */
  33. 0% {
  34. opacity: 0;
  35. }
  36. /* line 11, ../sass/_keyframes.sass */
  37. 100% {
  38. opacity: 1;
  39. }
  40. }
  41. @-o-keyframes vex-fadein {
  42. /* line 9, ../sass/_keyframes.sass */
  43. 0% {
  44. opacity: 0;
  45. }
  46. /* line 11, ../sass/_keyframes.sass */
  47. 100% {
  48. opacity: 1;
  49. }
  50. }
  51. @keyframes vex-fadeout {
  52. /* line 16, ../sass/_keyframes.sass */
  53. 0% {
  54. opacity: 1;
  55. }
  56. /* line 18, ../sass/_keyframes.sass */
  57. 100% {
  58. opacity: 0;
  59. }
  60. }
  61. @-webkit-keyframes vex-fadeout {
  62. /* line 16, ../sass/_keyframes.sass */
  63. 0% {
  64. opacity: 1;
  65. }
  66. /* line 18, ../sass/_keyframes.sass */
  67. 100% {
  68. opacity: 0;
  69. }
  70. }
  71. @-moz-keyframes vex-fadeout {
  72. /* line 16, ../sass/_keyframes.sass */
  73. 0% {
  74. opacity: 1;
  75. }
  76. /* line 18, ../sass/_keyframes.sass */
  77. 100% {
  78. opacity: 0;
  79. }
  80. }
  81. @-ms-keyframes vex-fadeout {
  82. /* line 16, ../sass/_keyframes.sass */
  83. 0% {
  84. opacity: 1;
  85. }
  86. /* line 18, ../sass/_keyframes.sass */
  87. 100% {
  88. opacity: 0;
  89. }
  90. }
  91. @-o-keyframes vex-fadeout {
  92. /* line 16, ../sass/_keyframes.sass */
  93. 0% {
  94. opacity: 1;
  95. }
  96. /* line 18, ../sass/_keyframes.sass */
  97. 100% {
  98. opacity: 0;
  99. }
  100. }
  101. @keyframes vex-rotation {
  102. /* line 127, ../sass/_keyframes.sass */
  103. 0% {
  104. transform: rotate(0deg);
  105. -webkit-transform: rotate(0deg);
  106. -moz-transform: rotate(0deg);
  107. -ms-transform: rotate(0deg);
  108. -o-transform: rotate(0deg);
  109. }
  110. /* line 129, ../sass/_keyframes.sass */
  111. 100% {
  112. transform: rotate(359deg);
  113. -webkit-transform: rotate(359deg);
  114. -moz-transform: rotate(359deg);
  115. -ms-transform: rotate(359deg);
  116. -o-transform: rotate(359deg);
  117. }
  118. }
  119. @-webkit-keyframes vex-rotation {
  120. /* line 127, ../sass/_keyframes.sass */
  121. 0% {
  122. transform: rotate(0deg);
  123. -webkit-transform: rotate(0deg);
  124. -moz-transform: rotate(0deg);
  125. -ms-transform: rotate(0deg);
  126. -o-transform: rotate(0deg);
  127. }
  128. /* line 129, ../sass/_keyframes.sass */
  129. 100% {
  130. transform: rotate(359deg);
  131. -webkit-transform: rotate(359deg);
  132. -moz-transform: rotate(359deg);
  133. -ms-transform: rotate(359deg);
  134. -o-transform: rotate(359deg);
  135. }
  136. }
  137. @-moz-keyframes vex-rotation {
  138. /* line 127, ../sass/_keyframes.sass */
  139. 0% {
  140. transform: rotate(0deg);
  141. -webkit-transform: rotate(0deg);
  142. -moz-transform: rotate(0deg);
  143. -ms-transform: rotate(0deg);
  144. -o-transform: rotate(0deg);
  145. }
  146. /* line 129, ../sass/_keyframes.sass */
  147. 100% {
  148. transform: rotate(359deg);
  149. -webkit-transform: rotate(359deg);
  150. -moz-transform: rotate(359deg);
  151. -ms-transform: rotate(359deg);
  152. -o-transform: rotate(359deg);
  153. }
  154. }
  155. @-ms-keyframes vex-rotation {
  156. /* line 127, ../sass/_keyframes.sass */
  157. 0% {
  158. transform: rotate(0deg);
  159. -webkit-transform: rotate(0deg);
  160. -moz-transform: rotate(0deg);
  161. -ms-transform: rotate(0deg);
  162. -o-transform: rotate(0deg);
  163. }
  164. /* line 129, ../sass/_keyframes.sass */
  165. 100% {
  166. transform: rotate(359deg);
  167. -webkit-transform: rotate(359deg);
  168. -moz-transform: rotate(359deg);
  169. -ms-transform: rotate(359deg);
  170. -o-transform: rotate(359deg);
  171. }
  172. }
  173. @-o-keyframes vex-rotation {
  174. /* line 127, ../sass/_keyframes.sass */
  175. 0% {
  176. transform: rotate(0deg);
  177. -webkit-transform: rotate(0deg);
  178. -moz-transform: rotate(0deg);
  179. -ms-transform: rotate(0deg);
  180. -o-transform: rotate(0deg);
  181. }
  182. /* line 129, ../sass/_keyframes.sass */
  183. 100% {
  184. transform: rotate(359deg);
  185. -webkit-transform: rotate(359deg);
  186. -moz-transform: rotate(359deg);
  187. -ms-transform: rotate(359deg);
  188. -o-transform: rotate(359deg);
  189. }
  190. }
  191. /* line 11, ../sass/vex.sass */
  192. .vex, .vex *, .vex *:before, .vex *:after {
  193. -webkit-box-sizing: border-box;
  194. -moz-box-sizing: border-box;
  195. box-sizing: border-box;
  196. }
  197. /* line 14, ../sass/vex.sass */
  198. .vex {
  199. position: fixed;
  200. overflow: auto;
  201. -webkit-overflow-scrolling: touch;
  202. z-index: 1111;
  203. top: 0;
  204. right: 0;
  205. bottom: 0;
  206. left: 0;
  207. }
  208. /* line 25, ../sass/vex.sass */
  209. .vex-overlay {
  210. background: black;
  211. filter: alpha(opacity=40);
  212. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  213. }
  214. /* line 30, ../sass/vex.sass */
  215. .vex-overlay {
  216. animation: vex-fadein 0.5s;
  217. -webkit-animation: vex-fadein 0.5s;
  218. -moz-animation: vex-fadein 0.5s;
  219. -ms-animation: vex-fadein 0.5s;
  220. -o-animation: vex-fadein 0.5s;
  221. -webkit-backface-visibility: hidden;
  222. position: fixed;
  223. background: rgba(0, 0, 0, 0.4);
  224. top: 0;
  225. right: 0;
  226. bottom: 0;
  227. left: 0;
  228. }
  229. /* line 39, ../sass/vex.sass */
  230. .vex.vex-closing .vex-overlay {
  231. animation: vex-fadeout 0.5s;
  232. -webkit-animation: vex-fadeout 0.5s;
  233. -moz-animation: vex-fadeout 0.5s;
  234. -ms-animation: vex-fadeout 0.5s;
  235. -o-animation: vex-fadeout 0.5s;
  236. -webkit-backface-visibility: hidden;
  237. }
  238. /* line 42, ../sass/vex.sass */
  239. .vex-content {
  240. animation: vex-fadein 0.5s;
  241. -webkit-animation: vex-fadein 0.5s;
  242. -moz-animation: vex-fadein 0.5s;
  243. -ms-animation: vex-fadein 0.5s;
  244. -o-animation: vex-fadein 0.5s;
  245. -webkit-backface-visibility: hidden;
  246. background: white;
  247. }
  248. /* line 46, ../sass/vex.sass */
  249. .vex.vex-closing .vex-content {
  250. animation: vex-fadeout 0.5s;
  251. -webkit-animation: vex-fadeout 0.5s;
  252. -moz-animation: vex-fadeout 0.5s;
  253. -ms-animation: vex-fadeout 0.5s;
  254. -o-animation: vex-fadeout 0.5s;
  255. -webkit-backface-visibility: hidden;
  256. }
  257. /* line 49, ../sass/vex.sass */
  258. .vex-close:before {
  259. font-family: Arial, sans-serif;
  260. content: "\00D7";
  261. }
  262. /* line 53, ../sass/vex.sass */
  263. .vex-dialog-form {
  264. margin: 0;
  265. }
  266. /* line 56, ../sass/vex.sass */
  267. .vex-dialog-button {
  268. -webkit-appearance: none;
  269. cursor: pointer;
  270. }
  271. /* line 60, ../sass/vex.sass */
  272. .vex-loading-spinner {
  273. animation: vex-rotation 0.7s linear infinite;
  274. -webkit-animation: vex-rotation 0.7s linear infinite;
  275. -moz-animation: vex-rotation 0.7s linear infinite;
  276. -ms-animation: vex-rotation 0.7s linear infinite;
  277. -o-animation: vex-rotation 0.7s linear infinite;
  278. -webkit-backface-visibility: hidden;
  279. -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  280. -moz-box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  281. box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
  282. position: fixed;
  283. z-index: 1112;
  284. margin: auto;
  285. top: 0;
  286. right: 0;
  287. bottom: 0;
  288. left: 0;
  289. height: 2em;
  290. width: 2em;
  291. background: white;
  292. }
  293. /* line 76, ../sass/vex.sass */
  294. body.vex-open {
  295. overflow: hidden;
  296. }