Skip to content

Clock Crew - Voting Icons by luisdasilva-contact

Screenshot of Clock Crew - Voting Icons
Write a review Install Get Stylus

Details

Authorluisdasilva-contact

LicenseNo License

CategoryNewgrounds

Created

Updated

Size10 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Switch up your Newgrounds voting stars to represent some of the top talent in the Clock Crew!

Notes

After installing, hovering over each individual voting star on Newgrounds will change the background, showcasing a Clock Crew character. Note that due to limitations with CSS overrides, it's possible to hover the mouse from right to left while selecting a vote, but not left to right.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Clock Crew - Voting Icons
@namespace      newgrounds.com
@version        1.0.0
@description    Switch up your Newgrounds voting stars to represent some of the top talent in the Clock Crew!
@author         Me
==/UserStyle== */

/* standard/idle*/
@-moz-document domain("newgrounds.com"){
    div.vote-input div.star-bar {
    background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x !important;
    background-position: 0px -0px !important;
    background-size: 75px 333px !important;
    position: relative !important;
    z-index: 390 !important;
    }    
}


@-moz-document domain("newgrounds.com"){
/* idle blam*/
div.star-blam {
    background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x !important;
    background-position: 0px -201px !important;
    background-size: 75px 333px !important;
    position: relative !important;
    z-index: 400 !important;
}
}

@-moz-document domain("newgrounds.com"){
div.star-blam input:hover+label:before,  div.star-blam input:checked+label {
   /*display: none;*/
    background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x !important;
    background-size: 75px 333px !important;
    background-position: 0px -201px !important;
   /* background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x !important;
    background-position: 0px -300px;
    background-size: 75px 333px*/
}
}
@-moz-document domain("newgrounds.com"){
/* when user clicks and stars are filled*/
div.vote-input div.star-bar input:checked+label,div.vote-input div.star-blam input:checked+label {
    background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x;
    background-position: 0px -134px;
    background-size: 75px 333px
}
}

@-moz-document domain("newgrounds.com"){
/* represents on hover stars*/
div.vote-input div.star-bar input:hover+label:before,div.vote-input div.star-bar label.hover:before,div.vote-input label.hover:before {
    background: url("https://www.newgrounds.com/dump/draw/f6fb5aadc8a210d35232bee74da43432") left top repeat-x !important;
    background-position: 0px 0px !important;
    background-size: 75px 333px !important;
    
}
}

@-moz-document domain("newgrounds.com"){
/* No Steve!*/
div.vote-input div.star-reaction:before{
    display: none;
}
}



@-moz-document domain("newgrounds.com"){
form.pod-body  {
    background-image: url("https://www.newgrounds.com/dump/draw/1b767f72e8819e72abec0eade45cd7d1") !important;
    background-position: 0px 0px !important;
    background-size: 650px 353px !important;
    position: relative !important;
    z-index: 300 !important;
}
}

    @-moz-document domain("newgrounds.com"){
#review_fields {
    position: relative !important;
    z-index: 500 !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="0"]:hover+label:before {
width: 75px !important;
height: 65px !important;
top: 12px !important;
left: 0px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="0"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/6054b7e86df5616517d0c58198b05667") !important;
width: 650px !important;
height: 353px !important;
background-size: contain !important;
left: -12px !important;
top: -12px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="1"]:hover+label:before {
width: 75px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="1"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/82e503018c3fdbd1198918a40cd7e138") !important;
width: 650px !important;
height: 353px !important;
background-size: contain !important;
top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="2"]:hover+label:before {
width: 75px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="2"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/ca9acfd64072d62f238d9ea0bc64dba6") !important;
width: 650px !important;
height: 353px !important;
background-size: contain !important;
top: -12px !important;
left: -87px !important;
}
}


@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="3"]:hover+label:before {
width: 150px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="3"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/2380b08dc074795c45bc1a605826b308") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="4"]:hover+label:before {
width: 150px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="4"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/0b755f1a4934d176585741e87370406a") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="5"]:hover+label:before {
width: 225px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="5"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/0c354f5f41bdc1a37a47e88192cb11e9") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="6"]:hover+label:before {
width: 225px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="6"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/61ffe7c35ca177ea92e2c23de7bf5883") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}


@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="7"]:hover+label:before {
width: 300px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="7"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/1222d8d882624fdc130657fdda8813c1") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}


@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="8"]:hover+label:before {
width: 300px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="8"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/575d9ab2c7ee9f8beaa8244e3e50df88") !important;
width: 650px !important;
height: 353px !important;
    background-size: contain !important;
    /*background-size: 650px 353px;*/
    top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="9"]:hover+label:before {
width: 375px !important;
height: 65px !important;
left: 87px !important;
top: 12px !important;
background-size: 75px 333px !important;
}
}

@-moz-document domain("newgrounds.com"){
input[value="9"]:hover+label {
background: url("https://www.newgrounds.com/dump/draw/045a9638d3e40126246027434c2a26ac");
width: 650px !important;
height: 353px !important;
background-size: contain !important;
top: -12px !important;
left: -87px !important;
}
}

@-moz-document domain("newgrounds.com"){
/* note for self: 12px to account for padding, then I think another 75 per star. I.e. star 3 would be 12 + (75 X 1), so 87*/
input[value="10"]:hover+label:before {
width: 375px !important;...

Reviews

No reviews yet.