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(); 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(
);
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
}
