Red Background SideNav Indicator (with anim)

A Config Script for GameBanana

8 lines | 847 bytes | Raw Code
1
2
3
4
5
6
7
8
@-webkit-keyframes FlashIconBackground {0% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } 50% { background-color: transparent; } 100% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } }
@-moz-keyframes FlashIconBackground {0% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } 50% { background-color: transparent; } 100% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } }
@keyframes FlashIconBackground {0% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } 50% { background-color: transparent; } 100% { background-color: #FF4E4E; background-color: var(--DefaultRedColor); } }

#SideNav wrapper module.HasUpdates icon {
        background-color: var(--DefaultRedColor);
        animation: FlashIconBackground 1s steps(1, end) infinite;
}
A variation of my previous script. This one makes the icon's background red instead of the side border.

Like the previous script, it includes animations to make it even more noticeable.

Want a version that more closely resembles the current site theme? Check out this script!
Sign up to access this!

Embed

Share banner
Image URL
HTML embed code
BB embed code
Markdown embed code

Credits

Key Authors
urara avatar
urara username pic Joined 9y ago
Offline
15,169 points Ranked 303rd
32 medals 2 legendary 7 rare
  • Submitted 10 Apps Medal icon
  • Returned 5000 times Medal icon
  • 6 years a member Medal icon
  • Submitted 5 Apps Medal icon
  • Submitted 15 Tutorials Medal icon
  • Thanked 50 submitters Medal icon
Creator

Submitter

urara avatar
urara username pic Joined 9y ago
Not here!
15,169 points Ranked 303rd
32 medals 2 legendary 7 rare
  • Submitted 10 Apps Medal icon
  • Returned 5000 times Medal icon
  • 6 years a member Medal icon
  • Submitted 5 Apps Medal icon
  • Submitted 15 Tutorials Medal icon
  • Thanked 50 submitters Medal icon

urara avatar
urara

Creator
Sign up to access this!
Sign up to access this!
Sign up to access this!

Game

Sign up to access this!

Category

Sub-category
UI Themes
Super-category
Cascade Style Sheets

License

Share

  • Share on Reddit
  • Share on Twitter
  • Share on Facebook
  • Share on Google+
  • 156 Views
  • 2moSubmitted
  • 2moModified

Scores

  • Not yet rated
Sign up to access this!

More from Submitter

More UI Themes Scripts

bcp.crwdcntrl.net tracking pixel