[SNIPPET] Style Hidden users in online list

[Stoker]

Style Hidden users in online list

Lets make sure we dont miss when users are hidden in the online list.
I have 2 examples. You can style it as you want.


Example1:

Code: Select all

.online-list a em {
	background-color:black !important;
	color:orange !important;
	padding:4px !important;
	border-radius: 6px !important;
}

Output:

hidden.png

Example 2:

Code: Select all

.online-list a em {
	animation: flash 2s ease infinite;
	-webkit-animation: flash 2s ease infinite;
	color:orange !important;
}
@-webkit-keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 100%, 50% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

Output orange and blinking:

hidden.gif

Need a stylesheet for adding extra styling? No need to edit phpBB core!
You can use the Add CSS EXT

[Holger]

Thanks Stoker!

[Stoker]

No problem Holger