* Sharedaddy Admin Styles
#enabled-services .ui-sortable {
border-bottom: 2px solid #ccc;
border-bottom: 1px solid #dcdcde;
body.settings_page_sharing .description {
body.settings_page_sharing .description p {
body.settings_page_sharing .services {
body.settings_page_sharing .services ul li {
body.settings_page_sharing .services ul li.divider {
body.settings_page_sharing ul.services-hidden {
#available-services .service,
#enabled-services .service {
color: #2c3338 !important;
font-family: "Open Sans", sans-serif;
padding: 3px 11px 4px 9px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.12);
#available-services .service .options-left,
#enabled-services .service .options-left {
#available-services .service:hover,
#enabled-services .service:hover {
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.22);
#available-services .service.share-deprecated,
#enabled-services .service.share-deprecated {
text-decoration: line-through;
#available-services .service.share-deprecated {
/* Generic style icons */
li.service span::before {
-webkit-font-smoothing: antialiased;
font: 400 18px/1 social-logos;
li.service.share-print span::before {
li.service.share-digg span::before {
li.service.share-email span::before {
li.service.share-linkedin span::before {
li.service.share-x span::before,
li.service.share-twitter span::before {
li.service.share-reddit span::before {
li.service.share-tumblr span::before {
li.service.share-pocket span::before {
li.service.share-pinterest span::before {
li.service.share-facebook span::before {
li.service.share-press-this span::before { /* Fixme: remove this button in favor of reblog */
li.service.share-telegram span::before {
li.service.share-threads span::before {
li.service.share-jetpack-whatsapp span::before {
li.service.share-mastodon span::before {
li.service.share-nextdoor span::before {
li.service.share-bluesky span::before {
body.settings_page_sharing ul.preview {
body.settings_page_sharing ul.preview li.preview-item,
body.settings_page_sharing ul.preview li.preview-item a {
div.sd-social-icon ul.preview li.preview-item a span,
div.sd-social-icon .inner li.preview-item a span {
div.sd-social-icon ul.preview li.preview-item.preview-custom a span {
.services .preview li.share-custom a {
.services ul li.end-fix {
font-weight: 400 !important;
body.settings_page_sharing #live-preview h2 {
font-weight: 400 !important;
body.settings_page_sharing .clearing {
body.settings_page_sharing .options .options-left {
body.settings_page_sharing .input label {
body.settings_page_sharing .advanced-form {
padding: 10px 14px 8px 10px;
border-top: 1px #e3e3e3 solid;
body.settings_page_sharing .utility {
body.settings_page_sharing .advanced input[type="submit"] {
.advanced-form .form-table th {
.advanced-form .button-secondary {
margin-top: 0 !important;
border: 1px solid #cdcdcd;
/* Official button previews */
.preview li.preview-item {
background-position: 0 5px;
.preview .option-smart-on {
.preview-digg .option-smart-on {
background: url(images/smart-digg.png) no-repeat top left;
background-size: 76px 17px;
.preview-facebook .option-smart-on {
background: url(images/smart-like.png) no-repeat top left;
background-size: 85px 20px;
.preview-twitter .option-smart-on,
.preview-x .option-smart-on {
background: url(images/smart-x.png?1) no-repeat top left;
background-size: 60px 20px;
.preview-linkedin .option-smart-on {
background: url(images/linkedin-smart.png) no-repeat top center;
background-size: 99px 18px;
.preview-tumblr .option-smart-on {
background: url(images/smart-tumblr.png) no-repeat top left;
background-size: 62px 20px;
.preview-pinterest .option-smart-on {
background: url(images/smart-pinterest.png) no-repeat top left;
background-size: 39px 20px;
.preview-pocket .option-smart-on {
background: url(images/smart-pocket.png) no-repeat top left;
background-size: 60px 20px;
.preview-item.share-deprecated {
.preview-item.share-deprecated a span {
text-decoration: line-through;
@media (-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.preview-digg .option-smart-on {
background-image: url(images/smart-digg@2x.png);
.preview-facebook .option-smart-on {
background-image: url(images/smart-like@2x.png);
.preview-twitter .option-smart-on,
.preview-x .option-smart-on {
background-image: url(images/smart-x@2x.png?1);
.preview-linkedin .option-smart-on {
background-image: url(images/linkedin-smart@2x.png);
.preview-tumblr .option-smart-on {
background-image: url(images/smart-tumblr@2x.png);
.preview-pinterest .option-smart-on {
background-image: url(images/smart-pinterest@2x.png);
.preview-pocket .option-smart-on {
background-image: url(images/smart-pocket@2x.png);
* Overflow sharing dialog
.services .sharing-hidden li {
background-color: transparent;
.sharing-hidden li.share-end {
.preview .sharing-label {
#services-config a.remove {
#services-config a.remove:hover {
.sd-social-icon .inner a.sd-button span,
.sd-social-icon .inner a.share-icon span {
.sharing-block-message__items-wrapper {
.sharing-block-message__buttons-wrapper .button {
.sharing-block-message__buttons-wrapper .button-primary:visited {
.admin-sharing-settings__block-theme-description {
.settings-sharing__block-theme-description {