Share On

problem with Elegance style - Share On

problem with Elegance style

by aduh » Tue Aug 25, 2015 1:48 pm

2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact:

Re: problem with Elegance style

by _Vinny_ » Tue Aug 25, 2015 8:56 pm

I'll check this soon.
User avatar
_Vinny_
Style Customisations
Style Customisations
Posts: 8355
Joined: Tue Aug 11, 2009 12:45 am
Location: Brazil
Name: Marcus Vinicius
Contact:

Re: problem with Elegance style

by aduh » Tue Sep 01, 2015 11:00 am

FIX: change code on shareon.css to:

Code: Select all

.share-buttons {
   float: right;
   list-style: none;
   margin-bottom: 2px;
   .rtl & {
      float: left;
   }
}

.share-buttons > li {
   float: left;
   margin-right: 3px;
}

.share-icon-button:before   { background-image: url("./images/icons_share.png"); }

.share-button {
   cursor: pointer;
   display: inline-block;
   height: 18px;
   font-size: 13px;
   white-space: nowrap;
   border-radius: 0;
   padding: 2px 8px;
   font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
   position: relative;
   text-decoration: none !important;
   outline-style: none !important;
   vertical-align: bottom;
}

.share-icon-button:before {
   content: '';
   display: inline-block;
   float: right;
   height: 16px;
   margin: 2px 0 0 2px;
   width: 16px;
}

.dropdown-select.share-icon-button:before {
   margin-right: 4px;
}

.share-buttons .share-icon-button {
   padding: 0 3px;
}

.hastouch .share-buttons .share-icon-button {
   padding: 2px 8px;
}

.share-buttons .share-icon-button span {
   display: block;
   height: 0;
   overflow: hidden;
   position: absolute;
   width: 1px;
}

.share-buttons .share-icon-button:before {
   margin-left: 0;
}

.facebook-icon:before   { background-position: 452px 0; }
.twitter-icon:before   { background-position: 431px 0; }
.tuenti-icon:before      { background-position: 410px 0; }
.sonico-icon:before      { background-position: 389px 0; }
.friendfeed-icon:before   { background-position: 368px 0; }
.digg-icon:before       { background-position: 347px 0; }
.reddit-icon:before      { background-position: 326px 0; }
.delicious-icon:before   { background-position: 305px 0; }
.vk-icon:before         { background-position: 284px 0; }
.tumblr-icon:before      { background-position: 263px 0; }
.google-icon:before      { background-position: 242px 0; }

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
   .share-buttons {
      float: none;
      right: 20px;
   }
}
2012 APOCALYPSE NNC
gaming community
http://www.nonameclan.pl/2012
User avatar
aduh
Registered User
Posts: 208
Joined: Thu Jul 05, 2012 7:29 pm
Location: Poland
Name: Hans'
Contact: