1/* line 4, ../sass/_offline-theme-base.sass */ 2.offline-ui, .offline-ui *, .offline-ui:before, .offline-ui:after, .offline-ui *:before, .offline-ui *:after { 3 -webkit-box-sizing: border-box; 4 -moz-box-sizing: border-box; 5 box-sizing: border-box; 6} 7 8/* line 7, ../sass/_offline-theme-base.sass */ 9.offline-ui { 10 display: none; 11 position: fixed; 12 background: white; 13 z-index: 100000; 14 margin: auto; 15 top: 0; 16 left: 0; 17 right: 0; 18} 19/* line 17, ../sass/_offline-theme-base.sass */ 20.offline-ui .offline-ui-content:before { 21 display: inline; 22} 23/* line 20, ../sass/_offline-theme-base.sass */ 24.offline-ui .offline-ui-retry { 25 -webkit-user-select: none; 26 -moz-user-select: none; 27 user-select: none; 28 display: none; 29} 30/* line 24, ../sass/_offline-theme-base.sass */ 31.offline-ui .offline-ui-retry:before { 32 display: inline; 33} 34/* line 29, ../sass/_offline-theme-base.sass */ 35.offline-ui.offline-ui-up.offline-ui-up-5s { 36 display: block; 37} 38/* line 32, ../sass/_offline-theme-base.sass */ 39.offline-ui.offline-ui-down { 40 display: block; 41} 42/* line 37, ../sass/_offline-theme-base.sass */ 43.offline-ui.offline-ui-down.offline-ui-waiting .offline-ui-retry { 44 display: block; 45} 46/* line 42, ../sass/_offline-theme-base.sass */ 47.offline-ui.offline-ui-down.offline-ui-reconnect-failed-2s.offline-ui-waiting .offline-ui-retry { 48 display: none; 49} 50 51@-webkit-keyframes offline-fadein { 52 /* line 6, ../sass/_keyframes.sass */ 53 0% { 54 opacity: 0; 55 } 56 57 /* line 8, ../sass/_keyframes.sass */ 58 100% { 59 opacity: 1; 60 } 61} 62 63@-moz-keyframes offline-fadein { 64 /* line 6, ../sass/_keyframes.sass */ 65 0% { 66 opacity: 0; 67 } 68 69 /* line 8, ../sass/_keyframes.sass */ 70 100% { 71 opacity: 1; 72 } 73} 74 75@-ms-keyframes offline-fadein { 76 /* line 6, ../sass/_keyframes.sass */ 77 0% { 78 opacity: 0; 79 } 80 81 /* line 8, ../sass/_keyframes.sass */ 82 100% { 83 opacity: 1; 84 } 85} 86 87@-o-keyframes offline-fadein { 88 /* line 6, ../sass/_keyframes.sass */ 89 0% { 90 opacity: 0; 91 } 92 93 /* line 8, ../sass/_keyframes.sass */ 94 100% { 95 opacity: 1; 96 } 97} 98 99@keyframes offline-fadein { 100 /* line 6, ../sass/_keyframes.sass */ 101 0% { 102 opacity: 0; 103 } 104 105 /* line 8, ../sass/_keyframes.sass */ 106 100% { 107 opacity: 1; 108 } 109} 110 111@-webkit-keyframes offline-fadeout-and-hide { 112 /* line 20, ../sass/_keyframes.sass */ 113 0% { 114 opacity: 1; 115 display: block; 116 } 117 118 /* line 23, ../sass/_keyframes.sass */ 119 99% { 120 opacity: 0; 121 display: block; 122 } 123 124 /* line 26, ../sass/_keyframes.sass */ 125 100% { 126 opacity: 0; 127 display: none; 128 } 129} 130 131@-moz-keyframes offline-fadeout-and-hide { 132 /* line 20, ../sass/_keyframes.sass */ 133 0% { 134 opacity: 1; 135 display: block; 136 } 137 138 /* line 23, ../sass/_keyframes.sass */ 139 99% { 140 opacity: 0; 141 display: block; 142 } 143 144 /* line 26, ../sass/_keyframes.sass */ 145 100% { 146 opacity: 0; 147 display: none; 148 } 149} 150 151@-ms-keyframes offline-fadeout-and-hide { 152 /* line 20, ../sass/_keyframes.sass */ 153 0% { 154 opacity: 1; 155 display: block; 156 } 157 158 /* line 23, ../sass/_keyframes.sass */ 159 99% { 160 opacity: 0; 161 display: block; 162 } 163 164 /* line 26, ../sass/_keyframes.sass */ 165 100% { 166 opacity: 0; 167 display: none; 168 } 169} 170 171@-o-keyframes offline-fadeout-and-hide { 172 /* line 20, ../sass/_keyframes.sass */ 173 0% { 174 opacity: 1; 175 display: block; 176 } 177 178 /* line 23, ../sass/_keyframes.sass */ 179 99% { 180 opacity: 0; 181 display: block; 182 } 183 184 /* line 26, ../sass/_keyframes.sass */ 185 100% { 186 opacity: 0; 187 display: none; 188 } 189} 190 191@keyframes offline-fadeout-and-hide { 192 /* line 20, ../sass/_keyframes.sass */ 193 0% { 194 opacity: 1; 195 display: block; 196 } 197 198 /* line 23, ../sass/_keyframes.sass */ 199 99% { 200 opacity: 0; 201 display: block; 202 } 203 204 /* line 26, ../sass/_keyframes.sass */ 205 100% { 206 opacity: 0; 207 display: none; 208 } 209} 210 211@-webkit-keyframes offline-rotation { 212 /* line 64, ../sass/_keyframes.sass */ 213 0% { 214 transform: rotate(0deg); 215 -webkit-transform: rotate(0deg); 216 -moz-transform: rotate(0deg); 217 -ms-transform: rotate(0deg); 218 -o-transform: rotate(0deg); 219 } 220 221 /* line 66, ../sass/_keyframes.sass */ 222 100% { 223 transform: rotate(359deg); 224 -webkit-transform: rotate(359deg); 225 -moz-transform: rotate(359deg); 226 -ms-transform: rotate(359deg); 227 -o-transform: rotate(359deg); 228 } 229} 230 231@-moz-keyframes offline-rotation { 232 /* line 64, ../sass/_keyframes.sass */ 233 0% { 234 transform: rotate(0deg); 235 -webkit-transform: rotate(0deg); 236 -moz-transform: rotate(0deg); 237 -ms-transform: rotate(0deg); 238 -o-transform: rotate(0deg); 239 } 240 241 /* line 66, ../sass/_keyframes.sass */ 242 100% { 243 transform: rotate(359deg); 244 -webkit-transform: rotate(359deg); 245 -moz-transform: rotate(359deg); 246 -ms-transform: rotate(359deg); 247 -o-transform: rotate(359deg); 248 } 249} 250 251@-ms-keyframes offline-rotation { 252 /* line 64, ../sass/_keyframes.sass */ 253 0% { 254 transform: rotate(0deg); 255 -webkit-transform: rotate(0deg); 256 -moz-transform: rotate(0deg); 257 -ms-transform: rotate(0deg); 258 -o-transform: rotate(0deg); 259 } 260 261 /* line 66, ../sass/_keyframes.sass */ 262 100% { 263 transform: rotate(359deg); 264 -webkit-transform: rotate(359deg); 265 -moz-transform: rotate(359deg); 266 -ms-transform: rotate(359deg); 267 -o-transform: rotate(359deg); 268 } 269} 270 271@-o-keyframes offline-rotation { 272 /* line 64, ../sass/_keyframes.sass */ 273 0% { 274 transform: rotate(0deg); 275 -webkit-transform: rotate(0deg); 276 -moz-transform: rotate(0deg); 277 -ms-transform: rotate(0deg); 278 -o-transform: rotate(0deg); 279 } 280 281 /* line 66, ../sass/_keyframes.sass */ 282 100% { 283 transform: rotate(359deg); 284 -webkit-transform: rotate(359deg); 285 -moz-transform: rotate(359deg); 286 -ms-transform: rotate(359deg); 287 -o-transform: rotate(359deg); 288 } 289} 290 291@keyframes offline-rotation { 292 /* line 64, ../sass/_keyframes.sass */ 293 0% { 294 transform: rotate(0deg); 295 -webkit-transform: rotate(0deg); 296 -moz-transform: rotate(0deg); 297 -ms-transform: rotate(0deg); 298 -o-transform: rotate(0deg); 299 } 300 301 /* line 66, ../sass/_keyframes.sass */ 302 100% { 303 transform: rotate(359deg); 304 -webkit-transform: rotate(359deg); 305 -moz-transform: rotate(359deg); 306 -ms-transform: rotate(359deg); 307 -o-transform: rotate(359deg); 308 } 309} 310 311/* line 21, ../sass/offline-theme-default.sass */ 312.offline-ui { 313 -webkit-border-radius: 4px; 314 -moz-border-radius: 4px; 315 -ms-border-radius: 4px; 316 -o-border-radius: 4px; 317 border-radius: 4px; 318 font-family: "Helvetica Neue", sans-serif; 319 padding: 1em; 320 top: 1em; 321 width: 38em; 322 max-width: 100%; 323 overflow: hidden; 324} 325@media (max-width: 38em) { 326 /* line 21, ../sass/offline-theme-default.sass */ 327 .offline-ui { 328 -webkit-border-radius: 0; 329 -moz-border-radius: 0; 330 -ms-border-radius: 0; 331 -o-border-radius: 0; 332 border-radius: 0; 333 top: 0; 334 } 335} 336/* line 34, ../sass/offline-theme-default.sass */ 337.offline-ui .offline-ui-content:before { 338 line-height: 1.25em; 339} 340/* line 37, ../sass/offline-theme-default.sass */ 341.offline-ui .offline-ui-retry { 342 position: absolute; 343 right: 3em; 344 top: 0; 345 bottom: 0; 346 background: rgba(0, 0, 0, 0.1); 347 text-decoration: none; 348 color: inherit; 349 line-height: 3.5em; 350 height: 3.5em; 351 margin: auto; 352 padding: 0 1em; 353} 354/* line 50, ../sass/offline-theme-default.sass */ 355.offline-ui.offline-ui-up { 356 -webkit-animation: offline-fadeout-and-hide forwards 0.5s 2s; 357 -moz-animation: offline-fadeout-and-hide forwards 0.5s 2s; 358 -ms-animation: offline-fadeout-and-hide forwards 0.5s 2s; 359 -o-animation: offline-fadeout-and-hide forwards 0.5s 2s; 360 animation: offline-fadeout-and-hide forwards 0.5s 2s; 361 -webkit-backface-visibility: hidden; 362 background: #d6e9c6; 363 color: #468847; 364} 365/* line 55, ../sass/offline-theme-default.sass */ 366.offline-ui.offline-ui-down { 367 -webkit-animation: offline-fadein 0.5s; 368 -moz-animation: offline-fadein 0.5s; 369 -ms-animation: offline-fadein 0.5s; 370 -o-animation: offline-fadein 0.5s; 371 animation: offline-fadein 0.5s; 372 -webkit-backface-visibility: hidden; 373 background: #ec8787; 374 color: #551313; 375} 376/* line 60, ../sass/offline-theme-default.sass */ 377.offline-ui.offline-ui-down.offline-ui-connecting, .offline-ui.offline-ui-down.offline-ui-waiting { 378 background: #f8ecad; 379 color: #7c6d1f; 380 padding-right: 3em; 381} 382/* line 65, ../sass/offline-theme-default.sass */ 383.offline-ui.offline-ui-down.offline-ui-connecting:after, .offline-ui.offline-ui-down.offline-ui-waiting:after { 384 -webkit-animation: offline-rotation 0.7s linear infinite; 385 -moz-animation: offline-rotation 0.7s linear infinite; 386 -ms-animation: offline-rotation 0.7s linear infinite; 387 -o-animation: offline-rotation 0.7s linear infinite; 388 animation: offline-rotation 0.7s linear infinite; 389 -webkit-backface-visibility: hidden; 390 -webkit-border-radius: 50%; 391 -moz-border-radius: 50%; 392 -ms-border-radius: 50%; 393 -o-border-radius: 50%; 394 border-radius: 50%; 395 content: " "; 396 display: block; 397 position: absolute; 398 right: 1em; 399 top: 0; 400 bottom: 0; 401 margin: auto; 402 height: 1em; 403 width: 1em; 404 border: 2px solid rgba(0, 0, 0, 0); 405 border-top-color: #7c6d1f; 406 border-left-color: #7c6d1f; 407 opacity: 0.7; 408} 409/* line 82, ../sass/offline-theme-default.sass */ 410.offline-ui.offline-ui-down.offline-ui-waiting { 411 padding-right: 11em; 412} 413/* line 85, ../sass/offline-theme-default.sass */ 414.offline-ui.offline-ui-down.offline-ui-waiting.offline-ui-reconnect-failed-2s { 415 padding-right: 0; 416} 417