bibhamrokhanpin/wp-content/__plugins/sharethis-share-buttons/css/admin.css

1768 lines
72 KiB
CSS
Raw Permalink Normal View History

2024-04-10 12:01:06 +00:00
/*Share Buttons Menus*/
.adBanner {
background-color: transparent;
height: 1px;
width: 1px;
}
#adblocker-notice {
display: none;
}
div[title="googlebookmarks"] svg,
div[title="telegram"] svg,
div[title="douban"] svg,
div[title="renren"] svg,
div[title="getpocket"] svg
{
width: 25px;
height: 24px;
padding-bottom: 10px;
}
.sharethis-wrap input[type=radio] {
display: none;
}
.sharethis-wrap .share-on input[type=radio]:checked + div {
background: #4089c1;
}
.sharethis-wrap .share-off input[type=radio]:checked + div {
background: #979797;
}
.sharethis-wrap .enable-buttons .share-on input[type=radio]:checked + div {
background: #00b300;
}
.sharethis-wrap .share-off input[type=radio] + div, .sharethis-wrap .share-on input[type=radio] + div {
width: 40px;
height: 40px;
background: #ffffff;
border: 1px solid #c5c5c5;
display: inline-block;
}
.sharethis-wrap .share-on input[type=radio] + div {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.sharethis-wrap .share-off input[type=radio] + div {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.sharethis-wrap .form-table label .label-text {
color: #8d8d8d;
text-align: center;
line-height: 40px;
}
.sharethis-wrap .share-on {
margin-right: -6px;
}
.sharethis-wrap .share-on input:checked:before, .sharethis-wrap .share-off input:checked:before {
display: none;
}
.sharethis-wrap input:checked:focus {
box-shadow: none;
}
.sharethis-wrap input[type=radio]:checked + div {
color: #ffffff;
}
.sharethis-wrap h2 {
background: #308cc1;
color: #ffffff;
padding: 1.2rem;
}
.sharethis-wrap h2 span {
border: 1px solid #ffffff;
padding: .4rem .6rem;
border-radius: 5px;
margin-right: 1rem;
font-size: 14px;
cursor: pointer;
font-family: arial, sans-serif;
}
.sharethis-wrap form {
margin: 0 2rem;
}
.sharethis-wrap form .form-table tr {
display: none;
}
.sharethis-wrap form .form-table tbody {
display: table;
width: 100%;
}
.sharethis-wrap form .form-table {
display: table-header-group;
}
.sharethis-wrap form h2 {
margin-bottom: -4.5rem;
}
.sharethis-wrap form .form-table tr:first-of-type td {
width: 100%;
text-align: right;
}
.sharethis-wrap .form-table th {
min-width: 17.5rem;
}
.sharethis-wrap .form-table th span {
padding-top: 1rem;
display: block;
color: #6f6f6f;
font-weight: 100;
font-size: 12px;
line-height: 1.5;
}
.sharethis-wrap .form-table tr {
border-top: solid 1px #d6d6d6;
margin: 2rem 0 0 1.5rem;
padding-top: .5rem;
}
.sharethis-wrap form .form-table tr:first-of-type {
display: table-row;
border-top: none;
}
.sharethis-wrap form .form-table tr:nth-child(2) {
border-top: none;
}
.sharethis-wrap h3 {
font-weight: 100;
line-height: 1.5;
}
.sharethis-wrap h3 a {
color: #1ca5d8;
text-decoration: none;
}
.sharethis-wrap .onoff-buttons .option-title {
display: inline-block;
margin-bottom: 2rem;
}
.sharethis-wrap form .submit {
display: none;
text-align: right;
}
.sharethis-wrap .submit #submit {
background: #00b300;
text-shadow: none;
border: 1px solid #009900;
}
.sharethis-wrap .submit #reset {
background: #979797;
margin-left: .5rem;
text-shadow: none;
border: 1px solid #727272;
box-shadow: none;
}
.sharethis-wrap .readonly-input-field input {
background: #ffffff;
}
.sharethis-wrap .readonly-input-field button {
border-radius: 4px;
font-size: 11px;
background: #efefef;
border: 1px solid #dddddd;
padding: .46rem .6rem;
}
.sharethis-wrap a.social-login-button {
padding: .4rem;
background: #008ec2;
border: 1px solid #006799;
border-radius: 4px;
color: #ffffff;
text-decoration: none;
}
.sharethis-wrap form .form-table td {
padding-left: 2rem;
}
.sharethis-wrap .list-wrapper {
margin: -1.5rem 0 2rem;
}
.sharethis-wrap .search-st-icon {
padding: 0 9px;
background: url( 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgWw0KCTwhRU5USVRZIG5zX2V4dGVuZCAiaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iPg0KCTwhRU5USVRZIG5zX2FpICJodHRwOi8vbnMuYWRvYmUuY29tL0Fkb2JlSWxsdXN0cmF0b3IvMTAuMC8iPg0KCTwhRU5USVRZIG5zX2dyYXBocyAiaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfdmFycyAiaHR0cDovL25zLmFkb2JlLmNvbS9WYXJpYWJsZXMvMS4wLyI+DQoJPCFFTlRJVFkgbnNfaW1yZXAgImh0dHA6Ly9ucy5hZG9iZS5jb20vSW1hZ2VSZXBsYWNlbWVudC8xLjAvIj4NCgk8IUVOVElUWSBuc19zZncgImh0dHA6Ly9ucy5hZG9iZS5jb20vU2F2ZUZvcldlYi8xLjAvIj4NCgk8IUVOVElUWSBuc19jdXN0b20gImh0dHA6Ly9ucy5hZG9iZS5jb20vR2VuZXJpY0N1c3RvbU5hbWVzcGFjZS8xLjAvIj4NCgk8IUVOVElUWSBuc19hZG9iZV94cGF0aCAiaHR0cDovL25zLmFkb2JlLmNvbS9YUGF0aC8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zOng9IiZuc19leHRlbmQ7IiB4bWxuczppPSImbnNfYWk7IiB4bWxuczpncmFwaD0iJm5zX2dyYXBoczsiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIxOC41IDE2LjQgMTYzLjMgMTY1LjYiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTguNSAxNi40IDE2My4zIDE2NS42OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNjc3MjdGO30NCjwvc3R5bGU+DQo8c3dpdGNoPg0KCTxmb3JlaWduT2JqZWN0IHJlcXVpcmVkRXh0ZW5zaW9ucz0iJm5zX2FpOyIgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSI+DQoJCTxpOnBnZlJlZiAgeGxpbms6aHJlZj0iI2Fkb2JlX2lsbHVzdHJhdG9yX3BnZiI+DQoJCTwvaTpwZ2ZSZWY+DQoJPC9mb3JlaWduT2JqZWN0Pg0KCTxnIGk6ZXh0cmFuZW91cz0ic2VsZiI+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik03OC40LDE3LjJjLTMyLjYsMC01OS4xLDI2LjQtNTkuMSw1OS4xczI2LjQsNTkuMSw1OS4xLDU5LjFjMzIuNiwwLDU5LjEtMjYuNCw1OS4xLTU5LjFTMTExLDE3LjIsNzguNCwxNy4yeg0KCQkJIE03OC40LDEyMC40Yy0yNC40LDAtNDQuMS0xOS43LTQ0LjEtNDQuMVM1NCwzMi4yLDc4LjQsMzIuMmMyNC40LDAsNDQuMSwxOS43LDQ0LjEsNDQuMVMxMDIuNywxMjAuNCw3OC40LDEyMC40eiIvPg0KCQkNCgkJCTxyZWN0IHg9IjExNS41IiB5PSIxMzkuMSIgdHJhbnNmb3JtPSJtYXRyaXgoMC43MDcxIDAuNzA3MSAtMC43MDcxIDAuNzA3MSAxNDkuNzgzMyAtNjEuODg4NSkiIGNsYXNzPSJzdDAiIHdpZHRoPSI2OC4zIiBoZWlnaHQ9IjIxLjQiLz4NCgkJDQoJCQk8cmVjdCB4PSIxMDguMyIgeT0iMTE2IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjcwNzEgMC43MDcxIC0wLjcwNzEgMC43MDcxIDEyMy42Mjc5IC01MS4wNTQ2KSIgY2xhc3M9InN0MCIgd2lkdGg9IjMwLjMiIGhlaWdodD0iMTUuNSIvPg0KCTwvZz4NCjwvc3dpdGNoPg0KPGk6cGdmICBpZD0iYWRvYmVfaWxsdXN0cmF0b3JfcGdmIj4NCgk8IVtDREFUQVsNCgllSnp0dmVsNjZyalNLUHpkQVBjQUNRUUlZRHd5SlNGaERKa0paQ0lUTWVBa3JCQWdCcnA3dlQvT3RYK1NQQnZMbG9HMWU3L25PYnQzCnB3SExKYWxVVmFvcVZha2lvV1k3VlJwTWVsS0tvK2hnSUJLcHlKSTRuOGlGSVBvMWVESWFMV1p6R2Y0VWE4V0RUSmFpUWFQU1NhNnIKTnJ5VDVObHdNaTRFbVR6Rm9JZDErSGJzWGhaL0I4dVR2MGZEOFVjOEdJdURCemZEK1VnQ2o3N0ZqL0h3L1RkNGtQb1lpYk1aTmZ2cgpJNjUxRFdCVnhUbG94dEJwTnMwSVFZWXRzR3l3ZVFFYmlPTy9RUHZoLzhESEdTN0hnZC9LazhWNEFFQ1ZKLy9BTVFTWkhQZy9DLzZGCkR4dkRsalN6dGFBNG1zNnlOTXZ3T1o2RGpTbWV6VEFzSzJRNFZ1QkJmem1HNGhpR3kyYVlqQ0R3UEFSSFpmTjVqc253ZElZVkFOanEKcEwvNGxzYnpwanpwUzdOWlpUS2F5TE5Dc1BKYkhBY3Z4QS93UkF4MnBORm84bmV3UEJMN1h3R0FNS0ZiSDQ0a2dKdHZjUjVrT0lpcAowZ25EZHN1TDRXaHd1Zmp1U1FCcmJCNyt5blVSeE5zWkFBV2d3cy93NTJ6M0JHQk9ha3Z6T1pnTjZBOGl1M1ZjTm84Qy9JaitpVDIxCnBJOGhXamlBMEplNENsYWVUTDlGK1F1OEM2WXRNQnlUcDdOMGx1ZnlMRnpaUEo5amMxa21td0d6elNBOFpITjVsbUVBQW9RTXhCUkgKQ2JsTWptVjUwSVlYRkpnMzB2ZDBCQllNWVRlZnB3QUNhUnI4TlQ2cTdjRHNVWnNVazh0U09UNEhPcUVGUHAvUEJsT3NJRkFzeC9LOApBTllsbTgwSHVWeU9ZZ1NHcGVrOEw5QTBGK1N6T1FxTUM2eEhOcDlsV1ZhQmFheUQ5TmRRK3JzUXZKeU1KUVhaSlhuZVZ1aUU1MmxhCithczhhUzFHa253N0hzNEJGakx3cDd5QzdvdkpRQnFCOXZyNzlaR0lzSXorWVl5L1NvTWJVZjZRNW9DOEpxUEZIREZBVHVzQnJPYTUKK0Z1Q0pJR2dNZGx1R2F6R0dQUXpub1BoZG9mdjNiOFV0dWwrekF0TVZtbVc3MTVOcGZITjVBNU5KY1hRR1NwTEF3d0FmQWxDTmh0awpXWnJLWlZoYUVMaGNOaWN3UVk3SzBYbUFaSURKWUQ1REI5a01HbVFXTEJYSDYrTm1qTC9xWUVxanVTU1B3WnBwQS9xUDlsNGJEN3FxCjBKQUc1aEVJYUFTd2Z3MTdXVURnVFVEeVYvSVFvSytnNGo3YlBaYUhBNE1Oc213d3AveEJ5d09HaGY3SE1IbVd6ck41MGwveTZIK0EKNjRVY3c3TWt2eWhvQTJReUIxUFExcHJ0Vmk1TUxFcFRGMjB3Q3pEcHl1UWIwdW9NeWl4SURZQnRSNU1QNVpuK0
}
.sharethis-wrap #category-result-wrapper, .sharethis-wrap #page-result-wrapper {
margin: 0 .15rem;
border: 1px solid #eeeeee;
max-height: 10rem;
overflow-y: auto;
overflow-x: hidden;
display: none;
position: absolute;
background: #ffffff;
max-width: 295px;
width: 100%;
z-index: 1;
box-shadow: 0 1px 10px -2px #979797;
}
.sharethis-wrap #category-result-wrapper li.ta-category-item, .sharethis-wrap #page-result-wrapper li.ta-page-item {
list-style: none;
cursor: pointer;
font-size: 14px;
padding: .5rem 1rem;
margin: 0;
}
.sharethis-wrap #category-result-wrapper li.ta-category-item:hover, .sharethis-wrap #page-result-wrapper li.ta-page-item:hover {
font-weight: bold;
background: rgb(241, 241, 241);
}
.sharethis-wrap li.omit-item {
background: #979797;
color: #ffffff;
width: auto;
display: inline;
padding: .45rem .45rem;
border-radius: 3px;
margin-left: .5rem;
}
.sharethis-wrap li.omit-item:first-of-type {
margin-left: 0;
}
.sharethis-wrap li.omit-item span.remove-omit {
margin-left: 0.5rem;
color: #979797;
background: #ffffff;
border-radius: 10px;
padding: .1rem .3rem;
font-size: 10px;
cursor: pointer;
}
.sharethis-wrap .current-page-omit, .sharethis-wrap .current-category-omit {
max-width: 21rem;
}
.sharethis-wrap .margin-input-fields {
display: none;
margin-left: 1rem;
}
.sharethis-wrap .margin-control-button {
background: #e2e2e2;
color: #979797;
border: none;
border-radius: 3px;
font-size: 10px;
padding: .3rem .5rem;
outline: none;
}
.sharethis-wrap .margin-control-button:hover {
background: #dadada;
}
.sharethis-wrap .margin-control-button span {
background: #979797;
border-radius: 2px;
padding: .15rem .2rem .1rem .15rem;
color: #e2e2e2;
font-size: 10px;
margin-left: .2rem;
font-family: arial, sans-serif;
}
.sharethis-wrap .margin-control-button.active-margin {
background: #4089c1;
color: #ffffff;
border: none;
border-radius: 3px;
font-size: 10px;
padding: .3rem .5rem;
}
.sharethis-wrap .margin-control-button.active-margin:hover {
background: #3d79ae;
}
.sharethis-wrap .margin-control-button.active-margin span {
background: #ffffff;
border-radius: 2px;
color: #4089c1;
font-size: 10px;
margin-left: .2rem;
padding: .15rem .2rem .1rem .15rem;
font-family: arial, sans-serif;
}
.sharethis-wrap .margin-control-button.active-margin + .margin-input-fields {
display: inline-block;
}
.sharethis-wrap .margin-input-fields input {
max-width: 4rem;
}
.sharethis-wrap .margin-input-fields span {
color: #cecece;
font-size: 25px;
margin: 0 .5rem;
font-weight: 300;
}
/*General & Connection Settings*/
.sharethis-connection-wrap h4, .sharethis-general-wrap h4 {
font-size: 23px;
font-weight: normal;
text-align: center;
max-width: 75%;
line-height: 30px;
margin: 0 auto 3rem;
}
a.st-support, a.st-contact, .sharethis-general-wrap .random-form-table th a {
color: #1ca5d8;
text-decoration: none;
}
.sharethis-connection-wrap form .form-table, .sharethis-general-wrap form .form-table {
max-width: 28%;
float: left;
margin-top: 0;
}
.sharethis-connection-wrap form .form-table th {
min-width: 80px;
}
.sharethis-general-wrap .form-table th {
min-width: 17.5rem;
}
.sharethis-general-wrap .form-table th span, .sharethis-general-wrap .random-form-table th span {
padding-top: 1rem;
display: block;
color: #6f6f6f;
font-weight: 100;
font-size: 12px;
}
.sharethis-connection-wrap form p.submit {
width: auto;
display: inline-block;
margin-top: .9rem;
}
.sharethis-general-wrap form p.submit {
margin-top: 2.5rem;
}
.sharethis-general-wrap form p.submit input {
background: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;
color: #444444;
box-shadow: none;
text-shadow: none;
}
.sharethis-connection-wrap p {
font-size: .8rem;
max-width: 55%;
display: block;
}
.sharethis-general-wrap form, .sharethis-general-wrap .random-form-table {
border-top: solid 1px #d6d6d6;
margin: 2rem 0 0 1.5rem;
padding-top: .5rem;
}
.sharethis-general-wrap .random-form-table:first-of-type th {
text-align: left;
vertical-align: top;
padding-top: 1rem;
max-width: 275px;
min-width: 275px;
display: block;
}
.sharethis-general-wrap a.st-support, .sharethis-general-wrap .random-form-table th a {
font-size: 12px;
}
.sharethis-general-wrap #random-gif-container {
padding: 1rem 1rem 0;
max-width: 35rem;
text-align: left;
}
.sharethis-general-wrap #random-gif-container img {
width: 100%;
}
.sharethis-general-wrap .random-form-table {
width: 98%;
}
.sharethis-general-wrap .random-form-table th {
text-align: left;
}
.sharethis-general-wrap .st-error {
border-left: 4px solid #dc3232;
padding: 12px;
margin: 0 .1rem .5rem;
background-color: #fff;
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.sharethis-connection-wrap #sharethis-loading {
display: none;
width: 100%;
height: 100%;
position: fixed;
background: rgba( 255, 255, 255, 0.8);
text-align: center;
top: 0;
left: -18px;
}
.sharethis-connection-wrap #sharethis-loading img {
margin-top: 16%;
}
.sharethis-connection-wrap #sharethis-loading span {
display: block;
font-size: 14px;
color: #848484;
}
/* Setup style */
.sharethis-connection-wrap .sharethis-setup-logo {
width: 14%;
margin: 1rem auto 0;
}
.st-loading-gif {
position: fixed;
top: 2rem;
left: 10rem;
background: #ffffff;
opacity: .9;
width: 90%;
height: 100%;
z-index: 99999;
text-align: center;
padding-top: 40vh;
display: none;
}
.sharethis-connection-wrap .sharethis-setup-logo img {
width: 100%;
}
.sharethis-connection-wrap .sharethis-setup-steps div, .sharethis-connection-wrap .sharethis-setup-steps span {
display: inline-block;
}
.sharethis-setup-steps {
text-align: center;
margin: 3rem 0;
}
#sharethis-step-one-wrap h1 {
text-align: center;
font-size: 60px;
font-weight: bold;
color: #2e7d33;
margin-bottom: 3rem;
}
.sharethis-setup-steps .step-spacer {
border-top: 1px solid black;
padding: 0 3.5rem .2rem;
margin: 0 .5rem;
}
.sharethis-setup-steps .step-spacer:last-of-type {
border: none;
padding: 0;
margin: 0;
}
.sharethis-setup-steps .step-num {
background: #d8d8d8;
color: #ffffff;
border-radius: 25px;
font-size: 12px;
width: 25px;
height: 25px;
line-height: 25px;
}
.sharethis-setup-steps .step-num.current-step {
background: #91d400;
}
.sharethis-setup-steps .step-num.finished-step {
background: #2e7d32;
}
.sharethis-setup-steps .step-num.finished-step img {
width: 15px;
vertical-align: middle;
}
#sharethis-step-one-wrap .button-choices-wrap {
max-width: 55%;
margin: auto;
}
#sharethis-step-one-wrap .button-choices-wrap .sharethis-button-option {
width: 47%;
margin-right: .5rem;
display: inline-block;
background: #ffffff;
box-shadow: 0 5px 30px 6px #cdcdcd;
}
#sharethis-step-one-wrap .button-choices-wrap .sharethis-button-option span {
padding: 1rem;
display: inline-block;
line-height: 25px;
}
#sharethis-step-one-wrap .button-choices-wrap .sharethis-button-option a {
display: inline-block;
padding: 0 1rem 1rem;
color: #ffaa41;
text-decoration: none;
font-weight: 500;
}
#sharethis-step-one-wrap .button-choices-wrap .sharethis-button-option img {
width: 100%;
}
#sharethis-step-one-wrap .sharethis-login-message {
margin-top: 3rem;
text-align: center;
}
a {
color: #3a843e;
}
/* Step two */
#sharethis-step-two-wrap .st-preview-message {
margin: 2rem auto;
text-align: center;
}
#sharethis-step-two-wrap .button-configuration-wrap {
padding: 1rem 1rem 2rem;
background: #fff;
max-width: 71%;
margin: auto auto 3rem;
text-align: center;
box-shadow: 0 0 40px 12px #cdcdcd;
}
a.st-rc-back {
background: #ffffff;
box-shadow: 0 3px 0 0 #a6a6a6;
border-radius: 4px;
border: 1px solid #ddd;
color: #565656;
cursor: pointer;
margin: auto;
display: flex;
font-size: 14px;
font-weight: 300;
height: 40px;
letter-spacing: 0.1em;
line-height: 40px;
opacity: 1;
padding: 0 20px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: opacity 0.2s ease-out;
position: absolute;
left: .5rem;
top: .5rem;
}
a.st-rc-back:hover {
background: #eeeeee;
}
a.st-rc-back:active {
background: #eeeeee;
box-shadow: none;
}
#sharethis-step-two-wrap a.st-rc-link, #sharethis-step-three-wrap a.st-rc-link {
background: #2e7d32;
box-shadow: 0 3px 0 0 #1b5e20;
border-radius: 4px;
border: none;
color: #fff;
cursor: pointer;
margin: auto;
display: flex;
font-size: 14px;
font-weight: 300;
height: 40px;
letter-spacing: 0.1em;
line-height: 40px;
opacity: 1;
padding: 0 20px;
position: relative;
width: 5rem;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: opacity 0.2s ease-out;
}
#sharethis-step-three-wrap a.st-rc-link {
width: 12rem;
}
#sharethis-step-two-wrap a.st-rc-link:hover, #sharethis-step-three-wrap a.st-rc-link:hover {
background: #388e3c;
}
#sharethis-step-two-wrap a.st-rc-link:active, #sharethis-step-three-wrap a.st-rc-link:active {
background: #388e3c;
box-shadow: none;
}
#sharethis-step-two-wrap a.st-rc-link:first-of-type {
position: absolute;
right: .5rem;
top: .5rem;
}
#sharethis-step-two-wrap .button-configuration-wrap hr {
margin: 2.5rem 1rem;
}
#sharethis-step-two-wrap .button-configuration-wrap h3 {
margin-bottom: 1rem;
}
#sharethis-step-two-wrap .button-configuration-wrap .share-buttons {
margin: 1rem 1rem 0;
}
.share-buttons .share-button {
border-radius: 8px;
color: #fff;
cursor: pointer;
display: inline-block;
height: 20px;
margin-bottom: 8px;
margin-right: 8px;
overflow: hidden;
padding: 10px;
position: relative;
text-align: center;
transition: all .3s;
top: 0;
width: 20px;
}
.button-configuration-wrap hr {
margin: 2rem 0 0;
}
.button-configuration-wrap .share-buttons .share-button[data-selected=false]:not(:hover) {
background: #ccc !important;
}
#sharethis-step-two-wrap .button-configuration-wrap .share-buttons .share-button>svg {
height: 20px;
vertical-align: top!important;
width: 20px;
}
.button-configuration-wrap .alignment-button[data-alignment=left] {
text-align: left;
}
.button-configuration-wrap .alignment-button[data-alignment=center] {
text-align: center;
}
.button-configuration-wrap .alignment-button[data-alignment=right] {
text-align: right;
}
.button-configuration-wrap .alignment-button[data-alignment=justified] .box {
width: 31%;
}
.button-configuration-wrap .alignment-button {
cursor: pointer;
border-radius: 5px;
overflow: hidden;
display: inline-block;
margin: 8px;
}
.button-configuration-wrap .alignment-button .top {
width: 190px;
height: 20px;
margin-bottom: 0;
padding: 5px 5px 0;
background: #bdbdbd;
}
.button-configuration-wrap .alignment-button[data-selected=true] .top {
background: #92d400;
}
.button-configuration-wrap .alignment-button .bottom {
background: #e0e0e0;
width: 180px;
height: 25px;
padding: 5px 10px 0;
margin-top: 0;
text-align: left
}
.button-configuration-wrap .alignment-button[data-selected=true] .bottom {
background: #c2ea6a;
}
.button-configuration-wrap .alignment-button .box {
border-radius: 10px;
display: inline-block;
height: 15px;
width: 15px;
background: #fff;
}
.button-configuration-wrap .button-sizes .item {
padding-top: 10px;
}
[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after {
border: 2px solid #92d400;
}
[type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {
border: 2px solid #5a5a5a;
}
[type=radio]:checked+label:before {
border: 2px solid transparent;
}
[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after {
background-color: #92d400;
}
[type=radio].with-gap:checked+label:after {
-webkit-transform: scale(.5);
transform: scale(.5);
}
[type=radio]:checked+label, [type=radio]:not(:checked)+label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 27px;
transition: .28s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[type=radio]+label:after, [type=radio]+label:before {
content: "";
position: absolute;
left: 0;
top: 0;
margin: 4px;
width: 16px;
height: 16px;
z-index: 0;
transition: .28s ease;
}
[type=radio]:checked, [type=radio]:not(:checked) {
position: absolute;
left: -9999px;
opacity: 0;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before, [type=radio]:checked+label:after, [type=radio]:checked+label:before, [type=radio]:not(:checked)+label:after, [type=radio]:not(:checked)+label:before {
border-radius: 50%;
}
.switch label input[type=checkbox]:checked+.lever {
background-color: #c2ea6a;
}
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
[type=checkbox]:checked, [type=checkbox]:not(:checked) {
position: absolute;
left: -9999px;
opacity: 0;
}
input[type=checkbox], input[type=radio] {
box-sizing: border-box;
padding: 0;
}
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 40px;
height: 15px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
transition: background .3s ease;
vertical-align: middle;
margin: 0 16px;
}
.item .switch, #inline-share-buttons-config .item input[type=text] {
display: inline-block;
height: 25px;
padding: 0;
margin: 6px 0 0 10px;
width: 60px;
text-align: center;
vertical-align: top;
}
.switch label input[type=checkbox]:checked+.lever:after {
background-color: #92d400;
left: 24px;
}
.switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background-color: #f1f1f1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0,0,0,.4);
left: -5px;
top: -3px;
transition: left .3s ease,background .3s ease,box-shadow .1s ease;
}
.button-configuration-wrap .row {
margin: auto;
}
.item .switch, #inline-share-buttons-config .item input[type=text] {
display: inline-block;
padding: 0;
margin: 0;
width: 60px;
text-align: center;
vertical-align: top;
}
input:not([type]), input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], .button-configuration-wrap input[type=number], input[type=password], input[type=search], input[type=tel], .button-configuration-wrap input[type=text], input[type=time], input[type=url], textarea.materialize-textarea {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
outline: none;
height: 2rem;
width: 20%;
margin: 0;
padding: 0;
box-shadow: none;
box-sizing: content-box;
transition: all .3s;
}
.row .button-config .item input[type=text] {
width: 17%;
margin-left: 1.8rem;
}
.row .button-config {
display: inline-block;
width: 33%;
vertical-align: top;
}
.row .button-config .item {
text-align: left;
margin: 1.5rem 0 0 7rem;
}
#sharethis-step-two-wrap .row .button-config .item {
margin: 1.5rem 0 0 5rem;
}
input[type=range] {
border: 1px solid #fff;
}
input[type=range] {
position: relative;
background-color: transparent;
border: none;
outline: none;
width: 100%;
margin: 15px 0;
padding: 0;
}
input[type=range]+.thumb {
position: absolute;
border: none;
height: 0;
width: 0;
border-radius: 50%;
background-color: #92d400;
top: 10px;
margin-left: -6px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type=range], input[type=range]+.thumb {
cursor: pointer;
}
input[type=range] {
-webkit-appearance: none;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background-color: #92d400;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
margin: -5px 0 0;
transition: .3s;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}
input[type=range] {
border: 1px solid #fff;
}
input[type=range]::-moz-range-track {
height: 3px;
background: #ddd;
border: none;
}
input[type=range]::-moz-range-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #92d400;
margin-top: -5px;
}
input[type=range]:-moz-focusring {
outline: 1px solid #fff;
outline-offset: -1px;
}
input[type=range]:focus::-moz-range-track {
background: #ccc;
}
input[type=range]::-ms-track {
height: 3px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #777;
}
input[type=range]::-ms-fill-upper {
background: #ddd;
}
input[type=range]::-ms-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #92d400;
}
input[type=range]:focus::-ms-fill-lower {
background: #888;
}
input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}
.range-field {
position: relative;
}
input[type=range] {
position: relative;
border: none;
outline: none;
width: 100%;
margin: 15px 0;
padding: 0;
}
input[type=range]:focus {
outline: none;
}
input[type=range]+.thumb {
position: absolute;
border: none;
height: 0;
width: 0;
border-radius: 50%;
background-color: #363E27;
top: 10px;
margin-left: -6px;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input[type=range]+.thumb .value {
display: none;
width: 30px;
text-align: center;
color: #1d1d1c;
font-size: 0;
-webkit-transform: rotate(45deg);
}
input[type=range]+.thumb.active {
border-radius: 50% 50% 50% 0;
}
input[type=range]+.thumb.active .value {
color: #ffffff;
margin-left: -1px;
margin-top: 8px;
font-size: 10px;
}
input[type=range] {
-webkit-appearance:none;
}
input[type=range]::-webkit-slider-runnable-track {
height: 3px;
background: #c2c0c2;
border: none;
}
.button-configuration-wrap .button-config-half {
width: 40%;
display: inline-block;
}
.button-configuration-wrap .button-config-half span {
color: #9e9e9e;
}
/* Step three */
#sharethis-step-three-wrap .page-content[data-size=small] {
width: 450px;
padding: 1rem 1rem 2rem;
background: #fff;
margin: auto auto 3rem;
text-align: center;
box-shadow: 0 0 40px 12px #cdcdcd;
}
#sharethis-step-three-wrap .input>input, #sharethis-login-wrap .input>input {
background-color: transparent;
border: none;
border-bottom: 1px solid #9e9e9e;
border-radius: 0;
display: block;
font-family: Roboto,sans-serif;
font-weight: 300;
height: 40px;
line-height: 40px;
margin: 0;
outline: none;
padding: 0;
position: relative;
text-align: left;
width: 100%;
z-index: 2;
}
#sharethis-step-three-wrap .input>input:focus, #sharethis-login-wrap .input>input:focus {
outline: none;
box-shadow: none;
}
#sharethis-step-three-wrap .input>input:focus + label, #sharethis-login-wrap .input>input:focus + label {
color: #92d400;
font-size: 13px;
top: -4px;
}
#sharethis-step-three-wrap .input>input, #sharethis-step-three-wrap .input>label, #sharethis-login-wrap .input>input, #sharethis-login-wrap .input>label {
font-size: 16px;
transition: all .2s ease-in;
box-shadow: none;
}
#sharethis-step-three-wrap .input.has-text>label, #sharethis-login-wrap .input.has-text>label {
color: rgba(0,0,0,.87);
font-size: 13px;
top: -4px;
}
#sharethis-step-three-wrap [type=checkbox]:checked, [type=checkbox]:not(:checked) {
position: absolute;
left: -9999px;
opacity: 0;
}
#sharethis-step-three-wrap [type=checkbox]+label {
position: relative;
padding-left: 35px;
cursor: pointer;
display: inline-block;
height: 25px;
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
#sharethis-step-three-wrap [type=checkbox].filled-in:not(:checked)+label:before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotate(37deg);
transform: rotate(37deg);
-webkit-transform-origin: 20% 40%;
transform-origin: 100% 100%;
}
#sharethis-step-three-wrap [type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before {
content: "";
left: 0;
position: absolute;
transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
z-index: 1;
}
#sharethis-step-three-wrap [type=checkbox]+label:before, [type=checkbox]:not(.filled-in)+label:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 18px;
height: 18px;
border: 2px solid #5a5a5a;
border-radius: 1px;
margin-top: 2px;
transition: .2s;
}
#sharethis-step-three-wrap .st-terms-checkbox {
width: 100%;
display: inline-block;
text-align: center;
margin: 1.5rem 0;
}
#sharethis-step-three-wrap .st-terms-checkbox a:visited, #sharethis-step-three-wrap .st-terms-checkbox a {
color: #2e7d32;
outline: 0;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in:not(:checked)+label:after {
height: 15px;
width: 15px;
background-color: transparent;
border: 2px solid #5a5a5a;
top: 0;
z-index: 0;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before {
content: "";
left: 0;
position: absolute;
transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
z-index: 1;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in+label:after {
border-radius: 2px;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in:checked+label:before {
top: 0;
left: 1px;
width: 3px;
height: 9px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(37deg);
transform: rotate(37deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in:checked+label:after {
top: 0;
width: 15px;
height: 15px;
border: 2px solid #92d400;
background-color: #92d400;
z-index: 0;
}
#sharethis-step-three-wrap .st-terms-checkbox [type=checkbox].filled-in+label:after, [type=checkbox].filled-in+label:before {
content: "";
left: 0;
position: absolute;
transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
z-index: 1;
}
/* Login */
#sharethis-property-select-wrap {
display: none;
}
#sharethis-login-wrap .sharethis-login-form, #sharethis-property-select-wrap .sharethis-login-form {
max-width: 90%;
width: 380px;
padding: 1rem 1rem 2rem;
background: #fff;
max-width: 71%;
margin: auto auto 3rem;
text-align: center;
box-shadow: 0 0 40px 12px #cdcdcd;
}
#sharethis-login-wrap .login-account, #sharethis-property-select-wrap #connect-property, #sharethis-property-select-wrap #create-new-property {
background: #2e7d32;
box-shadow: 0 3px 0 0 #1b5e20;
border-radius: 4px;
border: none;
color: #fff;
cursor: pointer;
margin: auto;
display: flex;
font-size: 14px;
font-weight: 300;
height: 40px;
letter-spacing: 0.1em;
line-height: 40px;
opacity: 1;
padding: 0 20px;
position: relative;
width: 5rem;
text-align: center;
text-transform: uppercase;
text-decoration: none;
transition: opacity 0.2s ease-out;
}
#sharethis-login-wrap .login-account {
width: 3rem;
}
#sharethis-login-wrap p {
margin: 1rem auto 0;
}
#sharethis-property-select-wrap #sharethis-properties {
margin-bottom: 1rem;
}
#sharethis-property-select-wrap #connect-property {
margin-bottom: 1rem;
}
#sharethis-property-select-wrap #create-new-property {
width: 12rem;
}
#sharethis-login-wrap .login-account:hover, #sharethis-property-select-wrap #connect-property:hover, #sharethis-property-select-wrap #create-new-property:hover {
background: #388e3c;
}
#sharethis-login-wrap .login-account:active, #sharethis-property-select-wrap #connect-property:active, #sharethis-property-select-wrap #create-new-property:active {
background: #388e3c;
box-shadow: none;
}
.sharethis-prev-stick .sharethis-Inline-share-buttons, .sharethis-prev-stick.sharethis-inline-share-buttons, .sharethis-prev-stick .sharethis-inline-share-buttons {
position: fixed;
top: 2rem;
z-index: 99999;
background: #ffffff;
width: 87%;
padding: 1rem;
left: 10rem;
-webkit-box-shadow: 0 4px 11px 0 #cdcdcd;
-moz-box-shadow: 0 4px 11px 0 #cdcdcd;
box-shadow: 0 4px 11px 0 #cdcdcd;
}
.sharethis-Sticky-share-buttons, .sharethis-sticky-share-buttons .st-sticky-share-buttons.st-left {
z-index: 0!important;
margin-left: 10rem!important;
}
.sharethis-Sticky-share-buttons, .sharethis-sticky-share-buttons .st-sticky-share-buttons .st-btn {
transition: unset!important;
-webkit-transition: unset!important;
}
.button-configuration-wrap {
position: relative;
z-index: 10001;
}
div.st-design-message {
display: block;
color: #6f6f6f;
font-weight: 100;
font-size: 12px;
line-height: 1.5;
width: 280px;
text-align: left;
margin-bottom: 1rem;
}
/* Sharethis button config page */
.sharethis_page_sharethis-share-buttons .platform-config-wrapper {
display: none;
text-align: center;
}
.sharethis_page_sharethis-share-buttons .button-configuration-wrap {
text-align: center;
width: 90%;
margin: auto;
}
.sharethis_page_sharethis-share-buttons .button-configuration-wrap h3 {
font-weight: bold;
margin-bottom: 0;
}
.sharethis_page_sharethis-share-buttons .button-configuration-wrap span.config-desc {
font-size: 12px;
}
.sharethis_page_sharethis-share-buttons .button-configuration-wrap .share-buttons {
margin-top: .5rem;
}
.sharethis_page_sharethis-share-buttons .sharethis-sticky-share-buttons .st-sticky-share-buttons.st-left.stuck-buttons {
left: -1.3rem!important;
}
.button-config .item {
color: #9e9e9e;
}
.button-configuration-wrap .button-config-half h3 {
margin-bottom: 1rem;
}
/* Tool tip */
.button-config .tooltip-icon {
font-size: 15px;
padding-left: 5px;
}
.button-config .tooltip-icon>svg {
background: #9e9e9e;
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
width: 10x;
border-radius: 10px;
}
.button-config .item.tooltip span.lbl {
color: #9e9e9e;
display: inline-block;
line-height: 25px;
padding: 0 0 8px;
text-align: left;
vertical-align: top;
position: relative;
}
.material-tooltip {
width:250px;
text-align:left;
font-size:12px
}
.tooltipped:hover + .material-tooltip {
display: block;
}
.material-tooltip, .st-tooltip {
background:#404040;
border-radius:4px;
position: absolute;
padding: .5rem;
color: #ffffff;
display: none;
left: 9rem;
top: .5rem;
z-index: 999999;
}
.sharethis_page_sharethis-share-buttons .material-tooltip, .sharethis_page_sharethis-share-buttons .st-tooltip {
left: 11rem;
padding: .5rem 1rem;
}
.st-tooltip {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16);
color: #ffffff;
cursor:pointer;
font-size:11px;
min-height:70px;
padding:20px 23px 20px 24px;
position:fixed;
max-width:160px;
z-index:1;
}
.sharethis-selected-networks {
position: relative;
}
#sharethis-form-color {
display: flex;
flex-wrap: wrap;
margin: auto;
width: 50%;
}
#sharethis-form-color .color {
box-shadow: 1px 1px 4px 1px #cdcdcd;
cursor: pointer;
margin: 5px;
}
#sharethis-form-color .color.selected{
box-shadow: 0px 0px 3px 5px #21a219;
}
#publisher-purpose .purpose-item {
margin-bottom: 25px;
}
#publisher-purpose .purpose-item div.title {
display: block;
text-align: left;
font-weight: bold;
width: 100%;
}
#publisher-purpose .purpose-item label {
display: inline-block;
width: 21%;
}
.gdpr-platform #publisher-purpose .purpose-item label:first-of-type {
width: 14%;
}
.gdpr-platform .vendor-table-body {
border: solid 1px #cdcdcd;
padding: 10px;
max-height: 600px;
overflow: scroll;
}
.gdpr-platform .vendor-table-cell {
padding: 20px 0;
border-bottom: solid 1px #cdcdcd;
}
.gdpr-platform .vendor-table-cell input[type="checkbox"]
{
display: none;
}
.gdpr-platform .exclusion-item {
padding: 20px 0;
border-bottom: solid 1px #cdcdcd;
}
.gdpr-platform input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.gdpr-platform .switch label input[type=checkbox]:checked+.lever,
.gdpr-platform .switch label input[type=radio]:checked+.lever {
background: #09cd18;
border: 2px solid #09cd18;
box-shadow: none;
}
.gdpr-platform input[type="text"] {
line-height: 40px;
margin-bottom: 10px;
width: 300px;
}
.gdpr-platform select {
margin-bottom: 10px;
line-height: 40px;
width: 300px;
}
.gdpr-platform .switch label input[type=checkbox]:checked+.lever:before,
.gdpr-platform .switch label input[type=radio]:checked+.lever:before {
content:"✓";
position: absolute;
top:0;
left:5px;
color: #fff;
}
.gdpr-platform .switch label {
font-size: 12px;
display: block;
margin-top: 10px;
}
.gdpr-platform .switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 20px;
height: 18px;
background-color: #fff;
border: 1px solid #cdcdcd;
border-radius: 0;
margin-right: 10px;
transition: background .3s ease;
vertical-align: middle;
margin: 0 16px;
}
.gdpr-platform .switch label .lever:after {
border-radius: 0;
content: unset;
position: unset;
}
.gdpr-platform [type=radio].filled-in+label:before {
content: "";
left: 0;
position: absolute;
transition: border .25s,background-color .25s,width .2s .1s,height .2s .1s,top .2s .1s,left .2s .1s;
z-index: 1;
}
p.form-color {
float: left;
width: 100%;
padding-top: 15px;
}
#sharethis-form-color {
display: flex;
flex-wrap: wrap;
margin: auto;
width: 50%;
}
#sharethis-form-color .color {
box-shadow: 1px 1px 4px 1px #cdcdcd;
cursor: pointer;
margin: 5px;
}
#sharethis-form-color .color.selected{
box-shadow: 0px 0px 3px 5px #21a219;
}
.empty-choices {
display: flex;
justify-content: center;
opacity: 1;
transition: opacity .6s;
}
a.st-rc-link {
margin: 20px 0 0 10px;
}
.gdpr-platform a.st-rc-link {
background: #09CD18;
border-radius: 3px;
border: none;
color: #fff;
cursor: pointer;
margin: .8em auto .5em;
display: inline-block;
padding: 15px 60px;
letter-spacing: 0.1em;
text-align: center;
text-decoration: none;
transition: opacity 0.2s ease-out
}
.empty-choices a {
padding: 10px;
min-width: 250px;
}
.empty-choices a.st-rc-link {
margin: 20px 0 20px 10px;
}
#starter-questions {
flex-direction: column;
display: flex;
align-items: center;
}
.accor-wrap {
margin: 1rem 0 0;
display: inline-block;
width: 100%;
}
.accor-wrap .accor-tab {
background: #308cc1;
padding: .5rem;
border-radius: 5px;
color: #ffffff;
}
.accor-wrap .well {
display: inline-block;
width: 100%;
}
.accor-wrap .well h3 {
margin: 1rem 0;
}
.accor-wrap .well .col-md-12:first-of-type h3 {
margin-top: 0;
}
.accor-wrap .accor-content {
display: none;
}
.accor-wrap .accor-arrow {
border: 1px solid #ffffff;
padding: .2rem .4rem;
border-radius: 5px;
margin: 0 .3rem 0 .3rem;
font-size: 12px;
cursor: pointer;
font-family: arial, sans-serif;
position: absolute;
left: 43px;
}