publicize.css 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. div#publicize-services-block {
  2. display: block;
  3. clear: both;
  4. margin-bottom: 25px;
  5. background-color: #fff;
  6. padding: 25px 25px 5px 20px;
  7. overflow: hidden;
  8. max-width: 1200px;
  9. }
  10. /* Add the logos for the Publicize services */
  11. span.pub-logos {
  12. float: left;
  13. display: block;
  14. width: 130px;
  15. height: 75px;
  16. margin-top: -18px;
  17. margin-left: 5px;
  18. vertical-align: top;
  19. }
  20. @media screen and ( min-width: 782px ) {
  21. .left, .right {
  22. width: 50%;
  23. float: left;
  24. }
  25. div.publicize-service-entry:last-of-type{
  26. border-width: 0px;
  27. }
  28. }
  29. div#facebook:before {
  30. color: #3B5998;
  31. content: '\f203';
  32. }
  33. div#twitter:before {
  34. color: #1DA1F2;
  35. content: '\f610';
  36. }
  37. div#linkedin:before {
  38. color: #0077b5;
  39. content: '\f207';
  40. }
  41. div#tumblr:before {
  42. color: #35465c;
  43. content: '\f214';
  44. }
  45. div#path:before {
  46. color: #df3b2f;
  47. content: '\f219';
  48. }
  49. div#google_plus:before {
  50. color: #dd4b39;
  51. content: '\f206';
  52. }
  53. div.publicize-service-left:before {
  54. font: normal 30px/1 social-logos;
  55. vertical-align: middle;
  56. }
  57. a.publicize-profile-link, a.publicize-profile-link:visited {
  58. text-decoration: none;
  59. font-weight: bold;
  60. }
  61. a.publicize-profile-link:hover {
  62. color: #f1831e;
  63. }
  64. a.publicize-add-connection, a.publicize-add-connection:visited {
  65. text-decoration: none;
  66. }
  67. a.publicize-add-connection:hover {
  68. color: #f1831e;
  69. }
  70. div.publicize-service-entry {
  71. clear: both;
  72. margin-bottom: 10px;
  73. padding: 10px 0 25px 0;
  74. border-bottom: 1px #eee solid;
  75. margin-right: 40px;
  76. overflow: hidden;
  77. }
  78. .right div.publicize-service-entry:last-of-type{
  79. border-width: 0px;
  80. }
  81. div.publicize-service-left {
  82. display: inline-block;
  83. width: 150px;
  84. vertical-align: top;
  85. min-height: 35px;
  86. }
  87. div.publicize-service-left a{
  88. font-size: 18px;
  89. text-decoration: none;
  90. }
  91. div.publicize-service-left a:hover{
  92. text-decoration: underline;
  93. }
  94. div.publicize-service-right {
  95. display: inline-block;
  96. text-align: right;
  97. float: right;
  98. padding-top:5px;
  99. }
  100. div.publicize-service-right ul {
  101. margin-top: 0;
  102. }
  103. div.publicize-service-right li {
  104. list-style-type: none;
  105. font-size: 14px;
  106. }
  107. .pub-disconnect-button {
  108. -webkit-border-image: none;
  109. border-bottom-color: #CCC;
  110. border-bottom-style: none;
  111. border-bottom-width: 0px;
  112. border-left-color: #CCC;
  113. border-left-style: none;
  114. border-left-width: 0px;
  115. border-right-color: #CCC;
  116. border-right-style: none;
  117. border-right-width: 0px;
  118. border-top-color: #CCC;
  119. border-top-style: none;
  120. border-top-width: 0px;
  121. color: #CCC;
  122. display: inline;
  123. font-size: 20px;
  124. font-style: normal;
  125. font-weight: normal;
  126. height: auto;
  127. line-height: 22px;
  128. list-style-image: none;
  129. list-style-position: outside;
  130. list-style-type: none;
  131. margin-bottom: 0px;
  132. margin-left: 0px;
  133. margin-right: 0px;
  134. margin-top: 0px;
  135. outline-color: #CCC;
  136. outline-style: none;
  137. outline-width: 0px;
  138. overflow-y: visible;
  139. padding-bottom: 0px;
  140. padding-left: 0px;
  141. padding-right: 0px;
  142. padding-top: 0px;
  143. position: static;
  144. right: auto;
  145. text-align: left;
  146. text-decoration: none;
  147. top: auto;
  148. vertical-align: baseline;
  149. width: auto;
  150. z-index: auto;
  151. }
  152. .pub-disconnect-button:hover {
  153. color: #f1831e;
  154. }
  155. table#option-profile {
  156. padding-bottom: 8px;
  157. }
  158. table#option-profile td {
  159. font-family: "Lucida Grande",Verdana,Arial,sans-serif;
  160. vertical-align: middle;
  161. }
  162. table#option-profile td.radio {
  163. padding-right: 20px;
  164. }
  165. table#option-profile td.thumbnail {
  166. padding-right: 20px;
  167. }
  168. table#option-profile td.details {
  169. font-weight: bold; color: #333333
  170. }
  171. table#option-fb-fanpage td, table#option-fanpage td {
  172. font-family: "Lucida Grande",Verdana,Arial,sans-serif;
  173. vertical-align: middle;
  174. }
  175. table#option-fb-fanpage td.thumbnail, table#option-fanpage td.thumbnail {
  176. padding: 5px 20px 5px 20px;
  177. }
  178. table#option-fb-fanpage td.details, table#option-fanpage td.details {
  179. width: 130px;
  180. padding-right: 10px;
  181. }
  182. table#option-fb-fanpage td.details span.name, table#option-fanpage td.details span.name {
  183. font-weight: bold; color: #333333;
  184. }
  185. table#option-fb-fanpage td.details span.category, table#option-fanpage td.details span.category {
  186. font-size: 10px; color: #888888;
  187. }
  188. input.fb-options {
  189. font-family: "Lucida Grande",Verdana,Arial,sans-serif;
  190. font-size: 12px;
  191. }
  192. .pub-connection-error {
  193. color: #ff0000;
  194. }
  195. .pub-connection-test. test-failed p { margin-top: 0; }