|
|
| (7 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| .pollspinner {
| | 13 |
| width:300px;
| | <strong class="error">Expression error: Unrecognized punctuation character "{".</strong> |
| overflow:hidden;
| |
| position:relative
| |
| }
| |
| .pollspinner.animated {
| |
| transition:height 0.5s;
| |
| -webkit-transition:height 0.5s
| |
| }
| |
| .pollspinnerbox,.pollspinnerend {
| |
| position:absolute;
| |
| left:100%;
| |
| width:100%;
| |
| }
| |
| .pollspinner.animated .pollspinnerbox,.pollspinner.animated .pollspinnerend {
| |
| transition:left 0.5s;
| |
| transition-delay:0.5s;
| |
| -webkit-transition:left 0.5s;
| |
| -webkit-transition-delay:0.5s
| |
| }
| |
| .pollspinnerend {
| |
| width:320px;
| |
| background-image:url(http://wiki.userpedia.net/images/a/ad/Pollspinner_thx.png);
| |
| background-size:320px auto;
| |
| padding:209px 9px 9px;
| |
| text-align:center;
| |
| box-sizing:border-box;
| |
| background-repeat:no-repeat;
| |
| background-color:black;
| |
| font-size:11px;
| |
| color:white;
| |
| margin: 0 auto;
| |
| }
| |
| .pollspinnerbox.active,.pollspinnerend.active {
| |
| left:0;
| |
| }
| |
| .pollspinner:not(.animated) .pollspinnerbox.active,.pollspinner:not(.animated) .pollspinnerend.active {
| |
| position:static;
| |
| }
| |
| .pollspinnerbox.answered,.pollspinnerend.answered {
| |
| left:-100%;
| |
| }
| |
| @keyframes pollthrobber {
| |
| from {
| |
| background-position:right 0
| |
| }
| |
| to {
| |
| background-position:right -320px
| |
| }
| |
| }
| |
| @-webkit-keyframes pollthrobber {
| |
| from {
| |
| background-position:right 0
| |
| }
| |
| to {
| |
| background-position:right -320px
| |
| }
| |
| }
| |
| .pollspinner.throbbing .pollspinnerbox:before {
| |
| content:"Loading next poll...";
| |
| color:rgba(127,127,127,0.5);
| |
| width:100%;
| |
| height:20px;
| |
| display:block;
| |
| animation-name:pollthrobber;
| |
| animation-duration:2s;
| |
| animation-timing-function:steps(16);
| |
| animation-iteration-count:1;
| |
| -webkit-animation-name:pollthrobber;
| |
| -webkit-animation-duration:2s;
| |
| -webkit-animation-timing-function:steps(16);
| |
| -webkit-animation-iteration-count:1;
| |
| background-image:url(http://wiki.userpedia.net/images/8/82/Pollthrobber.png);
| |
| background-size:20px 320px;
| |
| background-repeat:no-repeat;
| |
| text-align:right;
| |
| padding:0px 22px 0px;
| |
| position:absolute;
| |
| z-index:1;
| |
| right:1em;
| |
| bottom:1em
| |
| }
| |
| .pollspinner.throbbing .pds-box-outer:not(#n) {
| |
| margin-bottom:15px
| |
| }
| |
