Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Battlelog Avatar Colour Swap

By: a guest on Apr 30th, 2012  |  syntax: CSS  |  size: 2.02 KB  |  hits: 28  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*Swaps Battlelog Avatar borders. Blue = Online, Green = Ingame */
  2. /*Online*/
  3.         /*Supersize 2 avatars*/
  4.                 .base-avatar-container.base-avatar-size-supersize2 .base-avatar-status-overlay-online {
  5.                         background-position: 0 0;
  6.                 }
  7.         /*Large avatars*/
  8.                 .base-avatar-container.base-avatar-size-large .base-avatar-status-overlay-online {
  9.                         background-position: 0 0;
  10.                 }
  11.                 .base-avatar-container.base-avatar-size-large a.base-avatar-status-overlay-online:hover{
  12.                         background-position: 0 -60px;
  13.                 }
  14.         /*Med avatars*/
  15.                 .base-avatar-container.base-avatar-size-medium .base-avatar-status-overlay-online {
  16.                         background-position: 0 0;
  17.                 }
  18.                 .base-avatar-container.base-avatar-size-medium a.base-avatar-status-overlay-online:hover {
  19.                         background-position: 0 -36px;
  20.                 }
  21.         /*Small Avatars*/
  22.                 .base-avatar-container.base-avatar-size-small .base-avatar-status-overlay-online {
  23.                         background-position: 0 0;
  24.                 }
  25.                 .base-avatar-container.base-avatar-size-small a.base-avatar-status-overlay-online:hover {
  26.                         background-position: 0 -26px;
  27.                 }
  28.  
  29. /*Playing*/
  30.         /*Supersize 2 avatars*/
  31.                 .base-avatar-container.base-avatar-size-supersize2 .base-avatar-status-overlay-playing {
  32.                         background-position: -320px 0;
  33.                 }
  34.         /*Large avatars*/
  35.                 .base-avatar-container.base-avatar-size-large .base-avatar-status-overlay-playing {
  36.                         background-position: -60px 0;
  37.                 }
  38.                 .base-avatar-container.base-avatar-size-large a.base-avatar-status-overlay-playing:hover{
  39.                         background-position: -60px -60px;
  40.                 }
  41.         /*Med avatars*/
  42.                 .base-avatar-container.base-avatar-size-medium .base-avatar-status-overlay-playing {
  43.                         background-position: -36px 0;
  44.                 }
  45.                 .base-avatar-container.base-avatar-size-medium a.base-avatar-status-overlay-playing:hover{
  46.                
  47.                         background-position: -36px -36px;
  48.                 }
  49.         /*Small avatars*/
  50.                 .base-avatar-container.base-avatar-size-small .base-avatar-status-overlay-playing {
  51.                         background-position: -26px 0;
  52.                 }
  53.                 .base-avatar-container.base-avatar-size-small a.base-avatar-status-overlay-playing:hover {
  54.                         background-position: -26px -26px;
  55.                 }
create a new version of this paste RAW Paste Data