Mint: A Fresh Look at your Site Minted
  1. 1 .daftplugPublic .daftplugPublicNavigationTabBar {
  2. 2 position: fixed;
  3. 3 display: flex;
  4. 4 justify-content: center;
  5. 5 align-items: center;
  6. 6 bottom: 0;
  7. 7 margin: 0;
  8. 8 padding: 0;
  9. 9 width: 100%;
  10. 10 z-index: 999999999;
  11. 11 height: 58px;
  12. 12 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  13. 13 }
  14. 14
  15. 15 .daftplugPublic .daftplugPublicNavigationTabBar_list {
  16. 16 position: relative;
  17. 17 display: flex;
  18. 18 align-items: center;
  19. 19 justify-content: space-around;
  20. 20 list-style: none;
  21. 21 width: 95%;
  22. 22 height: 100%;
  23. 23 margin: 0;
  24. 24 padding: 0;
  25. 25 }
  26. 26
  27. 27 .daftplugPublic .daftplugPublicNavigationTabBar_item {
  28. 28 margin: 0;
  29. 29 padding: 0;
  30. 30 }
  31. 31
  32. 32 .daftplugPublic .daftplugPublicNavigationTabBar_link {
  33. 33 position: relative;
  34. 34 display: flex;
  35. 35 justify-content: center;
  36. 36 align-items: center;
  37. 37 margin: -10px;
  38. 38 padding: 10px;
  39. 39 border-radius: 50%;
  40. 40 cursor: pointer;
  41. 41 z-index: 1;
  42. 42 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  43. 43 }
  44. 44
  45. 45 .daftplugPublic .daftplugPublicNavigationTabBar_icon {
  46. 46 width: 24px;
  47. 47 }
  48. 48
  49. 49 .daftplugPublic .daftplugPublicNavigationTabBar_search {
  50. 50 display: none;
  51. 51 position: absolute;
  52. 52 top: 0;
  53. 53 bottom: 0;
  54. 54 left: 0;
  55. 55 right: 0;
  56. 56 width: 100%;
  57. 57 height: 100%;
  58. 58 z-index: 9999;
  59. 59 }
  60. 60
  61. 61 .daftplugPublic .daftplugPublicNavigationTabBar_searchForm {
  62. 62 height: 100%;
  63. 63 width: 100%;
  64. 64 border: 0;
  65. 65 margin: 0;
  66. 66 outline: 0;
  67. 67 }
  68. 68
  69. 69 .daftplugPublic .daftplugPublicNavigationTabBar_searchField {
  70. 70 height: 100%;
  71. 71 width: 100%;
  72. 72 border: 0;
  73. 73 margin: 0;
  74. 74 outline: 0;
  75. 75 padding: 10px;
  76. 76 font-family: inherit;
  77. 77 font-size: 15px;
  78. 78 border-radius: 0;
  79. 79 box-shadow: none;
  80. 80 -webkit-appearance: none;
  81. 81 opacity: 1;
  82. 82 z-index: 1;
  83. 83 visibility: visible;
  84. 84 }
  85. 85
  86. 86 .daftplugPublic .daftplugPublicNavigationTabBar_cartcount {
  87. 87 position: absolute;
  88. 88 font-size: 8px;
  89. 89 padding: 0;
  90. 90 margin: 0;
  91. 91 color: #fff;
  92. 92 font-weight: 700;
  93. 93 background-color: #ff0000;
  94. 94 border-radius: 50%;
  95. 95 line-height: 15px;
  96. 96 top: 8px;
  97. 97 right: 5px;
  98. 98 height: 14px;
  99. 99 min-width: 14px;
  100. 100 text-align: center;
  101. 101 }
  102. 102
  103. 103 .daftplugPublic .daftplugPublicPushButton {
  104. 104 position: fixed;
  105. 105 display: none;
  106. 106 white-space: nowrap;
  107. 107 height: 60px;
  108. 108 text-align: center;
  109. 109 justify-content: center;
  110. 110 align-items: center;
  111. 111 width: 60px;
  112. 112 margin: 0;
  113. 113 padding: 0;
  114. 114 outline: none;
  115. 115 border: none;
  116. 116 border-radius: 50%;
  117. 117 vertical-align: middle;
  118. 118 text-decoration: none;
  119. 119 box-shadow: 0 14px 26px -12px rgba(0, 0, 0, .15), 0 4px 23px 0 rgba(0, 0, 0, .06), 0 8px 10px -5px rgba(0, 0, 0, .15);
  120. 120 cursor: pointer;
  121. 121 z-index: 999999999;
  122. 122 }
  123. 123
  124. 124 .daftplugPublic .daftplugPublicPushButton_icon {
  125. 125 display: none;
  126. 126 width: 27px;
  127. 127 height: 27px;
  128. 128 stroke-width: 2.2;
  129. 129 vertical-align: middle;
  130. 130 border: none;
  131. 131 outline: none;
  132. 132 }
  133. 133
  134. 134 .daftplugPublic .daftplugPublicPushButton.-loading {
  135. 135 pointer-events: none;
  136. 136 }
  137. 137
  138. 138 .daftplugPublic .daftplugPublicPushButton.-on .daftplugPublicPushButton_icon.-iconBell,
  139. 139 .daftplugPublic .daftplugPublicPushButton.-off .daftplugPublicPushButton_icon.-iconBellOff {
  140. 140 display: inline-block;
  141. 141 }
  142. 142
  143. 143 .daftplugPublic .daftplugPublicPushButton.-loading .daftplugPublicPushButton_icon.-iconLoading {
  144. 144 display: inline-block;
  145. 145 -webkit-animation: daftplugTurn 1.2s linear infinite forwards, daftplugPath 1.2s linear infinite forwards;
  146. 146 animation: daftplugTurn 1.2s linear infinite forwards, daftplugPath 1.2s linear infinite forwards;
  147. 147 }
  148. 148
  149. 149 .daftplugPublic .daftplugPublicRotateNotice {
  150. 150 display: none;
  151. 151 justify-content: center;
  152. 152 align-items: center;
  153. 153 flex-direction: column;
  154. 154 position: fixed;
  155. 155 left: 0;
  156. 156 top: 0;
  157. 157 right: 0;
  158. 158 bottom: 0;
  159. 159 background: black;
  160. 160 z-index: 999999999999999999;
  161. 161 pointer-events: none;
  162. 162 }
  163. 163
  164. 164 .daftplugPublic .daftplugPublicRotateNotice_phone {
  165. 165 height: 50px;
  166. 166 width: 100px;
  167. 167 border: 3px solid #fff;
  168. 168 border-radius: 10px;
  169. 169 animation: daftplugRotate 1.5s ease-in-out infinite alternate;
  170. 170 }
  171. 171
  172. 172 .daftplugPublic .daftplugPublicRotateNotice_text {
  173. 173 color: #fff;
  174. 174 font-size: 1em;
  175. 175 margin-top: 40px;
  176. 176 }
  177. 177
  178. 178 .daftplugPublic .daftplugPublicPreloader {
  179. 179 display: flex;
  180. 180 justify-content: center;
  181. 181 align-items: center;
  182. 182 position: fixed;
  183. 183 top: 0;
  184. 184 left: 0;
  185. 185 right: 0;
  186. 186 bottom: 0;
  187. 187 z-index: 9999999999999999;
  188. 188 }
  189. 189
  190. 190 .daftplugPublic .daftplugPublicPreloader.-default .daftplugPublicPreloader_icon {
  191. 191 width: 150px;
  192. 192 height: 150px;
  193. 193 background-repeat: no-repeat;
  194. 194 background-position: center;
  195. 195 -webkit-animation: daftplugBounce .4s infinite alternate;
  196. 196 -moz-animation: daftplugBounce .4s infinite alternate;
  197. 197 animation: daftplugBounce .4s infinite alternate;
  198. 198 }
  199. 199
  200. 200 .daftplugPublic .daftplugPublicPreloader.-spinner .daftplugPublicPreloader_spins {
  201. 201 position: relative;
  202. 202 margin: 75px auto;
  203. 203 width: 150px;
  204. 204 height: 150px;
  205. 205 display: block;
  206. 206 overflow: hidden;
  207. 207 will-change: transform;
  208. 208 }
  209. 209
  210. 210 .daftplugPublic .daftplugPublicPreloader.-spinner .daftplugPublicPreloader_spins div {
  211. 211 height: 100%;
  212. 212 border: 2px solid transparent;
  213. 213 border-radius: 50%;
  214. 214 padding: 4px;
  215. 215 -webkit-animation: daftplugSpinnerRotate 4s infinite linear;
  216. 216 animation: daftplugSpinnerRotate 4s infinite linear;
  217. 217 }
  218. 218
  219. 219 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body {
  220. 220 position: absolute;
  221. 221 top: 50%;
  222. 222 margin-left: -50px;
  223. 223 left: 50%;
  224. 224 animation: daftplugSpeeder .4s linear infinite;
  225. 225 }
  226. 226
  227. 227 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span {
  228. 228 height: 5px;
  229. 229 width: 35px;
  230. 230 background: #000;
  231. 231 position: absolute;
  232. 232 top: -19px;
  233. 233 left: 60px;
  234. 234 border-radius: 2px 10px 1px 0;
  235. 235 }
  236. 236
  237. 237 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span {
  238. 238 position: absolute;
  239. 239 width: 0;
  240. 240 height: 0;
  241. 241 border-top: 6px solid transparent;
  242. 242 border-right: 100px solid #000;
  243. 243 border-bottom: 6px solid transparent;
  244. 244 }
  245. 245
  246. 246 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span::before {
  247. 247 content: "";
  248. 248 height: 22px;
  249. 249 width: 22px;
  250. 250 border-radius: 50%;
  251. 251 background: #000;
  252. 252 position: absolute;
  253. 253 right: -110px;
  254. 254 top: -16px;
  255. 255 }
  256. 256
  257. 257 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_base span::after {
  258. 258 content: "";
  259. 259 position: absolute;
  260. 260 width: 0;
  261. 261 height: 0;
  262. 262 border-top: 0 solid transparent;
  263. 263 border-right: 55px solid #000;
  264. 264 border-bottom: 16px solid transparent;
  265. 265 top: -16px;
  266. 266 right: -98px;
  267. 267 }
  268. 268
  269. 269 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_face {
  270. 270 position: absolute;
  271. 271 height: 12px;
  272. 272 width: 20px;
  273. 273 background: #000;
  274. 274 border-radius: 20px 20px 0 0;
  275. 275 transform: rotate(-40deg);
  276. 276 right: -125px;
  277. 277 top: -15px;
  278. 278 }
  279. 279
  280. 280 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_face::after {
  281. 281 content: "";
  282. 282 height: 12px;
  283. 283 width: 12px;
  284. 284 background: #000;
  285. 285 right: 4px;
  286. 286 top: 7px;
  287. 287 position: absolute;
  288. 288 transform: rotate(40deg);
  289. 289 transform-origin: 50% 50%;
  290. 290 border-radius: 0 0 0 2px;
  291. 291 }
  292. 292
  293. 293 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(1),
  294. 294 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(2),
  295. 295 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(3),
  296. 296 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(4) {
  297. 297 width: 30px;
  298. 298 height: 1px;
  299. 299 background: #000;
  300. 300 position: absolute;
  301. 301 animation: daftplugFazer1 .2s linear infinite;
  302. 302 }
  303. 303
  304. 304 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(2) {
  305. 305 top: 3px;
  306. 306 animation: daftplugFazer2 .4s linear infinite;
  307. 307 }
  308. 308
  309. 309 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(3) {
  310. 310 top: 1px;
  311. 311 animation: daftplugFazer3 .4s linear infinite;
  312. 312 animation-delay: -1s;
  313. 313 }
  314. 314
  315. 315 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_body > span > span:nth-child(4) {
  316. 316 top: 4px;
  317. 317 animation: daftplugFazer4 1s linear infinite;
  318. 318 animation-delay: -1s;
  319. 319 }
  320. 320
  321. 321 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers {
  322. 322 position: absolute;
  323. 323 width: 100%;
  324. 324 height: 100%;
  325. 325 }
  326. 326
  327. 327 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span {
  328. 328 position: absolute;
  329. 329 height: 2px;
  330. 330 width: 20%;
  331. 331 background: #000;
  332. 332 }
  333. 333
  334. 334 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(1) {
  335. 335 top: 20%;
  336. 336 animation: daftplugFazers1 .6s linear infinite;
  337. 337 animation-delay: -5s;
  338. 338 }
  339. 339
  340. 340 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(2) {
  341. 341 top: 40%;
  342. 342 animation: daftplugFazers2 .8s linear infinite;
  343. 343 animation-delay: -1s;
  344. 344 }
  345. 345
  346. 346 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(3) {
  347. 347 top: 60%;
  348. 348 animation: daftplugFazers3 .6s linear infinite;
  349. 349 }
  350. 350
  351. 351 .daftplugPublic .daftplugPublicPreloader.-redirect .daftplugPublicPreloader_fazers span:nth-child(4) {
  352. 352 top: 80%;
  353. 353 animation: daftplugFazers4 .5s linear infinite;
  354. 354 animation-delay: -3s;
  355. 355 }
  356. 356
  357. 357 .daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_counter {
  358. 358 font-size: 38px;
  359. 359 color: #fff;
  360. 360 }
  361. 361
  362. 362 .daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_progress {
  363. 363 width: 400px;
  364. 364 max-width: 85vw;
  365. 365 height: 4px;
  366. 366 position: absolute;
  367. 367 bottom: 20vh;
  368. 368 left: 50%;
  369. 369 border-radius: 4px;
  370. 370 background: rgba(255,255,255,0.5);
  371. 371 transform: translate(-50%, -50%);
  372. 372 overflow: hidden;
  373. 373 }
  374. 374
  375. 375 .daftplugPublic .daftplugPublicPreloader.-percent .daftplugPublicPreloader_fill {
  376. 376 display: block;
  377. 377 width: 0;
  378. 378 height: 4px;
  379. 379 background: #fff;
  380. 380 }
  381. 381
  382. 382 .daftplugPublic .daftplugPublicInstallButton {
  383. 383 display: none;
  384. 384 vertical-align: middle;
  385. 385 text-decoration: none;
  386. 386 font-size: 15px;
  387. 387 font-weight: 500;
  388. 388 line-height: 35px;
  389. 389 padding: 0 17px;
  390. 390 height: 35px;
  391. 391 border: none;
  392. 392 outline: none;
  393. 393 border-radius: 30px;
  394. 394 cursor: pointer;
  395. 395 }
  396. 396
  397. 397 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome,
  398. 398 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2,
  399. 399 .daftplugPublic .daftplugPublicFullscreenOverlay.-firefox,
  400. 400 .daftplugPublic .daftplugPublicFullscreenOverlay.-safari,
  401. 401 .daftplugPublic .daftplugPublicHeaderOverlay,
  402. 402 .daftplugPublic .daftplugPublicMenuOverlay,
  403. 403 .daftplugPublic .daftplugPublicCheckoutOverlay,
  404. 404 .daftplugPublic .daftplugPublicPostOverlay {
  405. 405 display: none;
  406. 406 }
  407. 407
  408. 408 .daftplugPublic .daftplugPublicFullscreenOverlay {
  409. 409 width: 100vw;
  410. 410 height: 100vh;
  411. 411 position: fixed;
  412. 412 top: 0;
  413. 413 text-align: center;
  414. 414 color: #fff;
  415. 415 padding: 10vh 5vw;
  416. 416 box-sizing: border-box;
  417. 417 z-index: 9999999999999999;
  418. 418 background-color: rgba(0, 0, 0, 0.75);
  419. 419 }
  420. 420
  421. 421 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome .daftplugPublicFullscreenOverlay_close,
  422. 422 .daftplugPublic .daftplugPublicFullscreenOverlay.-safari .daftplugPublicFullscreenOverlay_close {
  423. 423 margin: -45px 0 40px;
  424. 424 opacity: 0.8;
  425. 425 text-align: right;
  426. 426 text-decoration: underline;
  427. 427 cursor: pointer;
  428. 428 }
  429. 429
  430. 430 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_close,
  431. 431 .daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_close {
  432. 432 margin-top: 55px;
  433. 433 opacity: 0.8;
  434. 434 text-align: center;
  435. 435 text-decoration: underline;
  436. 436 cursor: pointer;
  437. 437 }
  438. 438
  439. 439 .daftplugPublic .daftplugPublicFullscreenOverlay_logo {
  440. 440 background-repeat: no-repeat;
  441. 441 background-position: center 0;
  442. 442 padding-top: 130px;
  443. 443 margin: 0 45px;
  444. 444 background-size: 120px;
  445. 445 font-size: 24px;
  446. 446 margin-top: 15vh;
  447. 447 }
  448. 448
  449. 449 .daftplugPublic .daftplugPublicFullscreenOverlay_icon.-pointer {
  450. 450 margin-top: 5vh;
  451. 451 background: url('../img/image-mobileicons.png') no-repeat top left;
  452. 452 background-position: center -40px;
  453. 453 width: 100%;
  454. 454 height: 50px;
  455. 455 background-size: 40px;
  456. 456 -webkit-animation-duration: 0.5s;
  457. 457 animation-duration: 0.5s;
  458. 458 -webkit-animation-name: daftplugTopToBottom;
  459. 459 animation-name: daftplugTopToBottom;
  460. 460 -webkit-animation-iteration-count: infinite;
  461. 461 animation-iteration-count: infinite;
  462. 462 -webkit-animation-direction: alternate;
  463. 463 animation-direction: alternate;
  464. 464 }
  465. 465
  466. 466 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_icon.-pointer {
  467. 467 margin-top: -8vh;
  468. 468 margin-left: 12px;
  469. 469 background-position: right -344px;
  470. 470 }
  471. 471
  472. 472 .daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_icon.-pointer {
  473. 473 margin-top: -8vh;
  474. 474 background-position: right -344px;
  475. 475 width: 77%;
  476. 476 }
  477. 477
  478. 478 .daftplugPublic .daftplugPublicFullscreenOverlay_icon.-home {
  479. 479 vertical-align: text-bottom;
  480. 480 width: 35px;
  481. 481 height: 35px;
  482. 482 display: inline-block;
  483. 483 background-size: cover;
  484. 484 background-image: url('../img/image-mobileicons.png');
  485. 485 }
  486. 486
  487. 487 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome2 .daftplugPublicFullscreenOverlay_icon.-home {
  488. 488 background-position: center -113px;
  489. 489 }
  490. 490
  491. 491 .daftplugPublic .daftplugPublicFullscreenOverlay.-firefox .daftplugPublicFullscreenOverlay_icon.-home {
  492. 492 width: 47px;
  493. 493 height: 27px;
  494. 494 background-position: center 33px;
  495. 495 }
  496. 496
  497. 497 .daftplugPublic .daftplugPublicFullscreenOverlay.-chrome .daftplugPublicFullscreenOverlay_button {
  498. 498 background-color: transparent;
  499. 499 margin: 5vh auto;
  500. 500 display: inline-block;
  501. 501 font-weight: 600;
  502. 502 color: #fff;
  503. 503 border: 2px solid #fff;
  504. 504 padding: 10px 16px;
  505. 505 font-size: 16px;
  506. 506 border-radius: 6px;
  507. 507 cursor: pointer;
  508. 508 }
  509. 509
  510. 510 .daftplugPublic .daftplugPublicFullscreenOverlay_text {
  511. 511 padding-top: 3vh;
  512. 512 line-height: 1.5;
  513. 513 font-size: 18px;
  514. 514 }
  515. 515
  516. 516 .daftplugPublic .daftplugPublicFullscreenOverlay.-safari .daftplugPublicFullscreenOverlay_text {
  517. 517 padding-top: 10vh;
  518. 518 line-height: 1.5;
  519. 519 font-size: 18px;
  520. 520 }
  521. 521
  522. 522 .daftplugPublic .daftplugPublicHeaderOverlay {
  523. 523 -webkit-box-align: center;
  524. 524 -ms-flex-align: center;
  525. 525 align-items: center;
  526. 526 justify-content: space-between;
  527. 527 padding: 16px 12px;
  528. 528 position: fixed;
  529. 529 top: 0;
  530. 530 right: 0;
  531. 531 left: 0;
  532. 532 z-index: 9999999999999999;
  533. 533 }
  534. 534
  535. 535 .daftplugPublic .daftplugPublicHeaderOverlay_dismiss {
  536. 536 width: 30px;
  537. 537 height: 30px;
  538. 538 display: inline-block;
  539. 539 stroke-width: 3px;
  540. 540 margin-right: 10px;
  541. 541 vertical-align: middle;
  542. 542 }
  543. 543
  544. 544 .daftplugPublic .daftplugPublicHeaderOverlay_message {
  545. 545 width: 222px;
  546. 546 margin-right: 10px;
  547. 547 }
  548. 548
  549. 549 .daftplugPublic .daftplugPublicHeaderOverlay_appname {
  550. 550 font-weight: 500;
  551. 551 font-size: 18px;
  552. 552 }
  553. 553
  554. 554 .daftplugPublic .daftplugPublicHeaderOverlay_text {
  555. 555 font-size: 14px;
  556. 556 }
  557. 557
  558. 558 .daftplugPublic .daftplugPublicHeaderOverlay_button {
  559. 559 cursor: pointer;
  560. 560 border-radius: 30px;
  561. 561 padding: 5px 15px;
  562. 562 font-weight: 500;
  563. 563 font-size: 18px;
  564. 564 }
  565. 565
  566. 566 .daftplugPublic .daftplugPublicMenuOverlay,
  567. 567 .daftplugPublic .daftplugPublicCheckoutOverlay {
  568. 568 -webkit-box-align: center;
  569. 569 flex-flow: column wrap;
  570. 570 -ms-flex-align: center;
  571. 571 align-items: center;
  572. 572 border-radius: 4px;
  573. 573 margin-top: 10px;
  574. 574 padding: 16px 12px;
  575. 575 z-index: 9999999999999999;
  576. 576 }
  577. 577
  578. 578 .daftplugPublic .daftplugPublicMenuOverlay_content,
  579. 579 .daftplugPublic .daftplugPublicCheckoutOverlay_content {
  580. 580 display: -webkit-box;
  581. 581 display: -ms-flexbox;
  582. 582 display: flex;
  583. 583 -webkit-box-align: center;
  584. 584 -ms-flex-align: center;
  585. 585 align-items: center;
  586. 586 margin-bottom: 10px;
  587. 587 }
  588. 588
  589. 589 .daftplugPublic .daftplugPublicMenuOverlay_icon {
  590. 590 width: 55px;
  591. 591 margin-right: 10px;
  592. 592 }
  593. 593
  594. 594 .daftplugPublic .daftplugPublicCheckoutOverlay_icon {
  595. 595 width: 85px;
  596. 596 margin-right: 10px;
  597. 597 }
  598. 598
  599. 599 .daftplugPublic .daftplugPublicMenuOverlay_msg,
  600. 600 .daftplugPublic .daftplugPublicCheckoutOverlay_msg {
  601. 601 font-size: 15px;
  602. 602 padding: 0;
  603. 603 margin: 0;
  604. 604 }
  605. 605
  606. 606 .daftplugPublic .daftplugPublicMenuOverlay_buttons,
  607. 607 .daftplugPublic .daftplugPublicCheckoutOverlay_buttons {
  608. 608 display: -webkit-box;
  609. 609 display: -ms-flexbox;
  610. 610 display: flex;
  611. 611 -webkit-box-align: center;
  612. 612 -ms-flex-align: center;
  613. 613 align-items: center;
  614. 614 justify-content: flex-end;
  615. 615 width: 100%;
  616. 616 font-size: 18px;
  617. 617 }
  618. 618
  619. 619 .daftplugPublic .daftplugPublicMenuOverlay_dismiss,
  620. 620 .daftplugPublic .daftplugPublicCheckoutOverlay_dismiss {
  621. 621 cursor: pointer;
  622. 622 margin-right: 20px;
  623. 623 }
  624. 624
  625. 625 .daftplugPublic .daftplugPublicMenuOverlay_install,
  626. 626 .daftplugPublic .daftplugPublicCheckoutOverlay_install {
  627. 627 cursor: pointer;
  628. 628 border-radius: 30px;
  629. 629 padding: 5px 15px;
  630. 630 font-weight: 500;
  631. 631 }
  632. 632
  633. 633
  634. 634
  635. 635 .daftplugPublic .daftplugPublicPostOverlay {
  636. 636
  637. 637 }
  638. 638
  639. 639 .daftplugPublic .daftplugPublicPostOverlay_background {
  640. 640 width: 100vw;
  641. 641 height: 100vh;
  642. 642 position: fixed;
  643. 643 top: 0;
  644. 644 color: #fff;
  645. 645 z-index: 9999999999999999;
  646. 646 background-color: rgba(0, 0, 0, 0.7);
  647. 647 pointer-events: none;
  648. 648 }
  649. 649
  650. 650 .daftplugPublic .daftplugPublicPostOverlay_content {
  651. 651 position: fixed;
  652. 652 width: 100%;
  653. 653 bottom: 0;
  654. 654 padding: 0 20px;
  655. 655 background-color: #fff;
  656. 656 border-top-left-radius: 16px;
  657. 657 border-top-right-radius: 16px;
  658. 658 z-index: 99999999999999999;
  659. 659 animation: .3s daftplugSlideUp;
  660. 660 animation-delay: .5s;
  661. 661 animation-fill-mode: backwards;
  662. 662 pointer-events: all;
  663. 663 }
  664. 664
  665. 665 .daftplugPublic .daftplugPublicPostOverlay_header {
  666. 666 border-bottom: 1px solid;
  667. 667 border-color: #e3ebf3;
  668. 668 color: #1a1a1b;
  669. 669 font-size: 18px;
  670. 670 font-weight: 500;
  671. 671 text-align: center;
  672. 672 line-height: 26px;
  673. 673 padding: 12px 0;
  674. 674 }
  675. 675
  676. 676 .daftplugPublic .daftplugPublicPostOverlay_actions {
  677. 677 padding: 15px 0;
  678. 678 }
  679. 679
  680. 680 .daftplugPublic .daftplugPublicPostOverlayAction {
  681. 681 -ms-flex-align: center;
  682. 682 align-items: center;
  683. 683 display: -ms-flexbox;
  684. 684 display: flex;
  685. 685 height: auto;
  686. 686 position: relative;
  687. 687 }
  688. 688
  689. 689 .daftplugPublic .daftplugPublicPostOverlayAction:first-child {
  690. 690 margin-bottom: 15px;
  691. 691 }
  692. 692
  693. 693 .daftplugPublic .daftplugPublicPostOverlayAction_logo {
  694. 694 background-color: transparent;
  695. 695 border: 1px solid #edeff1;
  696. 696 border-radius: 8px;
  697. 697 margin-right: 12px;
  698. 698 padding: 5px;
  699. 699 width: 52px;
  700. 700 height: 52px;
  701. 701 }
  702. 702
  703. 703 .daftplugPublic .daftplugPublicPostOverlayAction_name {
  704. 704 color: #1a1a1b;
  705. 705 font-size: 16px;
  706. 706 font-weight: 700;
  707. 707 left: 0;
  708. 708 line-height: 32px;
  709. 709 position: relative;
  710. 710 }
  711. 711
  712. 712 .daftplugPublic .daftplugPublicPostOverlayAction_button {
  713. 713 background-color: #d9dee2;
  714. 714 color: #787c7e;
  715. 715 border: 1px solid #d3d6da;
  716. 716 border-radius: 40px;
  717. 717 font-size: 14px;
  718. 718 font-weight: 700;
  719. 719 height: 40px;
  720. 720 line-height: 38px;
  721. 721 outline: none;
  722. 722 padding: 0;
  723. 723 position: absolute;
  724. 724 right: 0;
  725. 725 text-align: center;
  726. 726 text-transform: capitalize;
  727. 727 width: 94px;
  728. 728 }
  729. 729
  730. 730 .daftplugPublic .daftplugPublicPostOverlayAction_button.-install {
  731. 731 border: none;
  732. 732 }
  733. 733
  734. 734 .daftplugPublic .daftplugPublicPushPrompt {
  735. 735 display: none;
  736. 736 position: fixed;
  737. 737 right: 0;
  738. 738 left: 0;
  739. 739 z-index: 9999999999999999;
  740. 740 max-width: 500px;
  741. 741 margin: 0 auto;
  742. 742 padding: 18px;
  743. 743 box-shadow: 0 1px 6px rgba(5,27,44,.06), 0 2px 32px rgba(5,27,44,.16);
  744. 744 border-radius: 10px;
  745. 745 }
  746. 746
  747. 747 .daftplugPublic .daftplugPublicPushPrompt.-show {
  748. 748 display: block;
  749. 749 top: 15px;
  750. 750 -webkit-animation-name: daftplugSlideDownEnter;
  751. 751 -webkit-animation-iteration-count: 1;
  752. 752 -webkit-animation-timing-function: ease-out;
  753. 753 -webkit-animation-duration: .5s;
  754. 754 -webkit-animation-fill-mode: forwards;
  755. 755 animation-name: daftplugSlideDownEnter;
  756. 756 animation-iteration-count: 1;
  757. 757 animation-timing-function: ease-out;
  758. 758 animation-duration: .5s;
  759. 759 animation-fill-mode: forwards;
  760. 760 }
  761. 761
  762. 762 .daftplugPublic .daftplugPublicPushPrompt.-hide {
  763. 763 -webkit-animation-name: daftplugSlideDownExit;
  764. 764 -webkit-animation-iteration-count: 1;
  765. 765 -webkit-animation-timing-function: ease-out;
  766. 766 -webkit-animation-duration: 500ms;
  767. 767 -webkit-animation-fill-mode: forwards;
  768. 768 animation-name: daftplugSlideDownExit;
  769. 769 animation-iteration-count: 1;
  770. 770 animation-timing-function: ease-out;
  771. 771 animation-duration: 500ms;
  772. 772 animation-fill-mode: forwards;
  773. 773 }
  774. 774
  775. 775 .daftplugPublic .daftplugPublicPushPrompt_content {
  776. 776 display: -webkit-box;
  777. 777 display: -ms-flexbox;
  778. 778 display: flex;
  779. 779 -webkit-box-align: center;
  780. 780 -ms-flex-align: center;
  781. 781 align-items: center;
  782. 782 margin-bottom: 16px;
  783. 783 }
  784. 784
  785. 785 .daftplugPublic .daftplugPublicPushPrompt_icon {
  786. 786 width: 69px;
  787. 787 margin-right: 10px;
  788. 788 }
  789. 789
  790. 790 .daftplugPublic .daftplugPublicPushPrompt_msg {
  791. 791 font-size: 17px;
  792. 792 padding: 0;
  793. 793 margin: 0;
  794. 794 }
  795. 795
  796. 796 .daftplugPublic .daftplugPublicPushPrompt_buttons {
  797. 797 display: -webkit-box;
  798. 798 display: -ms-flexbox;
  799. 799 display: flex;
  800. 800 -webkit-box-align: center;
  801. 801 -ms-flex-align: center;
  802. 802 align-items: center;
  803. 803 justify-content: flex-end;
  804. 804 width: 100%;
  805. 805 font-size: 16px;
  806. 806 }
  807. 807
  808. 808 .daftplugPublic .daftplugPublicPushPrompt_dismiss {
  809. 809 cursor: pointer;
  810. 810 margin-right: 18px;
  811. 811 }
  812. 812
  813. 813 .daftplugPublic .daftplugPublicPushPrompt_allow {
  814. 814 display: inline-block;
  815. 815 vertical-align: middle;
  816. 816 text-decoration: none;
  817. 817 background: #4d84fe;
  818. 818 box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
  819. 819 color: #FFF;
  820. 820 font-weight: 500;
  821. 821 padding: 8px 20px;
  822. 822 border: none;
  823. 823 border-radius: 30px;
  824. 824 cursor: pointer;
  825. 825 transition: all .2s ease;
  826. 826 }
  827. 827
  828. 828 .daftplugPublic .daftplugPublicPushPrompt_allow:hover {
  829. 829 background: #4073FF;
  830. 830 }
  831. 831
  832. 832 .daftplugPublic .daftplugPublicPushPrompt_allow:hover,
  833. 833 .daftplugPublic .daftplugPublicPushPrompt_allow:focus {
  834. 834 color: #FFF;
  835. 835 box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
  836. 836 }
  837. 837
  838. 838 .daftplugPublic .daftplugPublicPushPrompt_allow:active {
  839. 839 color: #FFF;
  840. 840 -webkit-transform: scale(0.97);
  841. 841 transform: scale(0.97);
  842. 842 box-shadow: 0 14px 26px -12px rgba(77, 132, 254, .3), 0 4px 23px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(77, 132, 254, .3);
  843. 843 }
  844. 844
  845. 845 @-webkit-keyframes daftplugTurn {
  846. 846 100% {
  847. 847 -webkit-transform: rotate(360deg);
  848. 848 transform: rotate(360deg);
  849. 849 }
  850. 850 }
  851. 851
  852. 852 @keyframes daftplugTurn {
  853. 853 100% {
  854. 854 -webkit-transform: rotate(360deg);
  855. 855 transform: rotate(360deg);
  856. 856 }
  857. 857 }
  858. 858
  859. 859 @-webkit-keyframes daftplugTopToBottom {
  860. 860 from {
  861. 861 transform: translate(0, 0);
  862. 862 }
  863. 863 to {
  864. 864 transform: translate(0, 20px);
  865. 865 }
  866. 866 }
  867. 867
  868. 868 @keyframes daftplugTopToBottom {
  869. 869 from {
  870. 870 transform: translate(0, 0);
  871. 871 }
  872. 872 to {
  873. 873 transform: translate(0, 20px);
  874. 874 }
  875. 875 }
  876. 876
  877. 877 @-webkit-keyframes daftplugRotate {
  878. 878 0% {
  879. 879 transform: rotate(0deg)
  880. 880 }
  881. 881 50% {
  882. 882 transform: rotate(-90deg)
  883. 883 }
  884. 884 100% {
  885. 885 transform: rotate(-90deg)
  886. 886 }
  887. 887 }
  888. 888
  889. 889 @keyframes daftplugRotate {
  890. 890 0% {
  891. 891 transform: rotate(0deg)
  892. 892 }
  893. 893 50% {
  894. 894 transform: rotate(-90deg)
  895. 895 }
  896. 896 100% {
  897. 897 transform: rotate(-90deg)
  898. 898 }
  899. 899 }
  900. 900
  901. 901 @-webkit-keyframes daftplugBounce {
  902. 902 to {
  903. 903 transform: scale(1.07);
  904. 904 }
  905. 905 }
  906. 906
  907. 907 @keyframes daftplugBounce {
  908. 908 to {
  909. 909 transform: scale(1.07);
  910. 910 }
  911. 911 }
  912. 912
  913. 913 @-webkit-keyframes daftplugSlideUp {
  914. 914 0% {
  915. 915 transform: translateY(224px)
  916. 916 }
  917. 917 to {
  918. 918 transform: translateY(0)
  919. 919 }
  920. 920 }
  921. 921
  922. 922 @keyframes daftplugSlideUp {
  923. 923 0% {
  924. 924 transform: translateY(224px)
  925. 925 }
  926. 926 to {
  927. 927 transform: translateY(0)
  928. 928 }
  929. 929 }
  930. 930
  931. 931 @keyframes daftplugSlideDownEnter {
  932. 932 0% {
  933. 933 transform: translateY(-150%)
  934. 934 }
  935. 935 100% {
  936. 936 transform: translateY(0);
  937. 937 }
  938. 938 }
  939. 939
  940. 940 @keyframes daftplugSlideDownExit {
  941. 941 0% {
  942. 942 transform: translateY(0%)
  943. 943 }
  944. 944 100% {
  945. 945 transform: translateY(-150%)
  946. 946 }
  947. 947 }
  948. 948
  949. 949 @-webkit-keyframes daftplugSpinnerRotate {
  950. 950 0% {
  951. 951 -webkit-transform: rotate(0deg);
  952. 952 transform: rotate(0deg);
  953. 953 border-top-color: rgba(0, 0, 0, 0.5);
  954. 954 }
  955. 955 50% {
  956. 956 -webkit-transform: rotate(180deg);
  957. 957 transform: rotate(180deg);
  958. 958 border-top-color: rgba(0, 0, 255, 0.5);
  959. 959 }
  960. 960 100% {
  961. 961 -webkit-transform: rotate(360deg);
  962. 962 transform: rotate(360deg);
  963. 963 border-top-color: rgba(0, 0, 0, 0.5);
  964. 964 }
  965. 965 }
  966. 966
  967. 967 @keyframes daftplugSpinnerRotate {
  968. 968 0% {
  969. 969 -webkit-transform: rotate(0deg);
  970. 970 transform: rotate(0deg);
  971. 971 border-top-color: rgba(0, 0, 0, 0.5);
  972. 972 }
  973. 973 50% {
  974. 974 -webkit-transform: rotate(180deg);
  975. 975 transform: rotate(180deg);
  976. 976 border-top-color: rgba(0, 0, 255, 0.5);
  977. 977 }
  978. 978 100% {
  979. 979 -webkit-transform: rotate(360deg);
  980. 980 transform: rotate(360deg);
  981. 981 border-top-color: rgba(0, 0, 0, 0.5);
  982. 982 }
  983. 983 }
  984. 984
  985. 985 @keyframes daftplugFazers1 {
  986. 986 0% {
  987. 987 left: 200%;
  988. 988 }
  989. 989 100% {
  990. 990 left: -200%;
  991. 991 opacity: 0;
  992. 992 }
  993. 993 }
  994. 994
  995. 995 @keyframes daftplugFazers2 {
  996. 996 0% {
  997. 997 left: 200%;
  998. 998 }
  999. 999 100% {
  1000. 1000 left: -200%;
  1001. 1001 opacity: 0;
  1002. 1002 }
  1003. 1003 }
  1004. 1004
  1005. 1005 @keyframes daftplugFazers3 {
  1006. 1006 0% {
  1007. 1007 left: 200%;
  1008. 1008 }
  1009. 1009 100% {
  1010. 1010 left: -100%;
  1011. 1011 opacity: 0;
  1012. 1012 }
  1013. 1013 }
  1014. 1014
  1015. 1015 @keyframes daftplugFazers4 {
  1016. 1016 0% {
  1017. 1017 left: 200%;
  1018. 1018 }
  1019. 1019 100% {
  1020. 1020 left: -100%;
  1021. 1021 opacity: 0;
  1022. 1022 }
  1023. 1023 }
  1024. 1024
  1025. 1025 @keyframes daftplugFazer1 {
  1026. 1026 0% {
  1027. 1027 left: 0;
  1028. 1028 }
  1029. 1029 100% {
  1030. 1030 left: -80px;
  1031. 1031 opacity: 0;
  1032. 1032 }
  1033. 1033 }
  1034. 1034
  1035. 1035 @keyframes daftplugFazer2 {
  1036. 1036 0% {
  1037. 1037 left: 0;
  1038. 1038 }
  1039. 1039 100% {
  1040. 1040 left: -100px;
  1041. 1041 opacity: 0;
  1042. 1042 }
  1043. 1043 }
  1044. 1044
  1045. 1045 @keyframes daftplugFazer3 {
  1046. 1046 0% {
  1047. 1047 left: 0;
  1048. 1048 }
  1049. 1049 100% {
  1050. 1050 left: -50px;
  1051. 1051 opacity: 0;
  1052. 1052 }
  1053. 1053 }
  1054. 1054
  1055. 1055 @keyframes daftplugFazer4 {
  1056. 1056 0% {
  1057. 1057 left: 0;
  1058. 1058 }
  1059. 1059 100% {
  1060. 1060 left: -150px;
  1061. 1061 opacity: 0;
  1062. 1062 }
  1063. 1063 }
  1064. 1064
  1065. 1065 @keyframes daftplugSpeeder {
  1066. 1066 0% {
  1067. 1067 transform: translate(2px, 1px) rotate(0deg);
  1068. 1068 }
  1069. 1069 10% {
  1070. 1070 transform: translate(-1px, -3px) rotate(-1deg);
  1071. 1071 }
  1072. 1072 20% {
  1073. 1073 transform: translate(-2px, 0px) rotate(1deg);
  1074. 1074 }
  1075. 1075 30% {
  1076. 1076 transform: translate(1px, 2px) rotate(0deg);
  1077. 1077 }
  1078. 1078 40% {
  1079. 1079 transform: translate(1px, -1px) rotate(1deg);
  1080. 1080 }
  1081. 1081 50% {
  1082. 1082 transform: translate(-1px, 3px) rotate(-1deg);
  1083. 1083 }
  1084. 1084 60% {
  1085. 1085 transform: translate(-1px, 1px) rotate(0deg);
  1086. 1086 }
  1087. 1087 70% {
  1088. 1088 transform: translate(3px, 1px) rotate(-1deg);
  1089. 1089 }
  1090. 1090 80% {
  1091. 1091 transform: translate(-2px, -1px) rotate(1deg);
  1092. 1092 }
  1093. 1093 90% {
  1094. 1094 transform: translate(2px, 1px) rotate(0deg);
  1095. 1095 }
  1096. 1096 100% {
  1097. 1097 transform: translate(1px, -2px) rotate(-1deg);
  1098. 1098 }
  1099. 1099 }
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)