style-wpcom.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. /*
  2. Theme Name: Toujours
  3. These styles are for WordPress.com specific elements
  4. */
  5. /* Sharedaddy & Related Posts*/
  6. #page .sharedaddy .sd-title,
  7. #page div#jp-relatedposts h3.jp-relatedposts-headline,
  8. #page .sd-rating .sd-title {
  9. color: #999;
  10. font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
  11. font-size: 14px;
  12. font-weight: 500;
  13. letter-spacing: 0.08em;
  14. margin-bottom: 1em;
  15. padding-bottom: 0;
  16. text-transform: uppercase;
  17. }
  18. .blog #primary .format-quote .sharedaddy .sd-title,
  19. .archive #primary .format-quote .sharedaddy .sd-title,
  20. .single #primary .format-quote .sharedaddy .sd-title,
  21. .blog #primary .format-quote div#jp-relatedposts h3.jp-relatedposts-headline,
  22. .archive #primary .format-quote div#jp-relatedposts h3.jp-relatedposts-headline,
  23. .single #primary .format-quote div#jp-relatedposts h3.jp-relatedposts-headline,
  24. .blog #primary .format-quote .sd-rating .sd-title,
  25. .archive #primary .format-quote .sd-rating .sd-title,
  26. .single #primary .format-quote .sd-rating .sd-title {
  27. color: rgba( 255, 255, 255, 0.8 );
  28. }
  29. .blog #primary .format-quote #jp-post-flair,
  30. .archive #primary .format-quote #jp-post-flair,
  31. .single #primary .format-quote #jp-post-flair {
  32. margin-top: -30px;
  33. }
  34. div#jp-relatedposts h3.jp-relatedposts-headline em {
  35. font-weight: normal;
  36. }
  37. #page div.sharedaddy h3.sd-title:before,
  38. #page div#jp-relatedposts h3.jp-relatedposts-headline em:before {
  39. display: none;
  40. }
  41. .jp-relatedposts-post-title {
  42. font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
  43. font-size: 22px;
  44. font-weight: 300;
  45. line-height: 1.3;
  46. margin-bottom: 4px;
  47. }
  48. #page .sd-rating + .sharedaddy {
  49. margin-top: 30px;
  50. }
  51. .blog #primary #jp-post-flair,
  52. .archive #primary #jp-post-flair {
  53. margin-bottom: 30px;
  54. }
  55. #page .sd-rating .rating-msg {
  56. color: #999;
  57. font-size: 13px;
  58. font-style: italic;
  59. margin-top: -3px;
  60. }
  61. .blog #primary .format-quote .sd-rating .rating-msg,
  62. .archive #primary .format-quote .sd-rating .rating-msg,
  63. .single #primary .format-quote .sd-rating .rating-msg {
  64. color: rgba( 255, 255, 255, 0.8 );
  65. }
  66. #page #featured-post-trio .sd-rating {
  67. padding-top: 15px;
  68. }
  69. #page #featured-post-trio .sd-rating .sd-title {
  70. margin-bottom: 0.5em;
  71. }
  72. div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context {
  73. opacity: 1.0;
  74. }
  75. div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  76. font-weight: inherit;
  77. }
  78. #page .jp-relatedposts-post-context {
  79. color: #333;
  80. }
  81. .single-format-quote #page .sharedaddy .sd-title,
  82. .single-format-quote #page div#jp-relatedposts h3.jp-relatedposts-headline {
  83. color: rgba( 255, 255, 255, 0.9 );
  84. }
  85. .single-format-quote div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  86. color: rgba( 255, 255, 255, 0.9 );
  87. }
  88. .single-format-quote #page .jp-relatedposts-post-context {
  89. color: rgba( 255, 255, 255, 0.6 );
  90. }
  91. /* Widgets */
  92. /* Author Grid */
  93. .widget_author_grid ul,
  94. .widget_author_grid li {
  95. list-style: none;
  96. margin: 0;
  97. padding: 0;
  98. }
  99. /* Widget - Authors */
  100. .widget_authors ul,
  101. .widget_authors li {
  102. list-style: none;
  103. margin: 0;
  104. padding: 0;
  105. }
  106. .widget_authors .avatar-container,
  107. .widget_authors strong {
  108. display: inline-block;
  109. vertical-align: middle;
  110. }
  111. .widget_authors ul ul {
  112. margin-bottom: 30px;
  113. }
  114. .widget_authors ul ul li {
  115. border-bottom: 1px solid #ddd;
  116. display: block;
  117. padding: 5px 0;
  118. }
  119. /* Contact Info Widget */
  120. .widget_contact_info .contact-map {
  121. margin-bottom: 10px;
  122. }
  123. /* Flickr Widget */
  124. .widget_flickr table {
  125. border: 0;
  126. }
  127. .widget_flickr table tr {
  128. border: 0;
  129. }
  130. .widget_flickr table td {
  131. padding: 0;
  132. }
  133. .widget_flickr #flickr_badge_wrapper {
  134. background-color: transparent;
  135. border: 0;
  136. }
  137. .widget #flickr_badge_uber_wrapper a:hover,
  138. .widget #flickr_badge_uber_wrapper a:link,
  139. .widget #flickr_badge_uber_wrapper a:active,
  140. .widget #flickr_badge_uber_wrapper a:visited {
  141. color: #2590ec;
  142. }
  143. #footer-widgets .widget #flickr_badge_uber_wrapper a:hover,
  144. #footer-widgets .widget #flickr_badge_uber_wrapper a:link,
  145. #footer-widgets .widget #flickr_badge_uber_wrapper a:active,
  146. #footer-widgets .widget #flickr_badge_uber_wrapper a:visited {
  147. color: #999;
  148. text-decoration: none;
  149. }
  150. /* Goodreads */
  151. .widget_goodreads div[class^="gr_custom_container"] {
  152. background-color: transparent;
  153. border: 0;
  154. border-radius: 0;
  155. border-top: 1px solid #eee;
  156. }
  157. .widget_goodreads div[class^="gr_custom_each_container"] {
  158. border-color: #eee;
  159. }
  160. .widget_goodreads div[class^="gr_custom_author"] {
  161. color: #999;
  162. display: block;
  163. font-family: "Alegreya Sans", "Helvetica Neue", Helvetica, sans-serif;
  164. font-size: 13px;
  165. letter-spacing: 0.08em;
  166. text-transform: uppercase;
  167. }
  168. /* Milestone Widget */
  169. #footer-widgets .milestone-header {
  170. background-color: #222;
  171. }
  172. /* Stats */
  173. #wpstats {
  174. display: none;
  175. }