• The moderator of this forum is Austin.
  • Welcome to Smogon! Take a moment to read the Introduction to Smogon for a run-down on everything Smogon, and make sure you take some time to read the global rules.

Other Userlist Icons Stylish

Status
Not open for further replies.
Hey Jack.

Use this code to make this style work with hovers:

Code:
li[id*='-userlist-user-'] button {
    position: relative;
}
li[id*='-userlist-user-'] button:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}
And you'll need to move the icons to the " button:before" selector of their LI's. Example:

Before
Code:
li[id$='-userlist-user-blazelatias'] {
    background: rgba(0, 0, 0, 0) url(http://puu.sh/kVaZs/4dcec070cd.png) right no-repeat
}
After
Code:
li[id$='-userlist-user-blazelatias'] button:before {
    background: rgba(0, 0, 0, 0) url(http://puu.sh/kVaZs/4dcec070cd.png) right no-repeat
}
If you wanna talk to me about this, PM me because I'm not going to watch this thread due to the big number of posts this thing gets.
 
UL-Icon request:
Code:
li[id$='-userlist-user-orday'] {
    padding-top: 5px;
    margin-top: -5px;
    background: rgba(0, 0, 0, 0) url(http://media.pldh.net/pokemon/md/144.png) 100% 100% / 38px 24px no-repeat;
}
^If we're not adding this globally, can mine have it?

Edit: If that's not okay, use this instead
Code:
li[id$='-userlist-user-orday'] {
    background: rgba(0, 0, 0, 0) url(http://media.pldh.net/pokemon/md/144.png) 100% 100% / 32px 20px no-repeat;
}
 
Last edited:
Status
Not open for further replies.

Users Who Are Viewing This Thread (Users: 1, Guests: 0)

Top