MediaWiki:Gadget-Awards.css
From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Pollspinner (for the main page during awards) */
.pollspinner {
width:100%;
overflow:hidden;
position:relative
}
.pollspinner.animated {
transition:height 0.5s;
-webkit-transition:height 0.5s
}
.pollspinnerbox {
position:absolute;
left:100%;
width:100%;
overflow: hidden;
}
.pollspinner.animated .pollspinnerbox {
transition:left 0.5s;
transition-delay:0.5s;
-webkit-transition:left 0.5s;
-webkit-transition-delay:0.5s
}
.pollspinnerbox.end {
max-width: 320px;
background-image: url(/images/poll-thanks.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.visible {
left:0;
}
.pollspinner:not(.animated) .pollspinnerbox.visible {
position:static;
}
.pollspinnerbox.hidden {
left:-100%;
}
@keyframes pollthrobber {
from {
background-position:right 0, right 20px;
}
to {
background-position:right -320px, right 20px;
}
}
@-webkit-keyframes pollthrobber {
from {
background-position:right 0, right 20px;
}
to {
background-position:right -320px, right 20px;
}
}
.pollspinner .throbber {
color: transparent;
width:100%;
height:20px;
}
.pollspinner.throbbing:not(#N) .throbber {
color: inherit;
animation:pollthrobber 2s steps(16);
animation-iteration-count:1;
animation-fill-mode:both;
-webkit-animation:pollthrobber 2s steps(16);
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode:both;
background-image:url(/images/poll-throbber.png),url(/images/poll-throbber.gif);
background-size:20px 320px,20px 20px;
background-repeat:no-repeat;
background-position:right 20px,right 0;
text-align:right;
padding:0px 25px 0px;
box-sizing: border-box;
}
.pollspinner_skip:not(#N):not(#N) {
margin-left: 1em;
}
.pollspinner .pds-box {
width: 100%!important;
}
.pollspinner .pds-input-label {
width: 100%!important;
float: none!important;
padding: 0 0 0 25px!important;
box-sizing: border-box!important;
min-height: 0px!important;
}
.pollspinner .pds-answer-group {
padding: 1px!important;
position: relative!important;
margin: 5px 0!important;
}
.pollspinner .pds-answer-input {
position: absolute!important;
top: 50%!important;
transform: translate(0, -50%)!important;
}
.pollspinner .pds-other-label {
margin: 0 0 0 25px!important;
}
.pollspinner .pollspinner_begin {
font: normal normal bold 14px/24px Arial;
color: #333;
text-align: left;
background: #f2f2f2 linear-gradient(to bottom, #ffffff, #ededed) repeat-x left top;
border: 1px solid #999;
-webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px;
display: block;
text-decoration: none;
margin: 0;
padding: 0 24px;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
.pollspinner .pollspinner_begin.clicked {
pointer-events: none;
}
.pollspinner .pollspinner_begin, .pollspinner .pds-vote-button {
cursor: pointer;
box-shadow: 0 -0.25em 0.5em 0 rgba(0,0,0,0.1) inset, 0 0.25em 0.5em 0 rgba(255,255,255,0.1) inset;
}
.pollspinner .pollspinner_begin:active, .pollspinner .pds-vote-button:active {
cursor: pointer;
box-shadow: 0 0.25em 0.5em 0 rgba(0,0,0,0.1) inset, 0 -0.25em 0.5em 0 rgba(255,255,255,0.1) inset;
}