XF 2.1 Blinking "Register" Button

[frm]

While this code on desktop works to make the register button blink, it's only the darker color (which is good too) on mobile or at 374px. Is there a way to make it blink at smaller resolutions too? Trying to see if it draws more conversions.

/* Blinking registration button */
.p-navgroup-link.p-navgroup-link--register {
  -webkit-animation: blinkReg 1s infinite;  /* Safari 4+ */
  -moz-animation: blinkReg 1s infinite;  /* Fx 5+ */
  -o-animation: blinkReg 1s infinite;  /* Opera 12+ */
  animation: blinkReg 1s infinite;  /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blinkReg {
  0%, 49% {
    background-color: fade(@xf-paletteNeutral3, 15%);
  }
  50%, 100% {
    background-color: #ad0338;
  }
}

Edit: Might have to add that this is on XF's default style.

 

[frm]

And if anyone can determine what the @xf color is for the darker one, that'd be great too. I'm using the hex based off of a screenshot but can't find what style color it is.

 

[Max Taxable]

I'm going to play around with this tomorrow and see what I can find out.

 

[frm]

I'm going to play around with this tomorrow and see what I can find out.

Figured it out and moved it to resources to not get lost in this mess:

Unmaintained - CTA Blinking Log In / Register Buttons

Create a very simple, yet effective, call to action button that will flash your "Log In" button to smaller viewports, which hide the "Register" link, and then swap it with the "Register" button in larger viewports when it becomes visible. Add...

xenforo.com

 

[Sean Engle]

Any chance we could get this as a variant, for the 'Download' button in the Resources module? I have users who never see that button, and instead file reports saying the link is broken, or the document non-existent, etc.