User:2257/Test6: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<div class=pollspinner>
.pollspinner {
<div class="pollspinnerbox {{#ifeq:{{#expr:(({{#time:xNU}}-1466064000)/57600)mod45}}|1|active|unanswered}}"><polldaddy pollid="9442731"/></div>
width:300px;
<div class="pollspinnerbox {{#ifeq:{{#expr:(({{#time:xNU}}-1466064000)/57600)mod45}}|2|active|unanswered}}"><polldaddy pollid="9442732"/></div>
overflow:hidden;
<div class="pollspinnerbox {{#ifeq:{{#expr:(({{#time:xNU}}-1466064000)/57600)mod45}}|3|active|unanswered}}"><polldaddy pollid="9442736"/></div>
position:relative
<div class="pollspinnerbox {{#ifeq:{{#expr:(({{#time:xNU}}-1466064000)/57600)mod45}}|4|active|unanswered}}"><polldaddy pollid="9442738"/></div>
}
<div class="pollspinnerbox {{#ifeq:{{#expr:(({{#time:xNU}}-1466064000)/57600)mod45}}|5|active|unanswered}}"><polldaddy pollid="9442739"/></div>
.pollspinner.animated {
<div class=pollspinnerend></div>
transition:height 0.5s;
</div>
-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
}

Revision as of 02:10, June 17, 2016

.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(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(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 }

Retrieved from "https://www.mariowiki.com/index.php?title=User:2257/Test6&oldid=2001772"