pace-theme-flash.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  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: #29d;
  14. position: fixed;
  15. z-index: 2000;
  16. top: 0;
  17. left: 0;
  18. height: 2px;
  19. -webkit-transition: width 1s;
  20. -moz-transition: width 1s;
  21. -o-transition: width 1s;
  22. transition: width 1s;
  23. }
  24. .pace .pace-progress-inner {
  25. display: block;
  26. position: absolute;
  27. right: 0px;
  28. width: 100px;
  29. height: 100%;
  30. box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  31. opacity: 1.0;
  32. -webkit-transform: rotate(3deg) translate(0px, -4px);
  33. -moz-transform: rotate(3deg) translate(0px, -4px);
  34. -ms-transform: rotate(3deg) translate(0px, -4px);
  35. -o-transform: rotate(3deg) translate(0px, -4px);
  36. transform: rotate(3deg) translate(0px, -4px);
  37. }
  38. .pace .pace-activity {
  39. display: block;
  40. position: fixed;
  41. z-index: 2000;
  42. top: 15px;
  43. right: 15px;
  44. width: 14px;
  45. height: 14px;
  46. border: solid 2px transparent;
  47. border-top-color: #29d;
  48. border-left-color: #29d;
  49. border-radius: 10px;
  50. -webkit-animation: pace-spinner 400ms linear infinite;
  51. -moz-animation: pace-spinner 400ms linear infinite;
  52. -ms-animation: pace-spinner 400ms linear infinite;
  53. -o-animation: pace-spinner 400ms linear infinite;
  54. animation: pace-spinner 400ms linear infinite;
  55. }
  56. @-webkit-keyframes pace-spinner {
  57. 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  58. 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  59. }
  60. @-moz-keyframes pace-spinner {
  61. 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
  62. 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
  63. }
  64. @-o-keyframes pace-spinner {
  65. 0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
  66. 100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
  67. }
  68. @-ms-keyframes pace-spinner {
  69. 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
  70. 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
  71. }
  72. @keyframes pace-spinner {
  73. 0% { transform: rotate(0deg); transform: rotate(0deg); }
  74. 100% { transform: rotate(360deg); transform: rotate(360deg); }
  75. }