Skip to content

Instantly share code, notes, and snippets.

@mathiasleroy
Created July 22, 2015 12:21
Show Gist options
  • Save mathiasleroy/de509f96305140424ffc to your computer and use it in GitHub Desktop.
Save mathiasleroy/de509f96305140424ffc to your computer and use it in GitHub Desktop.
/* Custom theme for http://github.hubspot.com/pace/docs/welcome/
* By Mathias Leroy
* Free to use if cited
*/
.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; z-index: 2000; position: fixed; height: 60px; width: 100px; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.pace-running #wholebody { opacity:0; }
.pace-done #wholebody { opacity:1; }
.pace-inactive { display: none; }
.pace .pace-progress { background-color: #337ab7; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 4px; }
.pace .pace-activity { content: "content3"; opacity:1; border-bottom: 6px solid #337ab7; border-left: 6px solid rgba(0, 0, 0, .1); border-right: 6px solid rgba(0, 0, 0, .1); border-top: 6px solid #337ab7; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; height: 70px; width: 70px; animation: rot 0.6s infinite linear; -webkit-animation: rot 0.6s infinite linear;}
@-webkit-keyframes rot { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } }
@-moz-keyframes rot { from { -moz-transform: rotate(0deg); transform: rotate(0deg) } to { -moz-transform: rotate(359deg); transform: rotate(359deg) } }
@keyframes rot { from { transform: rotate(0deg); } to { transform: rotate(359deg); } }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment