Centering icons

Hi,

First of all : good job! QuickShare is minimalist and effective. I’m bored of heavy and slow plugins that only add a few icons.

After reading this article Horizontally Centered Menus with no CSS hacks, I made a small css code that allows to center the icons :

.quickshare-container {
   float:left;
   position:relative;
}
.quickshare-container ul {
   clear:left;
   float:left;
   position:relative;
   left:50%;
   text-align:center;
}
.quickshare-container ul li {
   display:block;
   position:relative;
   right:50%;
}
.quickshare-container ul li a {
   display:block;
}

I didn’t test it with many browsers, only Firefox and Chrome. Some rules can be removed, but I guess they are useful for Internet Explorer.

It would be great to add a checkbox that allows to center icons. I found that only 2 rules (left:50%; right:50%) are mandatory to make the icons centered. Perhaps these rules can be added to a ‘quickshare-center’ class. Then the ‘quickshare-center’ will be added (or not) to the ‘quickshare-container’ div according to the checkbox.

A last though : Could the inline css be moved to quickshare.css ? It’s slowing down web sites. But it’s probably better to talk about this in another thread.

https://www.ads-software.com/plugins/quickshare/