twentyfourteen.css 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362
  1. /**
  2. * Jetpack compat stylesheet for Twenty Fourteen.
  3. */
  4. #jp-post-flair:empty {
  5. display: none;
  6. }
  7. .site-content #jp-post-flair {
  8. margin: 24px 0;
  9. }
  10. .widget #jp-post-flair {
  11. padding-top: 0;
  12. }
  13. .entry-content div.jp-relatedposts {
  14. margin: 0;
  15. }
  16. #page .entry-content div.sharedaddy h3,
  17. #page .entry-summary div.sharedaddy h3,
  18. #page .entry-content h3.sd-title,
  19. #page .entry-summary h3.sd-title,
  20. #primary div.sharedaddy .jp-relatedposts-headline em,
  21. .pd-rating {
  22. color: #767676;
  23. font-size: 11px;
  24. text-transform: uppercase;
  25. }
  26. .pd-rating {
  27. min-height: 23px;
  28. margin-bottom: 5px;
  29. }
  30. .wp-multiplayer,
  31. .PDS_Poll,
  32. .entry-content .slideshow-window {
  33. margin-bottom: 24px;
  34. }
  35. .entry-content .gist table {
  36. margin-bottom: 0;
  37. }
  38. .entry-content .slideshow-window {
  39. border-radius: 0;
  40. }
  41. .entry-content .video-player {
  42. padding: 0 0 24px;
  43. }
  44. .highlander-enabled #respond {
  45. margin: 0;
  46. padding: 0;
  47. }
  48. .highlander-enabled #respond h3 {
  49. margin: 0 0 24px;
  50. }
  51. .highlander-enabled #respond h3 small a {
  52. width: 24px;
  53. }
  54. .wpcnt {
  55. margin-bottom: 15px; /* 24-9 */
  56. }
  57. #wpstats {
  58. display: none;
  59. }
  60. img[id*="botd"] {
  61. position: absolute;
  62. }
  63. /**
  64. * Widgets
  65. * -----------------------------------------------------------------------------
  66. */
  67. /* About.me Widget*/
  68. .aboutme_widget #am_thumbnail {
  69. margin-bottom: 18px;
  70. }
  71. .aboutme_widget #am_thumbnail img {
  72. border: 0;
  73. max-width: 100%;
  74. }
  75. .aboutme_widget #am_name {
  76. font-weight: 900;
  77. margin: 0;
  78. }
  79. .aboutme_widget #am_headline {
  80. font-size: 14px;
  81. line-height: 1.2857142857;
  82. margin: 0;
  83. }
  84. .aboutme_widget #am_bio {
  85. margin: 18px 0;
  86. }
  87. .aboutme_widget #am_bio p {
  88. margin-bottom: 6px;
  89. }
  90. .aboutme_widget #am_bio:empty {
  91. margin: 0;
  92. }
  93. .aboutme_widget #am_services {
  94. margin-top: 18px;
  95. }
  96. /* Akismet Widget */
  97. .widget_akismet_widget a,
  98. .content-sidebar .widget_akismet_widget a {
  99. color: rgba(255,255,255,0.5) !important;
  100. }
  101. .widget_akismet_widget a:hover,
  102. .content-sidebar .widget_akismet_widget a:hover {
  103. color: rgba(255,255,255,0.7) !important;
  104. }
  105. /* Authors Widget */
  106. .widget.widget_authors li > ul {
  107. margin-left: 0;
  108. }
  109. .widget_authors li {
  110. margin-bottom: 9px;
  111. }
  112. .widget_authors li:last-child {
  113. margin-bottom: 0;
  114. }
  115. /* Contact Info Widget */
  116. .widget_contact_info > div {
  117. margin-bottom: 18px;
  118. }
  119. .widget_contact_info > div:last-child {
  120. margin-bottom: 0;
  121. }
  122. /* Display WordPress Posts Widget */
  123. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
  124. font-size: 14px;
  125. line-height: 1.2857142857;
  126. margin: 0 0 9px;
  127. }
  128. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  129. font-size: 14px;
  130. line-height: 1.2857142857 !important;
  131. }
  132. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  133. margin: 9px 0 18px !important;
  134. }
  135. /* Follow Button Widget */
  136. .widget_follow_button_widget iframe {
  137. margin-bottom: 0;
  138. }
  139. /* Gravatar & Gravatar Profile Widget */
  140. .widget_gravatar img.avatar,
  141. .widget-grofile .grofile-thumbnail {
  142. height: auto;
  143. max-width: 100% !important;
  144. }
  145. .widget-area .widget-grofile h4 {
  146. font-size: 12px;
  147. line-height: 1.2857142857;
  148. margin: 18px 0 9px;
  149. text-transform: uppercase;
  150. }
  151. .widget-area .widget-grofile .grofile-meta h4 {
  152. font-size: 18px;
  153. line-height: 1;
  154. text-transform: none;
  155. }
  156. /* Image Widget */
  157. .widget_image .wp-caption,
  158. .widget_image .wp-caption-text {
  159. margin-bottom: 0;
  160. }
  161. .widget_image img {
  162. height: auto;
  163. }
  164. /* Posts I Like Widget */
  165. .widget_jetpack_posts_i_like .widgets-list-layout li {
  166. margin: 0;
  167. }
  168. /* Recent Comments Widget */
  169. .widget_recent_comments table,
  170. .widget_recent_comments td {
  171. border: 0;
  172. }
  173. .widget_recent_comments td.recentcommentsavatartop,
  174. .widget_recent_comments td.recentcommentsavatarend {
  175. padding: 5px 5px 5px 0;
  176. }
  177. .widget_recent_comments td.recentcommentstexttop,
  178. .widget_recent_comments td.recentcommentstextend {
  179. padding: 5px 0 5px 5px;
  180. vertical-align: top;
  181. }
  182. /* Recent Images Widget */
  183. .widget_recent_images img {
  184. height: auto;
  185. }
  186. /* Top Posts & Pages Widget */
  187. .widget_top-posts .widgets-list-layout li {
  188. margin-bottom: 0;
  189. }
  190. /* Twitter(old) Widget */
  191. .widget_twitter li {
  192. margin-bottom: 18px;
  193. }
  194. .widget_twitter li:last-child {
  195. margin-bottom: 0;
  196. }
  197. .widget_twitter iframe {
  198. margin: 18px 0 0;
  199. }
  200. /* List type Widgets */
  201. .widget_jp_blogs_i_follow li,
  202. .widget_delicious li,
  203. .widgets-list-layout li,
  204. .widget_top-clicks li,
  205. .widget_top-posts li,
  206. .top_rated li,
  207. .widget_upcoming_events_widget .upcoming-events li {
  208. border-top: 1px solid rgba(255, 255, 255, 0.2);
  209. padding: 8px 0 9px;
  210. }
  211. .widget_jp_blogs_i_follow li:first-child,
  212. .widgets-list-layout li:first-child,
  213. .widget_top-clicks li:first-child,
  214. .widget_top-posts li:first-child,
  215. .top_rated li:first-child,
  216. .widget_upcoming_events_widget .upcoming-events li:first-child {
  217. border-top: 0;
  218. }
  219. .content-sidebar .widget_jp_blogs_i_follow li,
  220. .content-sidebar .widgets-list-layout li,
  221. .content-sidebar .widget_top-clicks li,
  222. .content-sidebar .widget_top-posts li,
  223. .content-sidebar .top_rated li,
  224. .content-sidebar .widget_upcoming_events_widget .upcoming-events li {
  225. border-color: rgba(0, 0, 0, 0.1);
  226. }
  227. .content-sidebar widget-area .widget-grofile h4 {
  228. font-weight: 900;
  229. }
  230. /**
  231. * Media Queries
  232. * -----------------------------------------------------------------------------
  233. */
  234. @media screen and (min-width: 1008px) {
  235. .footer-sidebar .widget_jp_blogs_i_follow li,
  236. .footer-sidebar .widget_jp_blogs_i_follow li,
  237. .footer-sidebar .widget_top-clicks li,
  238. .footer-sidebar .widget_top-posts li,
  239. .footer-sidebar .top_rated li,
  240. .footer-sidebar .widget_upcoming_events_widget .upcoming-events li,
  241. .primary-sidebar .widget_jp_blogs_i_follow li,
  242. .primary-sidebar .widget_jp_blogs_i_follow li,
  243. .primary-sidebar .widget_top-clicks li,
  244. .primary-sidebar .widget_top-posts li,
  245. .primary-sidebar .top_rated li {
  246. border-top: 0;
  247. padding: 0 0 6px;
  248. }
  249. .footer-sidebar .widget_jp_blogs_i_follow li:last-child,
  250. .footer-sidebar .widget_jp_blogs_i_follow li:last-child,
  251. .footer-sidebar .widget_top-clicks li:last-child,
  252. .footer-sidebar .widget_top-posts li:last-child,
  253. .footer-sidebar .top_rated li:last-child,
  254. .footer-sidebar .widget_upcoming_events_widget .upcoming-events li:last-child,
  255. .primary-sidebar .widget_jp_blogs_i_follow li:last-child,
  256. .primary-sidebar .widget_jp_blogs_i_follow li:last-child,
  257. .primary-sidebar .widget_top-clicks li:last-child,
  258. .primary-sidebar .widget_top-posts li:last-child,
  259. .primary-sidebar .top_rated li:last-child {
  260. padding: 0;
  261. }
  262. .primary-sidebar .widget_blog_subscription input[type="text"],
  263. .footer-sidebar .widget_blog_subscription input[type="text"] {
  264. padding: 3px 2px !important;
  265. }
  266. .footer-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
  267. .primary-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
  268. .footer-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p,
  269. .primary-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p,
  270. .footer-sidebar .widget-grofile .grofile-meta h4,
  271. .primary-sidebar .widget-grofile .grofile-meta h4 {
  272. font-size: 12px;
  273. line-height: 1.5;
  274. }
  275. .footer-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p,
  276. .primary-sidebar .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  277. line-height: 1.5 !important;
  278. }
  279. .footer-sidebar .widget-grofile h4,
  280. .primary-sidebar .widget-grofile h4,
  281. .footer-sidebar .top_rated div > p:first-of-type,
  282. .primary-sidebar .top_rated div > p:first-of-type {
  283. font-size: 11px;
  284. line-height: 1.6363636363;
  285. }
  286. }