Welcome to AKA Off-Topic
Your No.1 Chat Rooms and Message Boards on the Web!
Movie & TV
Talk all about the latest TV Shows and Movies.
Depression? You're Not Alone
No More Panic. Help and Support is just a Click Away.
Music
Join in with the music chat with other users.
Gaming
Discussions related to all aspects online of gaming.
Sports
Chat with other users that share interest in the same sports as you.
Add color to your Share Icons

Xenforo 2 Template Mod Add color to your Share Icons

sharecolor1.jpg


Adds some color to the default look of xenforo 2 Share Icons.

Just add the code to your extra.less template.

Code:
/**********/
a.shareButtons-button
{
    color: #FFF;
    margin-bottom: 5px;
    border-radius:2px;
    &:last-of-type
    {
        margin-bottom: 0;
    }
    &.shareButtons-button--facebook
    {
        background-color: #3B5998;
  
        &:hover { background-color: #2d4373; }
    }
    &.shareButtons-button--twitter
    {
        background-color: #1DA1F3;
        &:hover { background-color: #2795e9; }
    }

    &.shareButtons-button--gplus
    {
        background-color: #dd4b39;
        &:hover { background-color: #c23321; }
    }

    &.shareButtons-button--pinterest
    {
        background-color: #bd081c;
        &:hover { background-color: #9f191f; }
    }

    &.shareButtons-button--tumblr
    {
        background-color: #35465c;
        &:hover { background-color: #1c2d3f; }
    }

    &.shareButtons-button--reddit
    {
        background-color: #FF4500;
        &:hover { background-color: #ea3f00; }
    }

    &.shareButtons-button--whatsApp
    {
        background-color: #25D366;
        &:hover { background-color: #21c35d; }
    }
    &.shareButtons-button--email
    {
        background-color: #1289ff;
        &:hover { background-color: #137de6; }
    }
    &.shareButtons-button--link
    {
        background-color: #787878;
        &:hover { background-color: #656565; }
    }
    &.shareButtons-button--linkedin
    {
        background-color: #0077b5;
        &:hover { background-color: #00a0dc; }
    }
    &.shareButtons-button--vimeo
    {
        background-color: #1ab7ea;
        &:hover { background-color: #162221; }
    }
    &.shareButtons-button--steam
    {
        background-color: #00adee;
        &:hover { background-color: #000000; }
    }
    &.shareButtons-button--twitch
    {
        background-color: #6441a5;
        &:hover { background-color: #b9a3e3; }
    }
    &.shareButtons-button--vk
    {
        background-color: #45668e;
        &:hover { background-color: #3b597d; }
    }
    &.shareButtons-button--instagram
    {
        background-color: #405de6;
        &:hover { background-color: #f56040; }
    }
    &.shareButtons-button--github
    {
        background-color: #4078c0;
        &:hover { background-color: #6cc644; }
    }
    &.shareButtons-button--rss
    {
        background-color: #f26522;
        &:hover { background-color: #de5819; }
    }

}
a.shareButtons-button:hover {
opacity: .7;
}
/**********/
Screenshot:
sharecolor3.jpg
Author
Disco Dance
First release
Last update
Rating
0.00 star(s) 0 ratings
Top