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