| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749 |
- /**
- * Sharedaddy Base Styles
- *
- * Contains styles for modules, containers, buttons
- */
- /* Master container */
- #jp-post-flair {
- padding-top: .5em;
- }
- /* Overall Sharedaddy block title */
- div.sharedaddy,
- #content div.sharedaddy,
- #main div.sharedaddy {
- clear: both;
- }
- div.sharedaddy h3.sd-title {
- margin: 0 0 1em 0;
- display: inline-block;
- line-height: 1.2;
- font-size: 9pt;
- font-weight: bold;
- }
- div.sharedaddy h3.sd-title:before {
- content: "";
- display: block;
- width: 100%;
- min-width: 30px;
- border-top: 1px solid #ddd;
- margin-bottom: 1em;
- }
- body.highlander-light h3.sd-title:before {
- border-top: 1px solid rgba(0,0,0,.2);
- }
- body.highlander-dark h3.sd-title:before {
- border-top: 1px solid rgba(255,255,255,.4);
- }
- /* Sharing services list */
- .sd-content ul {
- padding: 0 !important;
- margin: 0 0 .7em 0 !important;
- list-style: none !important;
- }
- .sd-content ul li {
- display: inline-block;
- }
- .sd-block.sd-gplus {
- margin: 0 0 .5em 0;
- }
- .sd-gplus .sd-content {
- font-size: 12px;
- }
- /* Buttons */
- .sd-social-icon .sd-content ul li a.sd-button,
- .sd-social-text .sd-content ul li a.sd-button,
- .sd-content ul li a.sd-button,
- .sd-content ul li .option a.share-ustom, /* Ugh. */
- .sd-content ul li.preview-item div.option.option-smart-off a,
- .sd-content ul li.advanced a.share-more,
- .sd-social-icon-text .sd-content ul li a.sd-button,
- .sd-social-official .sd-content>ul>li>a.sd-button,
- #sharing_email .sharing_send,
- .sd-social-official .sd-content>ul>li .digg_button >a { /* official Digg button no longer works, needs cleaning */
- text-decoration: none !important;
- display: inline-block;
- font-size: 12px;
- font-family: "Open Sans", sans-serif;
- font-weight: normal;
- border-radius: 3px;
- color: #777 !important;
- background: #f8f8f8;
- border: 1px solid #cccccc;
- box-shadow: 0 1px 0 rgba(0,0,0,.08);
- text-shadow: none;
- line-height: 23px;
- padding: 1px 8px 0px 5px;
- }
- .sd-social-text .sd-content ul li a.sd-button span,
- .sd-content ul li a.sd-button>span,
- .sd-content ul li .option a.share-ustom span, /* Ugh. */
- .sd-content ul li.preview-item div.option.option-smart-off a span,
- .sd-content ul li.advanced a.share-more span,
- .sd-social-icon-text .sd-content ul li a.sd-button>span,
- .sd-social-official .sd-content>ul>li>a.sd-button span,
- .sd-social-official .sd-content>ul>li .digg_button >a span { /* official Digg button no longer works, needs cleaning */
- line-height: 23px;
- }
- /* Our gray buttons should be smaller when seen with the official ones */
- .sd-social-official .sd-content>ul>li>a.sd-button,
- .sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button,
- .sd-social-official .sd-content>ul>li .digg_button>a,
- .sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a {
- line-height: 17px;
- box-shadow: none; /* No shadow on gray buttons between the official ones */
- vertical-align: top;
- }
- .sd-social-official .sd-content ul li a.sd-button>span {
- line-height: 17px;
- }
- .sd-social-official .sd-content>ul>li>a.sd-button:before,
- .sd-social-official .sd-content>ul>li .digg_button>a:before,
- .sd-social-official .sd-content .sharing-hidden .inner>ul>li>a.sd-button:before,
- .sd-social-official .sd-content .sharing-hidden .inner>ul>li .digg_button>a:before {
- margin-bottom: -1px;
- }
- .sd-social-icon .sd-content ul li a.sd-button:hover,
- .sd-social-icon .sd-content ul li a.sd-button:active,
- .sd-social-text .sd-content ul li a.sd-button:hover,
- .sd-social-text .sd-content ul li a.sd-button:active,
- .sd-social-icon-text .sd-content ul li a.sd-button:hover,
- .sd-social-icon-text .sd-content ul li a.sd-button:active,
- .sd-social-official .sd-content>ul>li>a.sd-button:hover,
- .sd-social-official .sd-content>ul>li>a.sd-button:active,
- .sd-social-official .sd-content>ul>li .digg_button>a:hover,
- .sd-social-official .sd-content>ul>li .digg_button>a:active {
- color: #555;
- background: #fafafa;
- border: 1px solid #999999;
- }
- .sd-social-icon .sd-content ul li a.sd-button:active,
- .sd-social-text .sd-content ul li a.sd-button:active,
- .sd-social-icon-text .sd-content ul li a.sd-button:active,
- .sd-social-official .sd-content>ul>li>a.sd-button:active,
- .sd-social-official .sd-content>ul>li .digg_button>a:active {
- box-shadow: inset 0 1px 0 rgba(0,0,0,.16);
- }
- /* All icons */
- .sd-content ul li a.sd-button:before {
- display: inline-block;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- font: normal 18px/1 'social-logos';
- vertical-align: top;
- text-align: center;
- }
- /* text + icon styles should have relative and top position */
- .sd-social-icon-text ul li a.sd-button:before {
- position: relative;
- top: 2px;
- }
- /* Make it look great in Chrome and Safari */
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- .sd-content ul li a.sd-button:before {
- position: relative;
- top: 2px;
- }
- }
- .sd-social-official ul li a.sd-button:before {
- position: relative;
- top: -2px;
- }
- /* Make it look great in Chrome and Safari */
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- .sd-social-official ul li a.sd-button:before {
- top: 0px;
- }
- }
- .sd-content ul li {
- margin: 0 5px 5px 0;
- padding: 0;
- }
- /* Add more pading on touch devices */
- .jp-sharing-input-touch .sd-content ul li { padding-left: 10px; }
- /* Text + icon & Official */
- .sd-social-icon-text .sd-content ul li a span,
- .sd-social-official .sd-content ul li a.sd-button span,
- .sd-content ul li.preview-item a.sd-button span {
- margin-left: 3px;
- }
- .sd-content ul li.preview-item.no-icon a.sd-button span {
- margin-left: 0;
- }
- /* Text only */
- .sd-social-text .sd-content ul li a:before,
- .sd-content ul li.no-icon a:before {
- display: none;
- }
- body .sd-social-text .sd-content ul li.share-custom a span,
- body .sd-content ul li.share-custom.no-icon a span {
- background-image: none;
- background-position: -500px -500px !important; /* hack to work around !important inline style */
- background-repeat: no-repeat !important;
- padding-left: 0;
- height: 0;
- line-height: inherit;
- }
- .sd-social-icon .sd-content ul li a.share-more {
- position: relative;
- top: -4px;
- }
- @media screen and (-webkit-min-device-pixel-ratio:0) {
- .sd-social-icon .sd-content ul li a.share-more {
- top: 2px;
- }
- }
- /* Firefox specific hack to make the share more button look better on Firefox. */
- @-moz-document url-prefix() {
- .sd-social-icon .sd-content ul li a.share-more {
- top: 2px;
- }
- }
- .sd-social-icon .sd-content ul li a.share-more span {
- margin-left: 3px;
- }
- /* Individual icons */
- .sd-social-icon .sd-content ul li.share-print a:before,
- .sd-social-text .sd-content ul li.share-print a:before,
- .sd-content ul li.share-print div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-print a:before,
- .sd-social-official .sd-content li.share-print a:before {
- content: '\f469';
- }
- .sd-social-icon .sd-content ul li.share-email a:before,
- .sd-social-text .sd-content ul li.share-email a:before,
- .sd-content ul li.share-email div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-email a:before,
- .sd-social-official .sd-content li.share-email a:before {
- content: '\f410';
- }
- .sd-social-icon .sd-content ul li.share-linkedin a:before,
- .sd-social-text .sd-content ul li.share-linkedin a:before,
- .sd-content ul li.share-linkedin div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-linkedin a:before {
- content: '\f207';
- }
- .sd-social-icon .sd-content ul li.share-twitter a:before,
- .sd-social-text .sd-content ul li.share-twitter a:before,
- .sd-content ul li.share-twitter div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-twitter a:before {
- content: '\f202';
- }
- .sd-social-icon .sd-content ul li.share-reddit a:before,
- .sd-social-text .sd-content ul li.share-reddit a:before,
- .sd-content ul li.share-reddit div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-reddit a:before {
- content: '\f222';
- }
- .sd-social-icon .sd-content ul li.share-tumblr a:before,
- .sd-social-text .sd-content ul li.share-tumblr a:before,
- .sd-content ul li.share-tumblr div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-tumblr a:before {
- content: '\f607';
- }
- .sd-social-icon .sd-content ul li.share-pocket a:before,
- .sd-social-text .sd-content ul li.share-pocket a:before,
- .sd-content ul li.share-pocket div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-pocket a:before {
- content: '\f224';
- }
- .sd-social-icon .sd-content ul li.share-pinterest a:before,
- .sd-social-text .sd-content ul li.share-pinterest a:before,
- .sd-content ul li.share-pinterest div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-pinterest a:before {
- content: '\f210';
- }
- .sd-social-icon .sd-content ul li.share-google-plus-1 a:before,
- .sd-social-text .sd-content ul li.share-google-plus-1 a:before,
- .sd-content ul li.share-google-plus-1 div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-google-plus-1 a:before {
- content: '\f218';
- }
- .sd-social-icon .sd-content ul li.share-facebook a:before,
- .sd-social-text .sd-content ul li.share-facebook a:before,
- .sd-content ul li.share-facebook div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-facebook a:before {
- content: '\f203';
- }
- .sd-social-icon .sd-content ul li.share-press-this a:before,
- .sd-social-text .sd-content ul li.share-press-this a:before,
- .sd-content ul li.share-press-this div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-press-this a:before,
- .sd-social-official .sd-content li.share-press-this a:before {
- content: '\f205';
- }
- .sd-social-official .sd-content li.share-press-this a:before {
- color: #2ba1cb;
- }
- .sd-social-icon .sd-content ul li.share-telegram a:before,
- .sd-social-text .sd-content ul li.share-telegram a:before,
- .sd-content ul li.share-telegram div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-telegram a:before,
- .sd-social-official .sd-content li.share-telegram a:before {
- content: '\f606';
- }
- .sd-social-official .sd-content li.share-telegram a:before {
- color: #0088cc;
- }
- .sd-social-icon .sd-content ul li.share-skype a:before,
- .sd-social-text .sd-content ul li.share-skype a:before,
- .sd-content ul li.share-skype div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-skype a:before {
- content: '\f220';
- }
- .sd-social-icon .sd-content ul a.share-more:before,
- .sd-social-text .sd-content ul a.share-more:before,
- .sd-content ul li.advanced a.share-more:before,
- .sd-social-icon-text .sd-content a.share-more:before,
- .sd-social-official .sd-content a.share-more:before {
- content: '\f415';
- }
- .sd-social-official .sd-content a.share-more:before {
- color: #2ba1cb;
- }
- .sd-social-icon .sd-content ul li.share-jetpack-whatsapp a:before,
- .sd-social-text .sd-content ul li.share-jetpack-whatsapp a:before,
- .sd-content ul li.share-jetpack-whatsapp div.option.option-smart-off a:before,
- .sd-social-icon-text .sd-content li.share-jetpack-whatsapp a:before,
- .sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
- content: '\f608';
- }
- .sd-social-official .sd-content li.share-jetpack-whatsapp a:before {
- color: #43d854;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-jetpack-whatsapp a.sd-button {
- background: #43d854;
- color: #fff !important;
- }
- /* Share count */
- .sd-social .sd-button .share-count {
- background: #2ea2cc;
- color: #fff;
- -moz-border-radius: 10px;
- border-radius: 10px;
- display: inline-block;
- text-align: center;
- font-size: 10px;
- padding: 1px 3px;
- line-height: 1;
- }
- /* Official buttons */
- .sd-social-official .sd-content ul, .sd-social-official .sd-content ul li {
- line-height: 25px !important;
- }
- .sd-social-official .sd-content>ul>li>a.sd-button span {
- line-height: 1;
- }
- .sd-social-official .sd-content ul:after {
- content: ".";
- display: block;
- height: 0;
- clear: both;
- visibility: hidden;
- }
- .sd-social-official .sd-content li.share-press-this a {
- margin: 0 0 5px 0;
- }
- .sd-social-official .sd-content ul>li {
- display: block;
- float: left;
- margin: 0 10px 5px 0 !important;
- height: 25px;
- }
- .sd-social-official .fb-share-button > span {
- vertical-align: top !important;
- }
- .sd-social-official .sd-content .pocket_button iframe {
- width: 98px;
- }
- /* Individual official buttons */
- .googleplus1_button .g-plus {
- vertical-align: top !important;
- }
- .reddit_button iframe {
- margin-top: 1px;
- }
- .pocket_button iframe, .googleplus1_button iframe, .pinterest_button, .twitter_button, .linkedin_button>span {
- margin: 0 !important;
- }
- .sd-social-official .sd-content .share-skype {
- width: 55px;
- }
- body .sd-social-official li.share-print ,
- body .sd-social-official li.share-email a,
- body .sd-social-official li.share-custom a,
- body .sd-social-official li a.share-more,
- body .sd-social-official li.share-digg a,
- body .sd-social-official li.share-press-this a
- {
- position: relative;
- top: 0;
- }
- /* Custom icons */
- body .sd-social-icon .sd-content li.share-custom>a {
- padding: 2px 3px 0 3px;
- position: relative;
- top: 4px;
- }
- body .sd-social-icon .sd-content li.share-custom a span,
- body .sd-social-icon-text .sd-content li.share-custom a span,
- body .sd-social-text .sd-content li.share-custom a span,
- body .sd-social-official .sd-content li.share-custom a span,
- body .sd-content ul li.share-custom a.share-icon span
- {
- background-size: 16px 16px;
- background-repeat: no-repeat;
- margin-left: 0;
- padding: 0 0 0 19px;
- display: inline-block;
- height: 21px;
- line-height: 16px;
- }
- body .sd-social-icon .sd-content li.share-custom a span {
- width: 0;
- }
- body .sd-social-icon .sd-content li.share-custom a span {
- padding-left: 16px !important;
- }
- /* Overflow Sharing dialog */
- .sharing-hidden .inner {
- position: absolute;
- z-index: 2;
- border: 1px solid #ccc;
- padding: 10px;
- background: #fff;
- box-shadow: 0px 5px 20px rgba(0,0,0,.2);
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- border-radius: 2px;
- margin-top: 5px;
- max-width: 400px;
- }
- .sharing-hidden .inner ul{
- margin: 0 !important;
- }
- .sd-social-official .sd-content .sharing-hidden ul>li.share-end {
- clear: both;
- margin: 0 !important;
- height: 0 !important;
- }
- .sharing-hidden .inner:before, .sharing-hidden .inner:after {
- position: absolute;
- z-index: 1;
- top: -8px;
- left: 20px;
- width: 0;
- height: 0;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- border-bottom: 8px solid #ccc;
- content: "";
- display: block;
- }
- .sharing-hidden .inner:after {
- z-index: 2;
- top: -7px;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- border-bottom: 8px solid #fff;
- }
- .sharing-hidden ul {
- margin: 0;
- }
- /**
- * Special colorful look for "Icon Only" option
- */
- .sd-social-icon .sd-content ul li[class*='share-'] a,
- .sd-social-icon .sd-content ul li[class*='share-'] a:hover,
- .sd-social-icon .sd-content ul li[class*='share-'] div.option a {
- border-radius: 50%;
- -webkit-border-radius: 50%;
- border: 0;
- box-shadow: none;
- padding: 7px;
- position: relative;
- top: -2px;
- line-height: 1;
- width: auto;
- height: auto;
- margin-bottom: 0;
- }
- .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button>span,
- .sd-social-icon .sd-content ul li[class*='share-'] div.option a span {
- line-height: 1;
- }
- .sd-social-icon .sd-content ul li[class*='share-'] a:hover,
- .sd-social-icon .sd-content ul li[class*='share-'] div.option a:hover {
- border: none;
- opacity: .6;
- }
- .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button:before {
- top: 1px;
- top: 0px\9; /* IE8 and below */
- }
- .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button.share-custom {
- padding: 8px 8px 6px 8px;
- top: 5px;
- }
- .sd-social-icon .sd-content ul li a.sd-button.share-more {
- margin-left: 10px;
- }
- .sd-social-icon .sd-content ul li:first-child a.sd-button.share-more {
- margin-left: 0;
- }
- .sd-social-icon .sd-button span.share-count {
- position: absolute;
- bottom: 0;
- right: 0;
- border-radius: 0;
- background: #555;
- font-size: 9px;
- }
- /* Special look colors */
- .sd-social-icon .sd-content ul li[class*='share-'] a.sd-button {
- background: #e9e9e9;
- margin-top: 2px;
- text-indent: 0;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-tumblr a.sd-button {
- background: #2c4762;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-facebook a.sd-button {
- background: #3b5998;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-twitter a.sd-button {
- background: #00acee;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-pinterest a.sd-button {
- background: #ca1f27;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-digg a.sd-button {
- color: #555555 !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-press-this a.sd-button {
- background: #1e8cbe;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-telegram a.sd-button {
- background: #0088cc;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-linkedin a.sd-button {
- background: #0077b5;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-google-plus-1 a.sd-button {
- background: #dd4b39;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-pocket a.sd-button {
- background: #ee4056;
- color: #fff !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-reddit a.sd-button {
- background: #cee3f8;
- color: #555555 !important;
- }
- .sd-social-icon .sd-content ul li[class*='share-'].share-skype a.sd-button {
- background: #00AFF0;
- color: #fff !important;
- }
- /**
- * Screen Reader Text for "Icon Only" option
- */
- .sharing-screen-reader-text {
- clip: rect(1px, 1px, 1px, 1px);
- position: absolute !important;
- height: 1px;
- width: 1px;
- overflow: hidden;
- }
- .sharing-screen-reader-text:hover,
- .sharing-screen-reader-text:active,
- .sharing-screen-reader-text:focus {
- background-color: #f1f1f1;
- border-radius: 3px;
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
- clip: auto !important;
- color: #21759b;
- display: block;
- font-size: 14px;
- font-weight: bold;
- height: auto;
- left: 5px;
- line-height: normal;
- padding: 15px 23px 14px;
- text-decoration: none;
- top: 5px;
- width: auto;
- z-index: 100000; /* Above WP toolbar */
- }
- /**
- * Sharing Email Dialog
- */
- #sharing_email {
- width: 342px;
- position: absolute;
- z-index: 1001;
- border: 1px solid #ccc;
- padding: 15px;
- background: #fff;
- box-shadow: 0px 5px 20px rgba(0,0,0,.2);
- text-align: left;
- }
- div.sharedaddy.sharedaddy-dark #sharing_email {
- border-color: #fff;
- }
- #sharing_email .errors {
- color: #fff;
- background-color: #771a09;
- font-size: 12px;
- padding: 5px 8px;
- line-height: 1;
- margin: 10px 0 0 0;
- }
- #sharing_email label {
- font-size: 12px;
- color: #333;
- font-weight: bold;
- display: block;
- padding: 0 0 4px 0;
- text-align: left;
- text-shadow: none;
- }
- #sharing_email form {
- margin: 0;
- }
- #sharing_email input[type="text"], #sharing_email input[type="email"] {
- width: 100%;
- box-sizing: border-box;
- -moz-box-sizing:border-box;
- -webkit-box-sizing:border-box;
- border: 1px solid #ccc;
- margin-bottom: 1em;
- background: #fff;
- font-size: 12px;
- color: #333;
- max-width: none;
- padding: 1px 3px;
- }
- #jetpack-source_f_name {
- display: none!important;
- position: absolute !important;
- left: -9000px;
- }
- #sharing_email .sharing_cancel {
- padding: 0 0 0 1em;
- font-size: 12px;
- text-shadow: none;
- }
- #sharing_email .recaptcha {
- width: 312px;
- height: 123px;
- margin: 0 0 1em 0;
- }
|