dokuwiki-plugin-socialite/style.css

/* -- Begin social sharing buttons
------------------------------------------------------------- */

.socialite {
    padding-left: 0;
    list-style: none;
}


[class*="socialite-link-"] {
    font-size: .875em;
    border-radius: 2px;
    border: 1px solid;
    box-shadow: 0 0 .5em #999;
    transition: background-color ease-in-out .5s, color ease-in-out .5s, border-color ease-in-out .5s, box-shadow ease-in-out .5s;
    width: 16px;
    height: 16px;
}

[class*="socialite-link-"]:hover {
    box-shadow: 0 0 1em #666;
}

[class*="socialite-link-name-"] {
    padding: .25em .25em .25em 1.75em;
}

[class*="socialite-link-icon-"],
[class*="socialite-link-color-"] {
    padding: .25em .25em .25em .25em;
}

[class*="socialite-link-color-"],
[class*="socialite-link-color-"]:hover {
      color: #ffffff;
}


[class*="socialite-item-name-"],
[class*="socialite-item-icon-"] {
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 5px center;
}

[class*="socialite-item-"] {
    display: inline-block;
    margin: .25em;
    line-height: 24px;
}

[class*="socialite-item-"] a:link,
[class*="socialite-item-"] a:visited {
    text-decoration: none;
}

[class*="socialite-item-name-"] a:link,
[class*="socialite-item-name-"] a:visited,
[class*="socialite-item-icon-"] a:link,
[class*="socialite-item-icon-"] a:visited {
    color: #000000;
}

[class*="socialite-item-color-"] a:link,
[class*="socialite-item-color-"] a:visited {
    color: #ffffff;
}


/*
 * Social network specific settings
 */

/* Twitter */
.socialite-item-name-twitter {
    background-image: url("images/twitter.ico");
}
.socialite-link-icon-twitter{
    content:url("images/twitter.ico");
}

.socialite-link-name-twitter,
.socialite-link-icon-twitter,
.socialite-link-color-twitter {
    border-color: #41b7d8;
}

.socialite-link-color-twitter {
    background-color: #41b7d8;
}

.socialite-link-color-twitter:hover,
a .socialite-link-color-twitter:hover {
    background-color: #238caa;
    border-color: #238caa;
}

/* Facebook */
.socialite-item-name-facebook {
    background-image: url("images/facebook.ico");
}

.socialite-link-icon-facebook{
    content:url("images/facebook.ico");
}

.socialite-link-name-facebook,
.socialite-link-icon-facebook,
.socialite-link-color-facebook {
    border-color: #3b5997;
}

.socialite-link-color-facebook {
    background-color: #3b5997;
}

.socialite-link-color-facebook:hover,
a .socialite-link-color-facebook:hover {
    background-color: #263960;
    border-color: #263960;
}

/* Google+ */
.socialite-item-name-googleplus {
    background-image: url("images/googleplus.ico");
}

.socialite-link-icon-googleplus{
    content:url("images/googleplus.ico");
}

.socialite-link-name-googleplus,
.socialite-link-icon-googleplus,
.socialite-link-color-googleplus {
    border-color: #d64937;
}

.socialite-link-color-googleplus {
    background-color: #d64937;
}

.socialite-link-color-googleplus:hover,
a .socialite-link-color-googleplus:hover {
    background-color: #a02f21;
    border-color: #a02f21;
}

/* LinkedIn */
.socialite-item-name-linkedin {
    background-image: url("images/linkedin.ico");
}

.socialite-link-icon-linkedin{
    content:url("images/linkedin.ico");
}

.socialite-link-name-linkedin,
.socialite-link-icon-linkedin,
.socialite-link-color-linkedin {
    border-color: #0073b2;
}

.socialite-link-color-linkedin {
    background-color: #0073b2;

}

.socialite-link-color-linkedin:hover,
a .socialite-link-color-linkedin:hover {
    background-color: #004265;
    border-color: #004265;
}

/* Pinterest */
.socialite-item-name-pinterest {
    background-image: url("images/pinterest.ico");
}

.socialite-link-icon-pinterest{
    content:url("images/pinterest.ico");
}

.socialite-link-name-pinterest,
.socialite-link-icon-pinterest,
.socialite-link-color-pinterest {
    border-color: #cb2027;
}

.socialite-link-color-pinterest {
    background-color: #cb2027;
}

.socialite-link-color-pinterest:hover,
a .socialite-link-color-pinterest:hover {
    background-color: #89161a;
    border-color: #89161a;
}

