diff --git a/media/socialshare.min.css b/media/socialshare.min.css index d7c9dd6..6693529 100644 --- a/media/socialshare.min.css +++ b/media/socialshare.min.css @@ -1 +1 @@ -@font-face{font-family:"OpenSans";src:url("./OpenSans-Light.ttf")}.share-active-state{color:#af3232}.share-active-state .heart{background-image:url('img/heart-hover.png')}.share-active-state .caret div{background-image:url('img/caret-open.png')}.share-active-state .text{border-color:#cb4949}.socialshare{font-family:'OpenSans',"Lucida Sans","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif}.socialshare .clear{clear:both}.socialshare .share-link div{cursor:pointer;color:#484848}.socialshare .share-link div:hover{color:#af3232}.socialshare .share-link div:hover .heart{background-image:url('img/heart-hover.png')}.socialshare .share-link div:hover .caret div{background-image:url('img/caret-open.png')}.socialshare .share-link div:hover .text{border-color:#cb4949}.socialshare .share-link .caret{border:1px solid rgba(0,0,0,0.12);background:rgba(255,255,255,0.95);float:left;width:18px;height:18px;margin-left:6px;margin-top:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1);box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1)}.socialshare .share-link .caret div{width:18px;height:10px;margin-top:3px;background:no-repeat center;background-image:url('img/caret.png')}.socialshare .share-link .heart{margin:9px 5px 0 0;float:left;background:no-repeat center;background-image:url('img/heart.png');width:12px;height:10px}.socialshare .share-link .text{border-bottom:1px dotted rgba(72,72,72,0.4);letter-spacing:-0.25px;float:left;margin:0}.socialshare .share-options{display:none;position:absolute;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;list-style:none;z-index:9001;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.socialshare .share-options ul{list-style:none;margin:0;padding:0}.socialshare .share-options ul li{margin:0;padding:0}.socialshare.open .share-link div{color:#af3232}.socialshare.open .share-link div .heart{background-image:url('img/heart-hover.png')}.socialshare.open .share-link div .caret div{background-image:url('img/caret-open.png')}.socialshare.open .share-link div .text{border-color:#cb4949}.socialshare.open .share-link div .caret{width:20px;height:20px;border:0;-webkit-box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);-moz-box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);background-color:rgba(74,74,74,0.1)}.socialshare.open .share-link div .caret div{margin-top:5px;width:20px}.socialshare.open .share-options{display:block;margin-top:12px}.socialshare.open[data-type="bubbles"] .share-options{width:178px;height:68px;padding:12px 12px 6.5px 12px;margin-left:8px}.socialshare.open[data-type="bubbles"] .share-options ul li{float:left}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(1){width:48px}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(2){margin-top:2px}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(-n+2){padding-right:12px}.socialshare.open[data-type="small-bubbles"] .share-options{padding:12px 6px 6.5px 12px;height:92px;width:80px;margin-left:54px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(1){margin-top:-4px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(2){height:24px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(-n+2){padding-bottom:12px} \ No newline at end of file +@font-face{font-family:"OpenSans";src:url("./OpenSans-Light.ttf")}.share-active-state{color:#af3232}.share-active-state .heart{background-image:url('img/heart-hover.png')}.share-active-state .caret div{background-image:url('img/caret-open.png')}.share-active-state .text{border-color:#cb4949}.socialshare{font-family:'OpenSans',"Lucida Sans","Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif}.socialshare .clear{clear:both}.socialshare .share-link div{cursor:pointer;color:#484848}.socialshare .share-link div:hover{color:#af3232}.socialshare .share-link div:hover .heart{background-image:url('img/heart-hover.png')}.socialshare .share-link div:hover .caret div{background-image:url('img/caret-open.png')}.socialshare .share-link div:hover .text{border-color:#cb4949}.socialshare .share-link .caret{border:1px solid rgba(0,0,0,0.12);background:rgba(255,255,255,0.95);float:left;width:19px;height:19px;margin-left:6px;margin-top:4px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1);box-shadow:0 0 .25px rgba(0,0,0,0.3),inset 0 -2px rgba(0,0,0,0.1)}.socialshare .share-link .caret div{width:9px;height:7px;margin:5px auto 0;background:no-repeat center;background-image:url('img/caret.png')}.socialshare .share-link .heart{margin:9px 5px 0 0;float:left;background:no-repeat center;background-image:url('img/heart.png');width:12px;height:10px}.socialshare .share-link .text{border-bottom:1px dotted rgba(72,72,72,0.4);letter-spacing:-0.25px;float:left;margin:0}.socialshare .share-options{display:none;position:absolute;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#fff;list-style:none;z-index:9001;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.socialshare .share-options ul{list-style:none;margin:0;padding:0}.socialshare .share-options ul li{margin:0;padding:0}.socialshare.open .share-link div{color:#af3232}.socialshare.open .share-link div .heart{background-image:url('img/heart-hover.png')}.socialshare.open .share-link div .caret div{background-image:url('img/caret-open.png')}.socialshare.open .share-link div .text{border-color:#cb4949}.socialshare.open .share-link div .caret{width:21px;height:21px;border:0;-webkit-box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);-moz-box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);box-shadow:0 0 1px rgba(255,255,255,0.6),inset 0 2px .5px 0 rgba(0,0,0,0.35),inset 0 0 5px 0 rgba(170,170,170,0.2);background-color:rgba(74,74,74,0.1)}.socialshare.open .share-link div .caret div{margin-top:8px;width:20px}.socialshare.open .share-options{display:block;margin-top:12px}.socialshare.open[data-type="bubbles"] .share-options{width:178px;height:68px;padding:12px 12px 6.5px 12px;margin-left:7px}.socialshare.open[data-type="bubbles"] .share-options ul li{float:left}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(1){width:48px}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(2){margin-top:2px}.socialshare.open[data-type="bubbles"] .share-options ul li:nth-child(-n+2){padding-right:12px}.socialshare.open[data-type="small-bubbles"] .share-options{padding:12px 6px 6.5px 12px;height:92px;width:80px;margin-left:54px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(1){margin-top:-4px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(2){height:24px}.socialshare.open[data-type="small-bubbles"] .share-options ul li:nth-child(-n+2){padding-bottom:12px} \ No newline at end of file diff --git a/src/img/caret-open.png b/src/img/caret-open.png index 94f4cb2..20b1cff 100644 Binary files a/src/img/caret-open.png and b/src/img/caret-open.png differ diff --git a/src/style.less b/src/style.less index 84ccccd..e60a448 100644 --- a/src/style.less +++ b/src/style.less @@ -49,16 +49,16 @@ border: 1px solid rgba(0, 0, 0, 0.12); background: rgba(255, 255, 255, 0.95); float: left; - width: 18px; - height: 18px; + width: 19px; + height: 19px; margin-left: 6px; margin-top: 4px; .rounded(3px); .box-shadow(~'0 0 .25px rgba(0, 0, 0, 0.3)', ~'inset 0 -2px rgba(0, 0, 0, 0.1)'); div { - width: 18px; - height: 10px; - margin-top: 3px; + width: 9px; + height: 7px; + margin: 5px auto 0; background: no-repeat center; background-image: @caret-non-active; } @@ -104,13 +104,13 @@ .share-link div { .share-active-state; .caret { - width: 20px; - height: 20px; + width: 21px; + height: 21px; border: 0; .box-shadow(~'0 0 1px rgba(255,255,255,0.6)', ~'inset 0 2px .5px 0 rgba(0,0,0,0.35)', ~'inset 0 0 5px 0 rgba(170,170,170,0.2)'); background-color: rgba(74,74,74,0.1); div { - margin-top: 5px; + margin-top: 8px; width: 20px; } } @@ -124,7 +124,7 @@ width: 178px; height: 68px; padding: 12px 12px 6.5px 12px; - margin-left: 8px; + margin-left: 7px; ul { li { float: left;