diff options
Diffstat (limited to 'plugins/jetpack/modules/sharedaddy/admin-sharing.css')
| -rw-r--r-- | plugins/jetpack/modules/sharedaddy/admin-sharing.css | 191 |
1 files changed, 115 insertions, 76 deletions
diff --git a/plugins/jetpack/modules/sharedaddy/admin-sharing.css b/plugins/jetpack/modules/sharedaddy/admin-sharing.css index 80c4fb89..fd0e3d43 100644 --- a/plugins/jetpack/modules/sharedaddy/admin-sharing.css +++ b/plugins/jetpack/modules/sharedaddy/admin-sharing.css @@ -57,7 +57,7 @@ -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 5px 10px 5px 24px; - margin-right: 10px; + margin-right: 5px !important; cursor: move; } @@ -70,21 +70,78 @@ .preview { float: left !important; + width: 98%; } +.services ul.preview li, .services ul.archive li { + border: none; +} + + +.services ul li#facebook, #available-services .preview-facebook div.option-smart-off{background: #FFF url(images/facebook.png) no-repeat 4px 5px;} +.services ul li#twitter, #available-services .preview-twitter div.option-smart-off{background: #FFF url(images/twitter.png?1) no-repeat 4px 5px;} +.services ul li#wordpress, #available-services .preview-wordpress{background: #FFF url(images/wordpress.png) no-repeat 4px 5px;} +.services ul li#digg, #available-services .preview-digg div.option-smart-off{background: #FFF url(images/digg.png) no-repeat 4px 5px;} +.services ul li#reddit, #available-services .preview-reddit div.option-smart-off{background: #FFF url(images/reddit.png) no-repeat 4px 5px;} +.services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off{background: #FFF url(images/stumbleupon.png) no-repeat 4px 5px;} +.services ul li#email, #available-services .preview-email{background: #FFF url(images/email.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li#print, #available-services .preview-print{background: #FFF url(images/print.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li#press-this, #available-services .preview-press-this{background: #FFF url(images/wordpress.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off{background: #FFF url(images/linkedin.png) no-repeat 4px 5px;} +.services ul li#tumblr,#available-services .preview-tumblr{background: #FFF url(images/tumblr.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li#google-plus-1,#available-services .preview-google-plus-1{background: #FFF url(images/googleplus1.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li#pinterest,#available-services .preview-pinterest{background: #FFF url(images/pinterest.png) no-repeat 4px 5px; padding-right: 10px;} +.services ul li.share-custom, #available-services .preview-custom{background: #FFF url(images/custom.png) no-repeat 4px 5px; no-repeat 4px 5px; padding-right: 10px;} + + + +@media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { + + .services ul li#facebook, #available-services .preview-facebook div.option-smart-off{background: #FFF url(images/facebook@2x.png) no-repeat 4px 5px;} + .services ul li#twitter, #available-services .preview-twitter div.option-smart-off{background: #FFF url(images/twitter@2x.png?1) no-repeat 4px 5px;} + .services ul li#wordpress, #available-services .preview-wordpress{background: #FFF url(images/wordpress@2x.png?1) no-repeat 4px 5px;} + .services ul li#digg, #available-services .preview-digg div.option-smart-off{background: #FFF url(images/digg@2x.png) no-repeat 4px 5px;} + .services ul li#reddit, #available-services .preview-reddit div.option-smart-off{background: #FFF url(images/reddit@2x.png) no-repeat 4px 5px;} + .services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off{background: #FFF url(images/stumbleupon@2x.png) no-repeat 4px 5px;} + .services ul li#email, #available-services .preview-email{background: #FFF url(images/email@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li#print, #available-services .preview-print{background: #FFF url(images/print@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li#press-this, #available-services .preview-press-this{background: #FFF url(images/wordpress@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off{background: #FFF url(images/linkedin@2x.png) no-repeat 4px 5px;} + .services ul li#tumblr,#available-services .preview-tumblr{background: #FFF url(images/tumblr@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li#google-plus-1,#available-services .preview-google-plus-1{background: #FFF url(images/googleplus1@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li#pinterest,#available-services .preview-pinterest{background: #FFF url(images/pinterest@2x.png) no-repeat 4px 5px; padding-right: 10px;} + .services ul li.share-custom, #available-services .preview-custom{background: #FFF url(images/custom@2x.png) no-repeat 4px 5px; no-repeat 4px 5px; padding-right: 10px;} + + .services ul li#facebook, #available-services .preview-facebook div.option-smart-off, + .services ul li#twitter, #available-services .preview-twitter div.option-smart-off, + .services ul li#wordpress, #available-services .preview-wordpress, + .services ul li#digg, #available-services .preview-digg div.option-smart-off, + .services ul li#reddit, #available-services .preview-reddit div.option-smart-off, + .services ul li#stumbleupon, #available-services .preview-stumbleupon div.option-smart-off, + .services ul li#email, #available-services .preview-email, + .services ul li#print, #available-services .preview-print, + .services ul li#press-this, #available-services .preview-press-this, + .services ul li#linkedin, #available-services .preview-linkedin div.option-smart-off, + .services ul li#tumblr,#available-services .preview-tumblr, + .services ul li#google-plus-1,#available-services .preview-google-plus-1, + .services ul li#pinterest,#available-services .preview-pinterest, + .services ul li.share-custom, #available-services .preview-custom{ + background-size: 16px 16px; + } + + + + + + + + + + + + +} -.services ul li#facebook, .preview-facebook div.option-smart-off{background: #FFF url(images/facebook.png) no-repeat 4px 5px;} -.services ul li#twitter, .preview-twitter div.option-smart-off{background: #FFF url(images/twitter.png) no-repeat 4px 5px;} -.services ul li#wordpress, .preview-wordpress{background: #FFF url(images/wordpress.png) no-repeat 4px 5px;} -.services ul li#digg, .preview-digg div.option-smart-off{background: #FFF url(images/digg.png) no-repeat 4px 5px;} -.services ul li#reddit, .preview-reddit div.option-smart-off{background: #FFF url(images/reddit.png) no-repeat 4px 5px;} -.services ul li#stumbleupon, .preview-stumbleupon div.option-smart-off{background: #FFF url(images/stumbleupon.png) no-repeat 4px 5px;} -.services ul li#email, .preview-email{background: #FFF url(images/email.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#print, .preview-print{background: #FFF url(images/print.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#press-this, .preview-press-this{background: #FFF url(images/wordpress.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li#linkedin, .preview-linkedin div.option-smart-off{background: #FFF url(images/linkedin.png) no-repeat 4px 5px;} -.services ul li#google-plus-1,.preview-google-plus-1{background: #FFF url(images/googleplus1.png) no-repeat 4px 5px; padding-right: 10px;} -.services ul li.share-custom, .preview-custom{background: #FFF url(images/custom.png) no-repeat 4px 5px; no-repeat 4px 5px; padding-right: 10px;} /****************************************************************************/ @@ -96,77 +153,81 @@ cursor: default; } -.preview li.preview-digg, .preview li.preview-reddit, .preview li.preview-stumbleupon, .preview li.preview-facebook, .preview li.preview-twitter, .preview li.preview-linkedin { +.preview li.preview-digg, +.preview li.preview-reddit, +.preview li.preview-stumbleupon, +.preview li.preview-facebook, +.preview li.preview-twitter, +.preview li.preview-linkedin, +.preview li.preview-tumblr { padding: 0; } -.preview-digg .option-smart-off, .preview-reddit .option-smart-off, .preview-stumbleupon .option-smart-off, .preview-facebook .option-smart-off, .preview-twitter .option-smart-off, .preview-linkedin .option-smart-off { - background-position: 0px 5px !important; - padding: 5px 0px 5px 20px; -} - .preview-digg .option-smart-on { background: #FFF url(images/smart-digg.png) no-repeat top left; width:76px; height:17px; - margin-top: 5px; + margin-top: 2px; } .preview-reddit .option-smart-on { background: #FFF url(images/smart-reddit.png) no-repeat top left; width:104px; height:21px; - margin-top: 3px; } .preview-stumbleupon .option-smart-on { background: #FFF url(images/smart-stumbleupon.png) no-repeat top left; width: 74px; height: 18px; - margin-top: 4px; + margin-top: 1px; } -.preview-facebook .option-smart-like { +.preview-facebook .option-smart-on { background: #FFF url(images/smart-like.png) no-repeat top left; width:50px; height:20px; - margin-top: 3px; -} - -.preview-facebook .option-smart-on { - background: #FFF url(images/smart-facebook.png) no-repeat top left; - width:60px; - height:18px; - margin-top: 4px; } .preview-twitter .option-smart-on { - background: #FFF url(images/smart-twitter.png) no-repeat top left; + background: #FFF url(images/smart-twitter.png?1) no-repeat top left; width:92px; height:20px; - margin-top: 3px; } .preview-linkedin .option-smart-on { background: #FFF url(images/linkedin-smart.png) no-repeat top center; width:99px; height:22px; - margin-top: 3px; + margin-top: 1px; } .preview-google-plus-1 .option-smart-on { + background: #FFF url(images/smart-googleplus1.png) no-repeat top left; max-width: 70px; - width: 15px; - height: 15px; - margin-top: 4px; + width: 60px; + height: 20px; +} + +.preview-tumblr .option-smart-on { + background: #FFF url(images/smart-tumblr.png) no-repeat top left; + width: 62px; + height: 20px; +} + +.preview-pinterest .option-smart-on { + background: #FFF url(images/smart-pinterest.png) no-repeat top left; + width: 58px; + height: 20px; } +div.sharedaddy .preview-google-plus-1 .no-text { width: 60px; } + .services .preview li.share-custom { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background:url("images/sharing-hidden.png") no-repeat scroll 0px center #FFFFFF; - border: 1px solid #D8D8D8; float: left; line-height: 22px; padding: 0 8px 0 21px; @@ -217,38 +278,11 @@ .clearing{ clear: both; } - -.options-toggle{ -} - #available-services .options-toggle { - display: none; - } - .services ul li.options{ - padding-right: 0px; - } - .options .options-left{ float: left; } - .options .options-toggle{ - float: left; - width: 24px; - height: 26px; - margin-top:-6px; - margin-left: 5px; - margin-bottom:-5px; - } - - html>body .options .options-toggle{ - float: right; - } - - .options-open .options-toggle{ - margin-top:-5px; - } - .input label{ font-size: 11px; line-height: 16px; @@ -262,11 +296,6 @@ margin-top:4px; } - - .services ul li.options-open .advanced-form{ - display: block; - } - .utility{ float: right; padding-top:10px; @@ -322,18 +351,12 @@ .sharing-hidden ul { - background: #fff url('images/share-bg.png') repeat-y center center; margin: 0 !important; } .services .sharing-hidden li { margin: 0px 10px 0px 10px; background-color: transparent; - width: 100px; -} - -.sharing-hidden .preview-digg, .sharing-hidden .preview-reddit, .sharing-hidden .preview-stumbleupon, .sharing-hidden .preview-facebook, .sharing-hidden .preview-twitter, .sharing-hidden .preview-linkedin, .sharing-hidden .preview-google-plus-1 { - width: 120px !important; } .sharing-hidden li.share-end { @@ -351,3 +374,19 @@ border: 0; padding: 4px 6px 0 0; } + +#services-config a.remove { + background: #ddd; + color: #fff; + padding: 0px 4px 2px; + border-radius: 15px; + -moz-border-radius: 15px; + -webkit-border-radius: 15px; + text-decoration: none; + font-weight: bold; + font-size: 10px; +} + +#services-config a.remove:hover { + background: #f00; +} |