| Index: branches/MwEmbedStandAlone/skins/common/common.css |
| — | — | @@ -41,7 +41,40 @@ |
| 42 | 42 | margin-left: auto ; |
| 43 | 43 | margin-right: auto ; |
| 44 | 44 | } |
| | 45 | +.cssLoadingSpinner { |
| | 46 | + position:relative; |
| | 47 | + width:100px; |
| | 48 | + height:100px; |
| | 49 | + //margin:25px; |
| | 50 | + -moz-border-radius:100px; |
| | 51 | + float:left; |
| | 52 | + -moz-transform:scale(0.3); |
| | 53 | + -webkit-transform:scale(0.3); |
| 45 | 54 | |
| | 55 | + /* not used right now: */ |
| | 56 | + -webkit-animation-name: rotateThis; |
| | 57 | + -webkit-animation-duration:2s; |
| | 58 | + -webkit-animation-iteration-count:infinite; |
| | 59 | + -webkit-animation-timing-function:linear; |
| | 60 | +} |
| | 61 | +.cssLoadingSpinner div { |
| | 62 | + width:15px; |
| | 63 | + height:30px; |
| | 64 | + position:absolute; |
| | 65 | + top:35px; |
| | 66 | + left:45px; |
| | 67 | +} |
| | 68 | +.cssLoadingSpinner div { |
| | 69 | + -moz-border-radius:30px; |
| | 70 | + -webkit-border-radius:30px; |
| | 71 | + border-radius:30px; |
| | 72 | +} |
| | 73 | +/* uncomment this to use css animation in webkit browsers */ |
| | 74 | + @-webkit-keyframes rotateThis { |
| | 75 | + from {-webkit-transform:scale(0.7) rotate(0deg);} |
| | 76 | + to {-webkit-transform:scale(0.7) rotate(360deg);} |
| | 77 | +} |
| | 78 | + |
| 46 | 79 | /* jquery.ui overides */ |
| 47 | 80 | |
| 48 | 81 | .ui-icon_link { |