200 lines
4.5 KiB
CSS
200 lines
4.5 KiB
CSS
|
div#publicize-services-block {
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
margin-bottom: 25px;
|
||
|
background-color: #fff;
|
||
|
padding: 25px 20px 5px 25px;
|
||
|
overflow: hidden;
|
||
|
max-width: 1200px;
|
||
|
}
|
||
|
|
||
|
/* Add the logos for the Publicize services */
|
||
|
span.pub-logos {
|
||
|
float: right;
|
||
|
display: block;
|
||
|
width: 130px;
|
||
|
height: 75px;
|
||
|
margin-top: -18px;
|
||
|
margin-right: 5px;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
.left, .right{
|
||
|
width: 50%;
|
||
|
float: right;
|
||
|
}
|
||
|
|
||
|
div#facebook { background: url( publicize-fb-2x.png ) no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
div#twitter { background: url( publicize-twitter-2x.png ) no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
div#linkedin { background: url( publicize-linkedin-2x.png )no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
div#tumblr { background: url( publicize-tumblr-2x.png ) no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
div#path { background: url( publicize-path-2x.png ) no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
div#google_plus { background: url( publicize-google-2x.png ) no-repeat; background-size: 32px 32px; padding-right: 42px;background-position: 0px 0px;padding-top:5px; }
|
||
|
|
||
|
a.publicize-profile-link, a.publicize-profile-link:visited {
|
||
|
text-decoration: none;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
a.publicize-profile-link:hover {
|
||
|
color: #f1831e;
|
||
|
}
|
||
|
|
||
|
a.publicize-add-connection, a.publicize-add-connection:visited {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
a.publicize-add-connection:hover {
|
||
|
color: #f1831e;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-entry {
|
||
|
clear: both;
|
||
|
margin-bottom: 10px;
|
||
|
padding: 10px 0 25px 0;
|
||
|
border-bottom: 1px #eee solid;
|
||
|
margin-left: 40px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-entry:last-of-type{
|
||
|
border-width: 0px;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-left {
|
||
|
display: inline-block;
|
||
|
width: 150px;
|
||
|
vertical-align: top;
|
||
|
min-height: 35px;
|
||
|
}
|
||
|
|
||
|
|
||
|
div.publicize-service-left a{
|
||
|
font-size: 24px;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-left a:hover{
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-right {
|
||
|
display: inline-block;
|
||
|
text-align: left;
|
||
|
float: left;
|
||
|
padding-top:5px;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-right ul {
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
|
||
|
div.publicize-service-right li {
|
||
|
list-style-type: none;
|
||
|
font-size: 14px;
|
||
|
}
|
||
|
|
||
|
.pub-disconnect-button {
|
||
|
-webkit-border-image: none;
|
||
|
border-bottom-color: #CCC;
|
||
|
border-bottom-style: none;
|
||
|
border-bottom-width: 0px;
|
||
|
border-right-color: #CCC;
|
||
|
border-right-style: none;
|
||
|
border-right-width: 0px;
|
||
|
border-left-color: #CCC;
|
||
|
border-left-style: none;
|
||
|
border-left-width: 0px;
|
||
|
border-top-color: #CCC;
|
||
|
border-top-style: none;
|
||
|
border-top-width: 0px;
|
||
|
color: #CCC;
|
||
|
cursor: auto;
|
||
|
display: inline;
|
||
|
font-family: sans-serif;
|
||
|
font-size: 20px;
|
||
|
font-style: normal;
|
||
|
font-weight: normal;
|
||
|
height: auto;
|
||
|
line-height: 22px;
|
||
|
list-style-image: none;
|
||
|
list-style-position: outside;
|
||
|
list-style-type: none;
|
||
|
margin-bottom: 0px;
|
||
|
margin-right: 0px;
|
||
|
margin-left: 0px;
|
||
|
margin-top: 0px;
|
||
|
outline-color: #CCC;
|
||
|
outline-style: none;
|
||
|
outline-width: 0px;
|
||
|
overflow-y: visible;
|
||
|
padding-bottom: 0px;
|
||
|
padding-right: 0px;
|
||
|
padding-left: 0px;
|
||
|
padding-top: 0px;
|
||
|
position: static;
|
||
|
left: auto;
|
||
|
text-align: right;
|
||
|
text-decoration: none;
|
||
|
top: auto;
|
||
|
vertical-align: baseline;
|
||
|
width: auto;
|
||
|
z-index: auto;
|
||
|
}
|
||
|
|
||
|
.pub-disconnect-button:hover {
|
||
|
color: #f1831e;
|
||
|
}
|
||
|
|
||
|
table#option-profile {
|
||
|
padding-bottom: 8px;
|
||
|
}
|
||
|
|
||
|
table#option-profile td {
|
||
|
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
table#option-profile td.radio {
|
||
|
padding-left: 20px;
|
||
|
}
|
||
|
|
||
|
table#option-profile td.thumbnail {
|
||
|
padding-left: 20px;
|
||
|
}
|
||
|
|
||
|
table#option-profile td.details {
|
||
|
font-weight: bold; color: #333333
|
||
|
}
|
||
|
|
||
|
table#option-fb-fanpage td, table#option-fanpage td {
|
||
|
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
|
||
|
table#option-fb-fanpage td.thumbnail, table#option-fanpage td.thumbnail {
|
||
|
padding: 5px 20px 5px 20px;
|
||
|
}
|
||
|
|
||
|
table#option-fb-fanpage td.details, table#option-fanpage td.details {
|
||
|
width: 130px;
|
||
|
padding-left: 10px;
|
||
|
}
|
||
|
|
||
|
table#option-fb-fanpage td.details span.name, table#option-fanpage td.details span.name {
|
||
|
font-weight: bold; color: #333333;
|
||
|
}
|
||
|
|
||
|
table#option-fb-fanpage td.details span.category, table#option-fanpage td.details span.category {
|
||
|
font-size: 10px; color: #888888;
|
||
|
}
|
||
|
|
||
|
input.fb-options {
|
||
|
font-family: "Lucida Grande",Verdana,Arial,sans-serif;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
.pub-connection-error {
|
||
|
color: #ff0000;
|
||
|
}
|