Nenhuma Descrição

twentytwenty.css 5.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306
  1. /**
  2. * Infinite scroll
  3. */
  4. #infinite-footer {
  5. z-index: 1;
  6. }
  7. /* Globally hidden elements when Infinite Scroll is supported and in use. */
  8. .infinite-scroll .pagination-wrapper,
  9. .infinite-scroll.neverending .footer-nav-widgets-wrapper,
  10. .infinite-scroll.neverending #site-footer {
  11. /* Theme Footer (when set to scrolling) */
  12. display: none;
  13. }
  14. /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
  15. .infinite-end.neverending .footer-nav-widgets-wrapper,
  16. .infinity-end.neverending #site-footer {
  17. display: block;
  18. }
  19. .infinity-end.neverending #site-footer {
  20. margin: 8rem 0 0;
  21. }
  22. .infinite-loader {
  23. margin: 5rem auto;
  24. }
  25. .infinite-loader .spinner {
  26. margin: 0 auto;
  27. left: inherit !important;
  28. }
  29. #site-content #infinite-handle {
  30. margin: 5rem auto;
  31. max-width: 58rem;
  32. width: calc(100% - 8rem);
  33. }
  34. #site-content #infinite-handle span {
  35. background: transparent;
  36. display: block;
  37. font-size: 1.7rem;
  38. text-align: center;
  39. }
  40. #site-content #infinite-handle span button,
  41. #site-content #infinite-handle span button:hover,
  42. #site-content #infinite-handle span button:focus {
  43. -webkit-appearance: none;
  44. -moz-appearance: none;
  45. border: none;
  46. background: #cd2653;
  47. border-radius: 0;
  48. color: #fff;
  49. cursor: pointer;
  50. display: inline-block;
  51. font-size: 1.5rem;
  52. font-weight: 600;
  53. letter-spacing: 0.0333em;
  54. line-height: 1.25;
  55. margin: 0;
  56. opacity: 1;
  57. padding: 1.1em 1.44em;
  58. text-align: center;
  59. text-decoration: none;
  60. text-transform: uppercase;
  61. transition: opacity 0.15s linear;
  62. }
  63. #site-content #infinite-handle span button:hover {
  64. text-decoration: underline;
  65. }
  66. #site-content .infinite-wrap .hentry:first-of-type {
  67. padding: 4rem 0 0;
  68. }
  69. /**
  70. * Sharing & Related Posts
  71. */
  72. .entry-content div.sharedaddy h3.sd-title,
  73. .entry-content h3.sd-title,
  74. .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
  75. font-size: 2.8rem;
  76. font-weight: 700;
  77. letter-spacing: -0.016875em;
  78. line-height: 1.5;
  79. }
  80. @media (min-width: 700px) {
  81. .entry-content div.sharedaddy h3.sd-title,
  82. .entry-content h3.sd-title,
  83. .entry-content #jp-relatedposts h3.jp-relatedposts-headline {
  84. font-size: 4rem;
  85. }
  86. }
  87. .entry-content div.sharedaddy h3.sd-title:before,
  88. .entry-content h3.sd-title:before {
  89. border: 0 none;
  90. }
  91. .entry-content #jp-relatedposts h3.jp-relatedposts-headline em:before {
  92. border: 0 none;
  93. }
  94. /* Authors widget */
  95. .widget_authors ul {
  96. list-style: none;
  97. margin-left: 0;
  98. }
  99. .widget_authors li {
  100. margin-top: 1rem;
  101. list-style: none;
  102. }
  103. .widget_authors li:first-child {
  104. margin-top: 2rem;
  105. }
  106. /* Flickr */
  107. .widget_flickr .flickr-size-thumbnail .flickr-images {
  108. justify-content: left;
  109. }
  110. /* EU cookie law */
  111. .widget_eu_cookie_law_widget #eu-cookie-law,
  112. .widget_eu_cookie_law_widget #eu-cookie-law .accept {
  113. font-size: 1.6rem;
  114. font-weight: 500;
  115. padding: 2rem;
  116. }
  117. .widget_eu_cookie_law_widget #eu-cookie-law .accept {
  118. font-size: 1.4rem;
  119. font-weight: 600;
  120. letter-spacing: 0.0333em;
  121. line-height: 1.25;
  122. padding: 1.1em 1.44em;
  123. text-decoration: none;
  124. text-transform: uppercase;
  125. transition: opacity 0.15s linear;
  126. }
  127. @media (max-width: 600px) {
  128. .widget_eu_cookie_law_widget #eu-cookie-law {
  129. font-size: 1.4rem;
  130. padding: 1.5rem 1.5rem 6.5rem;
  131. }
  132. .widget_eu_cookie_law_widget #eu-cookie-law .accept {
  133. font-size: 1.2rem;
  134. bottom: 1.5rem;
  135. right: auto;
  136. left: 1.5rem;
  137. padding: 1rem;
  138. margin: 0;
  139. }
  140. }
  141. /* Subscriptions Widget */
  142. .jetpack_subscription_widget .widget-title label {
  143. font-size: 2.8rem;
  144. font-weight: 700;
  145. margin: 0;
  146. }
  147. @media ( min-width: 700px ) {
  148. .jetpack_subscription_widget .widget-title label {
  149. font-size: 4rem;
  150. }
  151. }
  152. /*
  153. * This overwrites inline styles added to the wpcom widget,
  154. * hence the use of !important
  155. */
  156. .widget_blog_subscription form p:not(#subscribe-email) input[type="text"] {
  157. padding: 1.5rem 1.8rem !important;
  158. width: 100% !important;
  159. }
  160. /* Related Posts */
  161. .entry-content #jp-relatedposts {
  162. max-width: 120rem;
  163. margin: 1em auto;
  164. width: calc(100% - 4rem);
  165. }
  166. @media (min-width: 700px) {
  167. .entry-content #jp-relatedposts {
  168. width: calc(100% - 8rem);
  169. }
  170. }
  171. #jp-relatedposts .jp-relatedposts-grid {
  172. display: flex;
  173. flex-grow: 1;
  174. flex-basis: 0;
  175. justify-content: space-between;
  176. box-sizing: border-box;
  177. }
  178. #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post,
  179. #jp-relatedposts .jp-relatedposts-post {
  180. width: calc(33% - 2rem);
  181. margin-left: 0;
  182. margin-right: 0;
  183. }
  184. @media only screen and (max-width: 640px) {
  185. #jp-relatedposts .jp-relatedposts-grid {
  186. flex-direction: column;
  187. }
  188. #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post,
  189. #jp-relatedposts .jp-relatedposts-post {
  190. width: 100%;
  191. }
  192. }
  193. #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post {
  194. padding-right: 0;
  195. }
  196. #jp-relatedposts#jp-relatedposts .jp-relatedposts-items p,
  197. #jp-relatedposts#jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {
  198. font-size: inherit;
  199. line-height: 1.5;
  200. }
  201. #jp-relatedposts .jp-relatedposts-items-visual {
  202. margin-right: 0;
  203. }
  204. #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img {
  205. width: 100%;
  206. }
  207. /* Tiled Galleries in Classic Blocks */
  208. .entry-content .tiled-gallery {
  209. margin: 0 auto 1.5em;
  210. }
  211. /**
  212. * Shortcodes
  213. */
  214. /* Recipe */
  215. .entry-content .jetpack-recipe {
  216. margin: 1em auto;
  217. }
  218. /* Facebook */
  219. .entry-content .fb-video {
  220. display: block;
  221. }
  222. /**
  223. * Blocks
  224. */
  225. /* Related Posts Block */
  226. .jp-related-posts-i2__post li {
  227. margin: 0;
  228. }
  229. /* GIF Block */
  230. .wp-block-jetpack-gif {
  231. /* !important because the gif block styles are loaded in the footer after this file */
  232. margin: 1em auto !important;
  233. }
  234. /**
  235. * Images
  236. */
  237. /* Beautiful Math */
  238. .entry-content img.latex {
  239. display: inline;
  240. }
  241. /**
  242. * .com Toolbar
  243. */
  244. /* fix wordpress.com notification iframe width */
  245. iframe#wpnt-notes-iframe2.wide {
  246. width: auto !important;
  247. }
  248. /* fix site position when overflow nav modal */
  249. .admin-bar {
  250. position: unset !important;
  251. }
  252. .screen-reader-text {
  253. position: absolute;
  254. }