/* Tumblr */
.socialite-item-name-tumblr {
    background-image: url("images/tumblr.ico");
}

.socialite-link-icon-tumblr{
    content:url("images/tumblr.ico");
}

.socialite-link-name-tumblr,
.socialite-link-icon-tumblr,
.socialite-link-color-tumblr {
    border-color: #35465c;
}

.socialite-link-color-tumblr {
    background-color: #35465c;
}

.socialite-link-color-tumblr:hover,
a .socialite-link-color-tumblr:hover {
    background-color: #19212b;
    border-color: #19212b;
}

/* Reddit */
.socialite-item-name-reddit {
    background-image: url("images/reddit.ico");
}

.socialite-link-icon-reddit{
    content:url("images/reddit.ico");
}

.socialite-link-name-reddit,
.socialite-link-icon-reddit,
.socialite-link-color-reddit {
    border-color: #ff5700;
}

.socialite-link-color-reddit {
    background-color: #ff5700;
}

.socialite-link-color-reddit:hover,
a .socialite-link-color-reddit:hover {
    background-color: #b33d00;
    border-color: #b33d00;
}

/* Taringa */
.socialite-item-name-taringa {
    background-image: url("images/taringa.ico");
}

.socialite-link-icon-taringa{
    content:url("images/taringa.ico");
}

.socialite-link-name-taringa,
.socialite-link-icon-taringa,
.socialite-link-color-taringa {
    border-color: #005dab;
}

.socialite-link-color-taringa {
    background-color: #005dab;
}

.socialite-link-color-taringa:hover,
a .socialite-link-color-taringa:hover {
    background-color: #004178;
    border-color: #004178;
}

/*  Delicious*/
.socialite-item-name-delicious {
    background-image: url("images/delicious.ico");
}

.socialite-link-icon-delicious{
    content:url("images/delicious.ico");
}

.socialite-link-name-delicious,
.socialite-link-icon-delicious,
.socialite-link-color-delicious {
    border-color: #3399ff;
}

.socialite-link-color-delicious {
    background-color: #3399ff;
}

.socialite-link-color-delicious:hover,
a .socialite-link-color-delicious:hover {
    background-color: #297acc;
    border-color: #297acc;
}

/*  StumbleUpon*/
.socialite-item-name-stumbleupon {
    background-image: url("images/stumbleupon.ico");
}

.socialite-link-icon-stumbleupon{
    content:url("images/stumbleupon.ico");
}

.socialite-link-name-stumbleupon,
.socialite-link-icon-stumbleupon,
.socialite-link-color-stumbleupon {
    border-color: #eb4924;
}

.socialite-link-color-stumbleupon {
    background-color: #eb4924;
}

.socialite-link-color-stumbleupon:hover,
a .socialite-link-color-stumbleupon:hover {
    background-color: #bc3a1d;
    border-color: #bc3a1d;
}

/* Xing */
.socialite-item-name-xing {
    background-image: url("images/xing.ico");
}

.socialite-link-icon-xing{
    content:url("images/xing.ico");
}

.socialite-link-name-xing,
.socialite-link-icon-xing,
.socialite-link-color-xing {
    border-color: #175e60;
}

.socialite-link-color-xing {
    background-color: #175e60;
}

.socialite-link-color-xing:hover,
a .socialite-link-color-xing:hover {
    background-color: #082222;
    border-color: #082222;
}

/* Vk */
.socialite-item-name-vk {
    background-image: url("images/vk.ico");
}

.socialite-link-icon-vk{
    content:url("images/vk.ico");
}

.socialite-link-name-vk,
.socialite-link-icon-vk,
.socialite-link-color-vk {
    border-color: #5e82a8;
}

.socialite-link-color-vk {
    background-color: #5e82a8;
}

.socialite-link-color-vk:hover,
a .socialite-link-color-vk:hover {
    background-color: #415c78;
    border-color: #415c78;
}

/* Email */
.socialite-item-name-email {
    background-image: url("images/email.ico");
}

.socialite-link-icon-email{
    content:url("images/email.ico");
}

.socialite-link-name-email,
.socialite-link-icon-email,
.socialite-link-color-email {
    border-color: #f4b83f;
}

.socialite-link-color-email {
    background-color: #f4b83f;
}

.socialite-link-color-email:hover,
a .socialite-link-color-email:hover {
    background-color: #ab7b2c;
    border-color: #ab7b2c;
}