Mint: A Fresh Look at your Site Minted
  1. 1 /* line 4, ../sass/_offline-theme-base.sass */
  2. 2 .offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after {
  3. 3 -webkit-box-sizing: border-box;
  4. 4 -moz-box-sizing: border-box;
  5. 5 box-sizing: border-box;
  6. 6 }
  7. 7
  8. 8 /* line 7, ../sass/_offline-theme-base.sass */
  9. 9 .offline-ui {
  10. 10 display: none;
  11. 11 position: fixed;
  12. 12 background: white;
  13. 13 z-index: 2000;
  14. 14 margin: auto;
  15. 15 top: 0;
  16. 16 left: 0;
  17. 17 right: 0;
  18. 18 }
  19. 19 /* line 17, ../sass/_offline-theme-base.sass */
  20. 20 .offline-ui .offline-ui-content:before {
  21. 21 display: inline;
  22. 22 }
  23. 23 /* line 20, ../sass/_offline-theme-base.sass */
  24. 24 .offline-ui .offline-ui-retry {
  25. 25 -webkit-user-select: none;
  26. 26 -moz-user-select: none;
  27. 27 user-select: none;
  28. 28 display: none;
  29. 29 }
  30. 30 /* line 24, ../sass/_offline-theme-base.sass */
  31. 31 .offline-ui .offline-ui-retry:before {
  32. 32 display: inline;
  33. 33 }
  34. 34 /* line 29, ../sass/_offline-theme-base.sass */
  35. 35 .offline-ui.offline-ui-up.offline-ui-up-5s {
  36. 36 display: block;
  37. 37 }
  38. 38 /* line 32, ../sass/_offline-theme-base.sass */
  39. 39 .offline-ui.offline-ui-down {
  40. 40 display: block;
  41. 41 }
  42. 42 /* line 37, ../sass/_offline-theme-base.sass */
  43. 43 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry {
  44. 44 display: block;
  45. 45 }
  46. 46 /* line 42, ../sass/_offline-theme-base.sass */
  47. 47 .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  48. 48 display: none;
  49. 49 }
  50. 50
  51. 51 @-webkit-keyframes offline-dropin {
  52. 52 /* line 40, ../sass/_keyframes.sass */
  53. 53 0% {
  54. 54 transform: translateY(0);
  55. 55 -webkit-transform: translateY(0);
  56. 56 -moz-transform: translateY(0);
  57. 57 -ms-transform: translateY(0);
  58. 58 -o-transform: translateY(0);
  59. 59 opacity: 0;
  60. 60 }
  61. 61
  62. 62 /* line 43, ../sass/_keyframes.sass */
  63. 63 1% {
  64. 64 transform: translateY(-800px);
  65. 65 -webkit-transform: translateY(-800px);
  66. 66 -moz-transform: translateY(-800px);
  67. 67 -ms-transform: translateY(-800px);
  68. 68 -o-transform: translateY(-800px);
  69. 69 opacity: 0;
  70. 70 }
  71. 71
  72. 72 /* line 48, ../sass/_keyframes.sass */
  73. 73 2% {
  74. 74 transform: translateY(-800px);
  75. 75 -webkit-transform: translateY(-800px);
  76. 76 -moz-transform: translateY(-800px);
  77. 77 -ms-transform: translateY(-800px);
  78. 78 -o-transform: translateY(-800px);
  79. 79 opacity: 1;
  80. 80 }
  81. 81
  82. 82 /* line 51, ../sass/_keyframes.sass */
  83. 83 100% {
  84. 84 transform: translateY(0);
  85. 85 -webkit-transform: translateY(0);
  86. 86 -moz-transform: translateY(0);
  87. 87 -ms-transform: translateY(0);
  88. 88 -o-transform: translateY(0);
  89. 89 opacity: 1;
  90. 90 }
  91. 91 }
  92. 92
  93. 93 @-moz-keyframes offline-dropin {
  94. 94 /* line 40, ../sass/_keyframes.sass */
  95. 95 0% {
  96. 96 transform: translateY(0);
  97. 97 -webkit-transform: translateY(0);
  98. 98 -moz-transform: translateY(0);
  99. 99 -ms-transform: translateY(0);
  100. 100 -o-transform: translateY(0);
  101. 101 opacity: 0;
  102. 102 }
  103. 103
  104. 104 /* line 43, ../sass/_keyframes.sass */
  105. 105 1% {
  106. 106 transform: translateY(-800px);
  107. 107 -webkit-transform: translateY(-800px);
  108. 108 -moz-transform: translateY(-800px);
  109. 109 -ms-transform: translateY(-800px);
  110. 110 -o-transform: translateY(-800px);
  111. 111 opacity: 0;
  112. 112 }
  113. 113
  114. 114 /* line 48, ../sass/_keyframes.sass */
  115. 115 2% {
  116. 116 transform: translateY(-800px);
  117. 117 -webkit-transform: translateY(-800px);
  118. 118 -moz-transform: translateY(-800px);
  119. 119 -ms-transform: translateY(-800px);
  120. 120 -o-transform: translateY(-800px);
  121. 121 opacity: 1;
  122. 122 }
  123. 123
  124. 124 /* line 51, ../sass/_keyframes.sass */
  125. 125 100% {
  126. 126 transform: translateY(0);
  127. 127 -webkit-transform: translateY(0);
  128. 128 -moz-transform: translateY(0);
  129. 129 -ms-transform: translateY(0);
  130. 130 -o-transform: translateY(0);
  131. 131 opacity: 1;
  132. 132 }
  133. 133 }
  134. 134
  135. 135 @-ms-keyframes offline-dropin {
  136. 136 /* line 40, ../sass/_keyframes.sass */
  137. 137 0% {
  138. 138 transform: translateY(0);
  139. 139 -webkit-transform: translateY(0);
  140. 140 -moz-transform: translateY(0);
  141. 141 -ms-transform: translateY(0);
  142. 142 -o-transform: translateY(0);
  143. 143 opacity: 0;
  144. 144 }
  145. 145
  146. 146 /* line 43, ../sass/_keyframes.sass */
  147. 147 1% {
  148. 148 transform: translateY(-800px);
  149. 149 -webkit-transform: translateY(-800px);
  150. 150 -moz-transform: translateY(-800px);
  151. 151 -ms-transform: translateY(-800px);
  152. 152 -o-transform: translateY(-800px);
  153. 153 opacity: 0;
  154. 154 }
  155. 155
  156. 156 /* line 48, ../sass/_keyframes.sass */
  157. 157 2% {
  158. 158 transform: translateY(-800px);
  159. 159 -webkit-transform: translateY(-800px);
  160. 160 -moz-transform: translateY(-800px);
  161. 161 -ms-transform: translateY(-800px);
  162. 162 -o-transform: translateY(-800px);
  163. 163 opacity: 1;
  164. 164 }
  165. 165
  166. 166 /* line 51, ../sass/_keyframes.sass */
  167. 167 100% {
  168. 168 transform: translateY(0);
  169. 169 -webkit-transform: translateY(0);
  170. 170 -moz-transform: translateY(0);
  171. 171 -ms-transform: translateY(0);
  172. 172 -o-transform: translateY(0);
  173. 173 opacity: 1;
  174. 174 }
  175. 175 }
  176. 176
  177. 177 @-o-keyframes offline-dropin {
  178. 178 /* line 40, ../sass/_keyframes.sass */
  179. 179 0% {
  180. 180 transform: translateY(0);
  181. 181 -webkit-transform: translateY(0);
  182. 182 -moz-transform: translateY(0);
  183. 183 -ms-transform: translateY(0);
  184. 184 -o-transform: translateY(0);
  185. 185 opacity: 0;
  186. 186 }
  187. 187
  188. 188 /* line 43, ../sass/_keyframes.sass */
  189. 189 1% {
  190. 190 transform: translateY(-800px);
  191. 191 -webkit-transform: translateY(-800px);
  192. 192 -moz-transform: translateY(-800px);
  193. 193 -ms-transform: translateY(-800px);
  194. 194 -o-transform: translateY(-800px);
  195. 195 opacity: 0;
  196. 196 }
  197. 197
  198. 198 /* line 48, ../sass/_keyframes.sass */
  199. 199 2% {
  200. 200 transform: translateY(-800px);
  201. 201 -webkit-transform: translateY(-800px);
  202. 202 -moz-transform: translateY(-800px);
  203. 203 -ms-transform: translateY(-800px);
  204. 204 -o-transform: translateY(-800px);
  205. 205 opacity: 1;
  206. 206 }
  207. 207
  208. 208 /* line 51, ../sass/_keyframes.sass */
  209. 209 100% {
  210. 210 transform: translateY(0);
  211. 211 -webkit-transform: translateY(0);
  212. 212 -moz-transform: translateY(0);
  213. 213 -ms-transform: translateY(0);
  214. 214 -o-transform: translateY(0);
  215. 215 opacity: 1;
  216. 216 }
  217. 217 }
  218. 218
  219. 219 @keyframes offline-dropin {
  220. 220 /* line 40, ../sass/_keyframes.sass */
  221. 221 0% {
  222. 222 transform: translateY(0);
  223. 223 -webkit-transform: translateY(0);
  224. 224 -moz-transform: translateY(0);
  225. 225 -ms-transform: translateY(0);
  226. 226 -o-transform: translateY(0);
  227. 227 opacity: 0;
  228. 228 }
  229. 229
  230. 230 /* line 43, ../sass/_keyframes.sass */
  231. 231 1% {
  232. 232 transform: translateY(-800px);
  233. 233 -webkit-transform: translateY(-800px);
  234. 234 -moz-transform: translateY(-800px);
  235. 235 -ms-transform: translateY(-800px);
  236. 236 -o-transform: translateY(-800px);
  237. 237 opacity: 0;
  238. 238 }
  239. 239
  240. 240 /* line 48, ../sass/_keyframes.sass */
  241. 241 2% {
  242. 242 transform: translateY(-800px);
  243. 243 -webkit-transform: translateY(-800px);
  244. 244 -moz-transform: translateY(-800px);
  245. 245 -ms-transform: translateY(-800px);
  246. 246 -o-transform: translateY(-800px);
  247. 247 opacity: 1;
  248. 248 }
  249. 249
  250. 250 /* line 51, ../sass/_keyframes.sass */
  251. 251 100% {
  252. 252 transform: translateY(0);
  253. 253 -webkit-transform: translateY(0);
  254. 254 -moz-transform: translateY(0);
  255. 255 -ms-transform: translateY(0);
  256. 256 -o-transform: translateY(0);
  257. 257 opacity: 1;
  258. 258 }
  259. 259 }
  260. 260
  261. 261 @-webkit-keyframes offline-dropout {
  262. 262 /* line 57, ../sass/_keyframes.sass */
  263. 263 0% {
  264. 264 transform: translateY(0);
  265. 265 -webkit-transform: translateY(0);
  266. 266 -moz-transform: translateY(0);
  267. 267 -ms-transform: translateY(0);
  268. 268 -o-transform: translateY(0);
  269. 269 }
  270. 270
  271. 271 /* line 59, ../sass/_keyframes.sass */
  272. 272 100% {
  273. 273 transform: translateY(-800px);
  274. 274 -webkit-transform: translateY(-800px);
  275. 275 -moz-transform: translateY(-800px);
  276. 276 -ms-transform: translateY(-800px);
  277. 277 -o-transform: translateY(-800px);
  278. 278 }
  279. 279 }
  280. 280
  281. 281 @-moz-keyframes offline-dropout {
  282. 282 /* line 57, ../sass/_keyframes.sass */
  283. 283 0% {
  284. 284 transform: translateY(0);
  285. 285 -webkit-transform: translateY(0);
  286. 286 -moz-transform: translateY(0);
  287. 287 -ms-transform: translateY(0);
  288. 288 -o-transform: translateY(0);
  289. 289 }
  290. 290
  291. 291 /* line 59, ../sass/_keyframes.sass */
  292. 292 100% {
  293. 293 transform: translateY(-800px);
  294. 294 -webkit-transform: translateY(-800px);
  295. 295 -moz-transform: translateY(-800px);
  296. 296 -ms-transform: translateY(-800px);
  297. 297 -o-transform: translateY(-800px);
  298. 298 }
  299. 299 }
  300. 300
  301. 301 @-ms-keyframes offline-dropout {
  302. 302 /* line 57, ../sass/_keyframes.sass */
  303. 303 0% {
  304. 304 transform: translateY(0);
  305. 305 -webkit-transform: translateY(0);
  306. 306 -moz-transform: translateY(0);
  307. 307 -ms-transform: translateY(0);
  308. 308 -o-transform: translateY(0);
  309. 309 }
  310. 310
  311. 311 /* line 59, ../sass/_keyframes.sass */
  312. 312 100% {
  313. 313 transform: translateY(-800px);
  314. 314 -webkit-transform: translateY(-800px);
  315. 315 -moz-transform: translateY(-800px);
  316. 316 -ms-transform: translateY(-800px);
  317. 317 -o-transform: translateY(-800px);
  318. 318 }
  319. 319 }
  320. 320
  321. 321 @-o-keyframes offline-dropout {
  322. 322 /* line 57, ../sass/_keyframes.sass */
  323. 323 0% {
  324. 324 transform: translateY(0);
  325. 325 -webkit-transform: translateY(0);
  326. 326 -moz-transform: translateY(0);
  327. 327 -ms-transform: translateY(0);
  328. 328 -o-transform: translateY(0);
  329. 329 }
  330. 330
  331. 331 /* line 59, ../sass/_keyframes.sass */
  332. 332 100% {
  333. 333 transform: translateY(-800px);
  334. 334 -webkit-transform: translateY(-800px);
  335. 335 -moz-transform: translateY(-800px);
  336. 336 -ms-transform: translateY(-800px);
  337. 337 -o-transform: translateY(-800px);
  338. 338 }
  339. 339 }
  340. 340
  341. 341 @keyframes offline-dropout {
  342. 342 /* line 57, ../sass/_keyframes.sass */
  343. 343 0% {
  344. 344 transform: translateY(0);
  345. 345 -webkit-transform: translateY(0);
  346. 346 -moz-transform: translateY(0);
  347. 347 -ms-transform: translateY(0);
  348. 348 -o-transform: translateY(0);
  349. 349 }
  350. 350
  351. 351 /* line 59, ../sass/_keyframes.sass */
  352. 352 100% {
  353. 353 transform: translateY(-800px);
  354. 354 -webkit-transform: translateY(-800px);
  355. 355 -moz-transform: translateY(-800px);
  356. 356 -ms-transform: translateY(-800px);
  357. 357 -o-transform: translateY(-800px);
  358. 358 }
  359. 359 }
  360. 360
  361. 361 @-webkit-keyframes offline-rotation {
  362. 362 /* line 64, ../sass/_keyframes.sass */
  363. 363 0% {
  364. 364 transform: rotate(0deg);
  365. 365 -webkit-transform: rotate(0deg);
  366. 366 -moz-transform: rotate(0deg);
  367. 367 -ms-transform: rotate(0deg);
  368. 368 -o-transform: rotate(0deg);
  369. 369 }
  370. 370
  371. 371 /* line 66, ../sass/_keyframes.sass */
  372. 372 100% {
  373. 373 transform: rotate(359deg);
  374. 374 -webkit-transform: rotate(359deg);
  375. 375 -moz-transform: rotate(359deg);
  376. 376 -ms-transform: rotate(359deg);
  377. 377 -o-transform: rotate(359deg);
  378. 378 }
  379. 379 }
  380. 380
  381. 381 @-moz-keyframes offline-rotation {
  382. 382 /* line 64, ../sass/_keyframes.sass */
  383. 383 0% {
  384. 384 transform: rotate(0deg);
  385. 385 -webkit-transform: rotate(0deg);
  386. 386 -moz-transform: rotate(0deg);
  387. 387 -ms-transform: rotate(0deg);
  388. 388 -o-transform: rotate(0deg);
  389. 389 }
  390. 390
  391. 391 /* line 66, ../sass/_keyframes.sass */
  392. 392 100% {
  393. 393 transform: rotate(359deg);
  394. 394 -webkit-transform: rotate(359deg);
  395. 395 -moz-transform: rotate(359deg);
  396. 396 -ms-transform: rotate(359deg);
  397. 397 -o-transform: rotate(359deg);
  398. 398 }
  399. 399 }
  400. 400
  401. 401 @-ms-keyframes offline-rotation {
  402. 402 /* line 64, ../sass/_keyframes.sass */
  403. 403 0% {
  404. 404 transform: rotate(0deg);
  405. 405 -webkit-transform: rotate(0deg);
  406. 406 -moz-transform: rotate(0deg);
  407. 407 -ms-transform: rotate(0deg);
  408. 408 -o-transform: rotate(0deg);
  409. 409 }
  410. 410
  411. 411 /* line 66, ../sass/_keyframes.sass */
  412. 412 100% {
  413. 413 transform: rotate(359deg);
  414. 414 -webkit-transform: rotate(359deg);
  415. 415 -moz-transform: rotate(359deg);
  416. 416 -ms-transform: rotate(359deg);
  417. 417 -o-transform: rotate(359deg);
  418. 418 }
  419. 419 }
  420. 420
  421. 421 @-o-keyframes offline-rotation {
  422. 422 /* line 64, ../sass/_keyframes.sass */
  423. 423 0% {
  424. 424 transform: rotate(0deg);
  425. 425 -webkit-transform: rotate(0deg);
  426. 426 -moz-transform: rotate(0deg);
  427. 427 -ms-transform: rotate(0deg);
  428. 428 -o-transform: rotate(0deg);
  429. 429 }
  430. 430
  431. 431 /* line 66, ../sass/_keyframes.sass */
  432. 432 100% {
  433. 433 transform: rotate(359deg);
  434. 434 -webkit-transform: rotate(359deg);
  435. 435 -moz-transform: rotate(359deg);
  436. 436 -ms-transform: rotate(359deg);
  437. 437 -o-transform: rotate(359deg);
  438. 438 }
  439. 439 }
  440. 440
  441. 441 @keyframes offline-rotation {
  442. 442 /* line 64, ../sass/_keyframes.sass */
  443. 443 0% {
  444. 444 transform: rotate(0deg);
  445. 445 -webkit-transform: rotate(0deg);
  446. 446 -moz-transform: rotate(0deg);
  447. 447 -ms-transform: rotate(0deg);
  448. 448 -o-transform: rotate(0deg);
  449. 449 }
  450. 450
  451. 451 /* line 66, ../sass/_keyframes.sass */
  452. 452 100% {
  453. 453 transform: rotate(359deg);
  454. 454 -webkit-transform: rotate(359deg);
  455. 455 -moz-transform: rotate(359deg);
  456. 456 -ms-transform: rotate(359deg);
  457. 457 -o-transform: rotate(359deg);
  458. 458 }
  459. 459 }
  460. 460
  461. 461 /* line 16, ../sass/offline-theme-chrome.sass */
  462. 462 .offline-ui {
  463. 463 -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
  464. 464 -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
  465. 465 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 1em rgba(0, 0, 0, 0.3);
  466. 466 font-family: "Lucida Grande", sans-serif;
  467. 467 font-size: 14px;
  468. 468 padding: 1em;
  469. 469 width: 38em;
  470. 470 max-width: 100%;
  471. 471 background: #f6f6f6;
  472. 472 color: #444444;
  473. 473 overflow: hidden;
  474. 474 }
  475. 475 /* line 27, ../sass/offline-theme-chrome.sass */
  476. 476 .offline-ui .offline-ui-content {
  477. 477 padding-left: 2em;
  478. 478 }
  479. 479 /* line 30, ../sass/offline-theme-chrome.sass */
  480. 480 .offline-ui .offline-ui-content:before {
  481. 481 line-height: 1.25em;
  482. 482 }
  483. 483 /* line 33, ../sass/offline-theme-chrome.sass */
  484. 484 .offline-ui .offline-ui-content:after {
  485. 485 -webkit-border-radius: 50%;
  486. 486 -moz-border-radius: 50%;
  487. 487 -ms-border-radius: 50%;
  488. 488 -o-border-radius: 50%;
  489. 489 border-radius: 50%;
  490. 490 content: " ";
  491. 491 display: block;
  492. 492 position: absolute;
  493. 493 top: 0;
  494. 494 bottom: 0;
  495. 495 left: 1em;
  496. 496 margin: auto;
  497. 497 height: 1em;
  498. 498 width: 1em;
  499. 499 }
  500. 500 /* line 45, ../sass/offline-theme-chrome.sass */
  501. 501 .offline-ui .offline-ui-retry {
  502. 502 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  503. 503 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  504. 504 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  505. 505 -webkit-border-radius: 2px;
  506. 506 -moz-border-radius: 2px;
  507. 507 -ms-border-radius: 2px;
  508. 508 -o-border-radius: 2px;
  509. 509 border-radius: 2px;
  510. 510 background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(38%, #ededed), color-stop(100%, #dedede));
  511. 511 background-image: -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);
  512. 512 background-image: -moz-linear-gradient(#ededed, #ededed 38%, #dedede);
  513. 513 background-image: -o-linear-gradient(#ededed, #ededed 38%, #dedede);
  514. 514 background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
  515. 515 position: absolute;
  516. 516 right: 4em;
  517. 517 top: 1em;
  518. 518 bottom: 1em;
  519. 519 border: 1px solid rgba(0, 0, 0, 0.25);
  520. 520 text-shadow: 0 1px 0 #f0f0f0;
  521. 521 padding: 0 1em;
  522. 522 line-height: 1.6em;
  523. 523 height: 1.7em;
  524. 524 margin: auto;
  525. 525 font-size: 12px;
  526. 526 text-decoration: none;
  527. 527 color: inherit;
  528. 528 }
  529. 529 /* line 63, ../sass/offline-theme-chrome.sass */
  530. 530 .offline-ui.offline-ui-up {
  531. 531 -webkit-animation: offline-dropout forwards 0.5s 2s;
  532. 532 -moz-animation: offline-dropout forwards 0.5s 2s;
  533. 533 -ms-animation: offline-dropout forwards 0.5s 2s;
  534. 534 -o-animation: offline-dropout forwards 0.5s 2s;
  535. 535 animation: offline-dropout forwards 0.5s 2s;
  536. 536 -webkit-backface-visibility: hidden;
  537. 537 }
  538. 538 /* line 66, ../sass/offline-theme-chrome.sass */
  539. 539 .offline-ui.offline-ui-up .offline-ui-content:after {
  540. 540 background: #80d580;
  541. 541 }
  542. 542 /* line 69, ../sass/offline-theme-chrome.sass */
  543. 543 .offline-ui.offline-ui-down {
  544. 544 -webkit-animation: offline-dropin 0.5s;
  545. 545 -moz-animation: offline-dropin 0.5s;
  546. 546 -ms-animation: offline-dropin 0.5s;
  547. 547 -o-animation: offline-dropin 0.5s;
  548. 548 animation: offline-dropin 0.5s;
  549. 549 -webkit-backface-visibility: hidden;
  550. 550 }
  551. 551 /* line 72, ../sass/offline-theme-chrome.sass */
  552. 552 .offline-ui.offline-ui-down .offline-ui-content:after {
  553. 553 background: #ec8787;
  554. 554 }
  555. 555 /* line 75, ../sass/offline-theme-chrome.sass */
  556. 556 .offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting {
  557. 557 padding-right: 3em;
  558. 558 }
  559. 559 /* line 78, ../sass/offline-theme-chrome.sass */
  560. 560 .offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:after, .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content:after {
  561. 561 background: #ec8787;
  562. 562 }
  563. 563 /* line 81, ../sass/offline-theme-chrome.sass */
  564. 564 .offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after {
  565. 565 -webkit-animation: offline-rotation 0.7s linear infinite;
  566. 566 -moz-animation: offline-rotation 0.7s linear infinite;
  567. 567 -ms-animation: offline-rotation 0.7s linear infinite;
  568. 568 -o-animation: offline-rotation 0.7s linear infinite;
  569. 569 animation: offline-rotation 0.7s linear infinite;
  570. 570 -webkit-backface-visibility: hidden;
  571. 571 -webkit-border-radius: 50%;
  572. 572 -moz-border-radius: 50%;
  573. 573 -ms-border-radius: 50%;
  574. 574 -o-border-radius: 50%;
  575. 575 border-radius: 50%;
  576. 576 content: " ";
  577. 577 display: block;
  578. 578 position: absolute;
  579. 579 right: 1em;
  580. 580 top: 0;
  581. 581 bottom: 0;
  582. 582 margin: auto;
  583. 583 height: 1em;
  584. 584 width: 1em;
  585. 585 border: 2px solid rgba(0, 0, 0, 0);
  586. 586 border-top-color: rgba(0, 0, 0, 0.5);
  587. 587 border-left-color: rgba(0, 0, 0, 0.5);
  588. 588 opacity: 0.7;
  589. 589 }
  590. 590 /* line 98, ../sass/offline-theme-chrome.sass */
  591. 591 .offline-ui.offline-ui-down.offline-ui-waiting {
  592. 592 padding-right: 11em;
  593. 593 }
  594. 594 /* line 101, ../sass/offline-theme-chrome.sass */
  595. 595 .offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s {
  596. 596 padding-right: 0;
  597. 597 }
  598. 598
  599. 599 /* line 6, ../sass/_content.sass */
  600. 600 .offline-ui .offline-ui-retry:before {
  601. 601 content: "Reconnect";
  602. 602 }
  603. 603 /* line 11, ../sass/_content.sass */
  604. 604 .offline-ui.offline-ui-up .offline-ui-content:before {
  605. 605 content: "Your computer is connected to the internet.";
  606. 606 }
  607. 607 @media (max-width: 1024px) {
  608. 608 /* line 11, ../sass/_content.sass */
  609. 609 .offline-ui.offline-ui-up .offline-ui-content:before {
  610. 610 content: "Your device is connected to the internet.";
  611. 611 }
  612. 612 }
  613. 613 @media (max-width: 568px) {
  614. 614 /* line 11, ../sass/_content.sass */
  615. 615 .offline-ui.offline-ui-up .offline-ui-content:before {
  616. 616 content: "Your device is connected.";
  617. 617 }
  618. 618 }
  619. 619 /* line 22, ../sass/_content.sass */
  620. 620 .offline-ui.offline-ui-down .offline-ui-content:before {
  621. 621 content: "Your computer lost its internet connection.";
  622. 622 }
  623. 623 @media (max-width: 1024px) {
  624. 624 /* line 22, ../sass/_content.sass */
  625. 625 .offline-ui.offline-ui-down .offline-ui-content:before {
  626. 626 content: "Your device lost its internet connection.";
  627. 627 }
  628. 628 }
  629. 629 @media (max-width: 568px) {
  630. 630 /* line 22, ../sass/_content.sass */
  631. 631 .offline-ui.offline-ui-down .offline-ui-content:before {
  632. 632 content: "Your device isn't connected.";
  633. 633 }
  634. 634 }
  635. 635 /* line 33, ../sass/_content.sass */
  636. 636 .offline-ui.offline-ui-down.offline-ui-connecting .offline-ui-content:before, .offline-ui.offline-ui-down.offline-ui-connecting-2s .offline-ui-content:before {
  637. 637 content: "Attempting to reconnect...";
  638. 638 }
  639. 639 /* line 42, ../sass/_content.sass */
  640. 640 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
  641. 641 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " seconds...";
  642. 642 }
  643. 643 @media (max-width: 568px) {
  644. 644 /* line 42, ../sass/_content.sass */
  645. 645 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"]:before {
  646. 646 content: "Reconnecting in " attr(data-retry-in-value) "s...";
  647. 647 }
  648. 648 }
  649. 649 /* line 50, ../sass/_content.sass */
  650. 650 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
  651. 651 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " second...";
  652. 652 }
  653. 653 @media (max-width: 568px) {
  654. 654 /* line 50, ../sass/_content.sass */
  655. 655 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="second"][data-retry-in-value="1"]:before {
  656. 656 content: "Reconnecting in " attr(data-retry-in-value) "s...";
  657. 657 }
  658. 658 }
  659. 659 /* line 58, ../sass/_content.sass */
  660. 660 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
  661. 661 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minutes...";
  662. 662 }
  663. 663 @media (max-width: 568px) {
  664. 664 /* line 58, ../sass/_content.sass */
  665. 665 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"]:before {
  666. 666 content: "Reconnecting in " attr(data-retry-in-value) "m...";
  667. 667 }
  668. 668 }
  669. 669 /* line 66, ../sass/_content.sass */
  670. 670 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
  671. 671 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " minute...";
  672. 672 }
  673. 673 @media (max-width: 568px) {
  674. 674 /* line 66, ../sass/_content.sass */
  675. 675 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="minute"][data-retry-in-value="1"]:before {
  676. 676 content: "Reconnecting in " attr(data-retry-in-value) "m...";
  677. 677 }
  678. 678 }
  679. 679 /* line 74, ../sass/_content.sass */
  680. 680 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
  681. 681 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hours...";
  682. 682 }
  683. 683 @media (max-width: 568px) {
  684. 684 /* line 74, ../sass/_content.sass */
  685. 685 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"]:before {
  686. 686 content: "Reconnecting in " attr(data-retry-in-value) "h...";
  687. 687 }
  688. 688 }
  689. 689 /* line 82, ../sass/_content.sass */
  690. 690 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
  691. 691 content: "Connection lost. Reconnecting in " attr(data-retry-in-value) " hour...";
  692. 692 }
  693. 693 @media (max-width: 568px) {
  694. 694 /* line 82, ../sass/_content.sass */
  695. 695 .offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-content[data-retry-in-unit="hour"][data-retry-in-value="1"]:before {
  696. 696 content: "Reconnecting in " attr(data-retry-in-value) "h...";
  697. 697 }
  698. 698 }
  699. 699 /* line 90, ../sass/_content.sass */
  700. 700 .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry {
  701. 701 display: none;
  702. 702 }
  703. 703 /* line 93, ../sass/_content.sass */
  704. 704 .offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s .offline-ui-content:before {
  705. 705 content: "Connection attempt failed.";
  706. 706 }
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)