style-wpcom.css 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. /*
  2. WP.com specific styles
  3. Theme Name: Dyad
  4. */
  5. /*-------------------------------------------------------
  6. * Widgets
  7. */
  8. /* About Me Widget */
  9. .aboutme_widget h2,
  10. .aboutme_widget h3 {
  11. line-height: 1.5;
  12. }
  13. .aboutme_widget h3 {
  14. font-size: 1.6rem;
  15. }
  16. .aboutme_widget #am_thumbnail img {
  17. border: 0;
  18. }
  19. /* Author Widget */
  20. .widget_authors ul li li {
  21. border: 0;
  22. padding-bottom: 0;
  23. padding-top: 0;
  24. }
  25. .widget_authors ul li li a {
  26. display: block;
  27. padding-bottom: 6px;
  28. padding-top: 6px;
  29. }
  30. .widget_authors > ul > li:before,
  31. .widget_authors > ul > li:after {
  32. content: "";
  33. display: table;
  34. }
  35. .widget_authors > ul > li:after {
  36. clear: both;
  37. }
  38. .widget_authors img.avatar,
  39. .widget_authors > ul > li strong {
  40. display: inline-block;
  41. float: none;
  42. vertical-align: middle;
  43. }
  44. .widget_authors img.avatar {
  45. margin-right: 10px;
  46. }
  47. .widget_authors ul ul {
  48. clear: left;
  49. }
  50. .widget_authors ul li li {
  51. font-size: 15px;
  52. padding-left: 0;
  53. }
  54. /* Author Grid */
  55. .widget_author_grid ul li {
  56. border: 0;
  57. display: inline;
  58. }
  59. /* Blogs I follow */
  60. .widget_jp_blogs_i_follow ol {
  61. list-style: none;
  62. margin: 0;
  63. padding: 0;
  64. }
  65. .widget_jp_blogs_i_follow ol li {
  66. border-bottom: 1px solid #363b40;
  67. border-top: 1px solid #363b40;
  68. }
  69. .widget_jp_blogs_i_follow ol li a {
  70. display: block;
  71. padding: 8px 0;
  72. }
  73. .widget_jp_blogs_i_follow ol li + li {
  74. margin-top: -1px;
  75. }
  76. /* Blog Stats */
  77. .widget_blog-stats ul li {
  78. border: 0;
  79. padding: 0;
  80. }
  81. /* Confit widget */
  82. .confit-phone {
  83. color: #858d95; /* specify phone colour to override IE styles */
  84. }
  85. /* Flickr widget */
  86. .widget_flickr table {
  87. margin-bottom: 0;
  88. }
  89. .widget_flickr table tr:hover {
  90. background: transparent;
  91. }
  92. .widget_flickr table,
  93. .widget_flickr td {
  94. border: 0;
  95. padding: 0;
  96. text-align: left;
  97. }
  98. .widget_flickr #flickr_badge_wrapper {
  99. background: transparent;
  100. border: 0;
  101. }
  102. .widget_flickr #flickr_badge_uber_wrapper a:hover,
  103. .widget_flickr #flickr_badge_uber_wrapper a:link,
  104. .widget_flickr #flickr_badge_uber_wrapper a:active,
  105. .widget_flickr #flickr_badge_uber_wrapper a:visited {
  106. color: #616a74;
  107. }
  108. /* Internet Defense League */
  109. .widget_internet_defense_league_widget p {
  110. padding-bottom: 0;
  111. }
  112. /* Milestone */
  113. .milestone-widget .milestone-header {
  114. background: #242629;
  115. }
  116. .milestone-widget .milestone-countdown,
  117. .milestone-widget .milestone-message {
  118. color: #242629;
  119. }
  120. /* Remote Posts */
  121. .widget .jetpack-display-remote-posts h4 {
  122. font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  123. font-size: 16px;
  124. padding: 30px 0 8px;
  125. }
  126. .widget .jetpack-display-remote-posts h4:first-of-type {
  127. padding-top: 0;
  128. }
  129. .widget .jetpack-display-remote-posts p {
  130. font-size: 1em;
  131. }
  132. /* Tlkio Widget */
  133. .widget.tlkio-widget .tlkio-container {
  134. background-color: #fff;
  135. }
  136. /* Top Clicks */
  137. .widget_top-clicks ul li ul {
  138. bottom: 0;
  139. }
  140. .widget_top-clicks ul li,
  141. .widget_top-clicks ul li li {
  142. padding-bottom: 0;
  143. padding-top: 0;
  144. }
  145. .widget_top-clicks ul li a {
  146. display: block;
  147. padding-bottom: 8px;
  148. padding-top: 8px;
  149. }
  150. .widget_top-clicks ul li li a {
  151. padding-bottom: 6px;
  152. padding-top: 6px;
  153. }
  154. /*-------------------------------------------------------
  155. * Related Posts
  156. */
  157. div#jp-relatedposts {
  158. margin-bottom: 0;
  159. padding-top: 2rem;
  160. }
  161. div#jp-relatedposts h3.jp-relatedposts-headline {
  162. color: #9da5ad;
  163. display: block;
  164. float: none;
  165. font-size: 1.3rem;
  166. font-weight: 300;
  167. letter-spacing: 0.05em;
  168. text-transform: uppercase;
  169. }
  170. div#jp-relatedposts h3.jp-relatedposts-headline em {
  171. font-weight: normal;
  172. }
  173. div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  174. display: none;
  175. }
  176. div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  177. font-size: 1.5rem;
  178. margin-bottom: 0;
  179. padding-bottom: 0;
  180. }
  181. @media only screen and (max-width: 680px) {
  182. div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  183. font-size: 1.4rem;
  184. float: none;
  185. padding-bottom: 1.5em;
  186. width: 100%;
  187. }
  188. div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post:last-of-type {
  189. margin-bottom: 0;
  190. padding-bottom: 0;
  191. }
  192. }
  193. /*-------------------------------------------------------
  194. * Share
  195. */
  196. #jp-post-flair div.sharedaddy {
  197. margin: 0 0 2rem;
  198. }
  199. #jp-post-flair div.sharedaddy h3.sd-title {
  200. color: #9da5ad;
  201. font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  202. font-size: 1.3rem;
  203. font-weight: 300;
  204. letter-spacing: 0.05rem;
  205. text-transform: uppercase;
  206. }
  207. #jp-post-flair div.sharedaddy h3.sd-title:before {
  208. display: none;
  209. }
  210. /*-------------------------------------------------------
  211. * Likes
  212. */
  213. div.sharedaddy.sd-like-enabled .sd-like .post-likes-widget {
  214. }
  215. /*-------------------------------------------------------
  216. * Comment Form
  217. */
  218. #commentform .comment-subscription-form,
  219. #commentform .post-subscription-form {
  220. padding-bottom: 0.5em;
  221. }
  222. #commentform .subscribe-label {
  223. letter-spacing: 0;
  224. opacity: 0.8;
  225. text-transform: none;
  226. }
  227. /*-------------------------------------------------------
  228. * WP.com shortcodes
  229. */
  230. iframe[src*='embed.spotify'] {
  231. margin-bottom: 1.5em !important; /* override inline styles */
  232. }
  233. /* PollDaddy */
  234. .PDS_Poll {
  235. margin-bottom: 1.5em;
  236. }
  237. /* Contact form */
  238. @media only screen and (max-width: 680px) {
  239. #page .contact-form input[type='text'],
  240. #page .contact-form input[type='email'],
  241. #page .contact-form textarea {
  242. max-width: 100%;
  243. width: 100%;
  244. }
  245. }
  246. /*-------------------------------------------------------
  247. * Stats
  248. */
  249. #wpstats {
  250. display: none;
  251. }
  252. /* Eventbrite */
  253. .page-template-eventbrite-index #sidebar {
  254. display: none;
  255. }