pace-theme-flash.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* This is a compiled file, you should be editing the file in the templates directory */
  2. .pace {
  3. -webkit-pointer-events: none;
  4. pointer-events: none;
  5. -webkit-user-select: none;
  6. -moz-user-select: none;
  7. user-select: none;
  8. }
  9. .pace-inactive {
  10. display: none;
  11. }
  12. .pace .pace-progress {
  13. background: #fcd25a;
  14. position: fixed;
  15. z-index: 2000;
  16. top: 0;
  17. right: 100%;
  18. width: 100%;
  19. height: 2px;
  20. }
  21. .pace .pace-progress-inner {
  22. display: block;
  23. position: absolute;
  24. right: 0px;
  25. width: 100px;
  26. height: 100%;
  27. box-shadow: 0 0 10px #fcd25a, 0 0 5px #fcd25a;
  28. opacity: 1.0;
  29. -webkit-transform: rotate(3deg) translate(0px, -4px);
  30. -moz-transform: rotate(3deg) translate(0px, -4px);
  31. -ms-transform: rotate(3deg) translate(0px, -4px);
  32. -o-transform: rotate(3deg) translate(0px, -4px);
  33. transform: rotate(3deg) translate(0px, -4px);
  34. }
  35. .pace .pace-activity {
  36. display: block;
  37. position: fixed;
  38. z-index: 2000;
  39. top: 15px;
  40. right: 15px;
  41. width: 14px;
  42. height: 14px;
  43. border: solid 2px transparent;
  44. border-top-color: #fcd25a;
  45. border-left-color: #fcd25a;
  46. border-radius: 10px;
  47. -webkit-animation: pace-spinner 400ms linear infinite;
  48. -moz-animation: pace-spinner 400ms linear infinite;
  49. -ms-animation: pace-spinner 400ms linear infinite;
  50. -o-animation: pace-spinner 400ms linear infinite;
  51. animation: pace-spinner 400ms linear infinite;
  52. }
  53. @-webkit-keyframes pace-spinner {
  54. 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  55. 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  56. }
  57. @-moz-keyframes pace-spinner {
  58. 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  59. 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
  60. }
  61. @-o-keyframes pace-spinner {
  62. 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  63. 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
  64. }
  65. @-ms-keyframes pace-spinner {
  66. 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  67. 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
  68. }
  69. @keyframes pace-spinner {
  70. 0% { transform: rotate(0deg); transform: rotate(0deg); }
  71. 100% { transform: rotate(360deg); transform: rotate(360deg); }
  72. }