You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

pace-theme-flash.css 2.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. /* This is a compiled file, to make changes persist, consider editing under 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: #000000;
  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 #000000, 0 0 5px #000000;
  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: #000000;
  45. border-left-color: #000000;
  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% {
  55. -webkit-transform: rotate(0deg);
  56. transform: rotate(0deg);
  57. }
  58. 100% {
  59. -webkit-transform: rotate(360deg);
  60. transform: rotate(360deg);
  61. }
  62. }
  63. @-moz-keyframes pace-spinner {
  64. 0% {
  65. -moz-transform: rotate(0deg);
  66. transform: rotate(0deg);
  67. }
  68. 100% {
  69. -moz-transform: rotate(360deg);
  70. transform: rotate(360deg);
  71. }
  72. }
  73. @-o-keyframes pace-spinner {
  74. 0% {
  75. -o-transform: rotate(0deg);
  76. transform: rotate(0deg);
  77. }
  78. 100% {
  79. -o-transform: rotate(360deg);
  80. transform: rotate(360deg);
  81. }
  82. }
  83. @-ms-keyframes pace-spinner {
  84. 0% {
  85. -ms-transform: rotate(0deg);
  86. transform: rotate(0deg);
  87. }
  88. 100% {
  89. -ms-transform: rotate(360deg);
  90. transform: rotate(360deg);
  91. }
  92. }
  93. @keyframes pace-spinner {
  94. 0% {
  95. transform: rotate(0deg);
  96. transform: rotate(0deg);
  97. }
  98. 100% {
  99. transform: rotate(360deg);
  100. transform: rotate(360deg);
  101. }
  102. }