-
Notifications
You must be signed in to change notification settings - Fork 8
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
3,274 additions
and
0 deletions.
There are no files selected for viewing
235 changes: 235 additions & 0 deletions
235
github2fedmsg/static/messenger-1.4.1/css/messenger-spinner.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,235 @@ | ||
@-webkit-keyframes ui-spinner-rotate-right { | ||
/* line 64, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
-webkit-transform: rotate(0deg); | ||
} | ||
|
||
/* line 65, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
-webkit-transform: rotate(180deg); | ||
} | ||
|
||
/* line 66, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
-webkit-transform: rotate(180deg); | ||
} | ||
|
||
/* line 67, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
-webkit-transform: rotate(360deg); | ||
} | ||
|
||
/* line 68, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
-webkit-transform: rotate(360deg); | ||
} | ||
} | ||
|
||
@-webkit-keyframes ui-spinner-rotate-left { | ||
/* line 72, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
-webkit-transform: rotate(0deg); | ||
} | ||
|
||
/* line 73, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
-webkit-transform: rotate(0deg); | ||
} | ||
|
||
/* line 74, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
-webkit-transform: rotate(180deg); | ||
} | ||
|
||
/* line 75, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
-webkit-transform: rotate(180deg); | ||
} | ||
|
||
/* line 76, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
-webkit-transform: rotate(360deg); | ||
} | ||
} | ||
|
||
@-moz-keyframes ui-spinner-rotate-right { | ||
/* line 80, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
-moz-transform: rotate(0deg); | ||
} | ||
|
||
/* line 81, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
-moz-transform: rotate(180deg); | ||
} | ||
|
||
/* line 82, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
-moz-transform: rotate(180deg); | ||
} | ||
|
||
/* line 83, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
-moz-transform: rotate(360deg); | ||
} | ||
|
||
/* line 84, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
-moz-transform: rotate(360deg); | ||
} | ||
} | ||
|
||
@-moz-keyframes ui-spinner-rotate-left { | ||
/* line 88, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
-moz-transform: rotate(0deg); | ||
} | ||
|
||
/* line 89, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
-moz-transform: rotate(0deg); | ||
} | ||
|
||
/* line 90, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
-moz-transform: rotate(180deg); | ||
} | ||
|
||
/* line 91, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
-moz-transform: rotate(180deg); | ||
} | ||
|
||
/* line 92, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
-moz-transform: rotate(360deg); | ||
} | ||
} | ||
|
||
@keyframes ui-spinner-rotate-right { | ||
/* line 96, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
transform: rotate(0deg); | ||
} | ||
|
||
/* line 97, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
transform: rotate(180deg); | ||
} | ||
|
||
/* line 98, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
transform: rotate(180deg); | ||
} | ||
|
||
/* line 99, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
transform: rotate(360deg); | ||
} | ||
|
||
/* line 100, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
transform: rotate(360deg); | ||
} | ||
} | ||
|
||
@keyframes ui-spinner-rotate-left { | ||
/* line 104, ../../src/sass/messenger-spinner.scss */ | ||
0% { | ||
transform: rotate(0deg); | ||
} | ||
|
||
/* line 105, ../../src/sass/messenger-spinner.scss */ | ||
25% { | ||
transform: rotate(0deg); | ||
} | ||
|
||
/* line 106, ../../src/sass/messenger-spinner.scss */ | ||
50% { | ||
transform: rotate(180deg); | ||
} | ||
|
||
/* line 107, ../../src/sass/messenger-spinner.scss */ | ||
75% { | ||
transform: rotate(180deg); | ||
} | ||
|
||
/* line 108, ../../src/sass/messenger-spinner.scss */ | ||
100% { | ||
transform: rotate(360deg); | ||
} | ||
} | ||
|
||
/* line 116, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner { | ||
position: relative; | ||
border-radius: 100%; | ||
} | ||
/* line 120, ../../src/sass/messenger-spinner.scss */ | ||
ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner { | ||
display: block; | ||
} | ||
/* line 124, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side { | ||
width: 50%; | ||
height: 100%; | ||
overflow: hidden; | ||
position: absolute; | ||
} | ||
/* line 130, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side .messenger-spinner-fill { | ||
border-radius: 999px; | ||
position: absolute; | ||
width: 100%; | ||
height: 100%; | ||
-webkit-animation-iteration-count: infinite; | ||
-moz-animation-iteration-count: infinite; | ||
-ms-animation-iteration-count: infinite; | ||
-o-animation-iteration-count: infinite; | ||
animation-iteration-count: infinite; | ||
-webkit-animation-timing-function: linear; | ||
-moz-animation-timing-function: linear; | ||
-ms-animation-timing-function: linear; | ||
-o-animation-timing-function: linear; | ||
animation-timing-function: linear; | ||
} | ||
/* line 140, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side-left { | ||
left: 0; | ||
} | ||
/* line 143, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill { | ||
left: 100%; | ||
border-top-left-radius: 0; | ||
border-bottom-left-radius: 0; | ||
-webkit-animation-name: ui-spinner-rotate-left; | ||
-moz-animation-name: ui-spinner-rotate-left; | ||
-ms-animation-name: ui-spinner-rotate-left; | ||
-o-animation-name: ui-spinner-rotate-left; | ||
animation-name: ui-spinner-rotate-left; | ||
-webkit-transform-origin: 0 50%; | ||
-moz-transform-origin: 0 50%; | ||
-ms-transform-origin: 0 50%; | ||
-o-transform-origin: 0 50%; | ||
transform-origin: 0 50%; | ||
} | ||
/* line 152, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side-right { | ||
left: 50%; | ||
} | ||
/* line 155, ../../src/sass/messenger-spinner.scss */ | ||
.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill { | ||
left: -100%; | ||
border-top-right-radius: 0; | ||
border-bottom-right-radius: 0; | ||
-webkit-animation-name: ui-spinner-rotate-right; | ||
-moz-animation-name: ui-spinner-rotate-right; | ||
-ms-animation-name: ui-spinner-rotate-right; | ||
-o-animation-name: ui-spinner-rotate-right; | ||
animation-name: ui-spinner-rotate-right; | ||
-webkit-transform-origin: 100% 50%; | ||
-moz-transform-origin: 100% 50%; | ||
-ms-transform-origin: 100% 50%; | ||
-o-transform-origin: 100% 50%; | ||
transform-origin: 100% 50%; | ||
} |
Oops, something went wrong.