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 {
width:320px; background-image:url(); 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(); 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 }