sergio.hinojosa
/
eval-desempeno-v2
1
0
Forka 0
Codice Problemi 0 Pull Requests 0 Rilasci 0 Wiki Attività
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.
4 Commit
3 Rami (Branch)
14MB
Albero (Tree): c2bcf96a8d
Rami (Branch) Tag
${ item.name }
Crea branch ${ searchTerm }
da 'c2bcf96a8d'
${ noResults }
eval-desempeno-v2/public/plugins/pace-progress/themes/pink/pace-theme-center-atom.css

132 lines
2.8KB
Originale Blame Cronologia 

  1. /* This is a compiled file, to make changes persist, consider editing under the templates directory */

  2. .pace.pace-inactive {

  3.   display: none;

  4. }

  5. 

  6. .pace {

  7.   -webkit-pointer-events: none;

  8.   pointer-events: none;

  9. 

  10.   -webkit-user-select: none;

  11.   -moz-user-select: none;

  12.   user-select: none;

  13. 

  14.   z-index: 2000;

  15.   position: fixed;

  16.   height: 60px;

  17.   width: 100px;

  18.   margin: auto;

  19.   top: 0;

  20.   left: 0;

  21.   right: 0;

  22.   bottom: 0;

  23. }

  24. 

  25. .pace .pace-progress {

  26.   z-index: 2000;

  27.   position: absolute;

  28.   height: 60px;

  29.   width: 100px;

  30. 

  31.   -webkit-transform: translate3d(0, 0, 0) !important;

  32.   -ms-transform: translate3d(0, 0, 0) !important;

  33.   transform: translate3d(0, 0, 0) !important;

  34. }

  35. 

  36. .pace .pace-progress:before {

  37.   content: attr(data-progress-text);

  38.   text-align: center;

  39.   color: #fff;

  40.   background: #e90f92;

  41.   border-radius: 50%;

  42.   font-family: "Helvetica Neue", sans-serif;

  43.   font-size: 14px;

  44.   font-weight: 100;

  45.   line-height: 1;

  46.   padding: 20% 0 7px;

  47.   width: 50%;

  48.   height: 40%;

  49.   margin: 10px 0 0 30px;

  50.   display: block;

  51.   z-index: 999;

  52.   position: absolute;

  53. }

  54. 

  55. .pace .pace-activity {

  56.   font-size: 15px;

  57.   line-height: 1;

  58.   z-index: 2000;

  59.   position: absolute;

  60.   height: 60px;

  61.   width: 100px;

  62. 

  63.   display: block;

  64.   -webkit-animation: pace-theme-center-atom-spin 2s linear infinite;

  65.   -moz-animation: pace-theme-center-atom-spin 2s linear infinite;

  66.   -o-animation: pace-theme-center-atom-spin 2s linear infinite;

  67.   animation: pace-theme-center-atom-spin 2s linear infinite;

  68. }

  69. 

  70. .pace .pace-activity {

  71.   border-radius: 50%;

  72.   border: 5px solid #e90f92;

  73.   content: ' ';

  74.   display: block;

  75.   position: absolute;

  76.   top: 0;

  77.   left: 0;

  78.   height: 60px;

  79.   width: 100px;

  80. }

  81. 

  82. .pace .pace-activity:after {

  83.   border-radius: 50%;

  84.   border: 5px solid #e90f92;

  85.   content: ' ';

  86.   display: block;

  87.   position: absolute;

  88.   top: -5px;

  89.   left: -5px;

  90.   height: 60px;

  91.   width: 100px;

  92. 

  93.   -webkit-transform: rotate(60deg);

  94.   -moz-transform: rotate(60deg);

  95.   -o-transform: rotate(60deg);

  96.   transform: rotate(60deg);

  97. }

  98. 

  99. .pace .pace-activity:before {

  100.   border-radius: 50%;

  101.   border: 5px solid #e90f92;

  102.   content: ' ';

  103.   display: block;

  104.   position: absolute;

  105.   top: -5px;

  106.   left: -5px;

  107.   height: 60px;

  108.   width: 100px;

  109. 

  110.   -webkit-transform: rotate(120deg);

  111.   -moz-transform: rotate(120deg);

  112.   -o-transform: rotate(120deg);

  113.   transform: rotate(120deg);

  114. }

  115. 

  116. @-webkit-keyframes pace-theme-center-atom-spin {

  117.   0%   { -webkit-transform: rotate(0deg) }

  118.   100% { -webkit-transform: rotate(359deg) }

  119. }

  120. @-moz-keyframes pace-theme-center-atom-spin {

  121.   0%   { -moz-transform: rotate(0deg) }

  122.   100% { -moz-transform: rotate(359deg) }

  123. }

  124. @-o-keyframes pace-theme-center-atom-spin {

  125.   0%   { -o-transform: rotate(0deg) }

  126.   100% { -o-transform: rotate(359deg) }

  127. }

  128. @keyframes pace-theme-center-atom-spin {

  129.   0%   { transform: rotate(0deg) }

  130.   100% { transform: rotate(359deg) }

  131. }