User:2257/Test6

.pollspinner { width:300px; 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 { max-width: 320px; background-image: url(http://wiki.userpedia.net/images/a/ad/Pollspinner_thx.png); background-size: 100% 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; background-position: top center; } .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 }