twentyfifteen.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761
  1. /**
  2. * Jetpack Portfolio Shortcode
  3. */
  4. .site .portfolio-entry {
  5. margin-bottom: 1.6em;
  6. }
  7. .site .portfolio-entry-title,
  8. .site .portfolio-entry-meta,
  9. .site .portfolio-entry-content {
  10. font-size: 1.2rem;
  11. font-size: 12px;
  12. line-height: 1.5;
  13. }
  14. .site .portfolio-featured-image + .portfolio-entry-title {
  15. margin-top: 0.75em;
  16. margin-bottom: 0.75em;
  17. }
  18. .site .portfolio-entry-meta {
  19. font-family: "Noto Sans", sans-serif;
  20. }
  21. .site .portfolio-entry-content .more-link:after {
  22. font-size: 16px;
  23. top: 1px;
  24. }
  25. /**
  26. * Jetpack Widgets
  27. */
  28. /* Blog Subscriptions Widget */
  29. .jetpack_subscription_widget #subscribe-email input {
  30. padding: 0.375em;
  31. width: 100%;
  32. }
  33. .jetpack_subscription_widget form > :last-child {
  34. margin-bottom: 0;
  35. }
  36. /* Display WordPress Posts Widget */
  37. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts {
  38. margin: 0;
  39. }
  40. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4 {
  41. font-size: inherit;
  42. margin: 0 0 1.6em;
  43. }
  44. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
  45. margin: 0 0 1.6em;
  46. }
  47. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  48. font-size: inherit;
  49. line-height: 1.6 !important;
  50. margin: 0 0 1.6em !important;
  51. }
  52. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts > :last-child {
  53. margin-bottom: 0 !important;
  54. }
  55. /* Gallery Widget */
  56. .widget-gallery .slideshow-window {
  57. border-radius: 0;
  58. }
  59. /* Gravatar Profile Widget */
  60. .widget-area .widget-grofile .grofile-thumbnail {
  61. border-radius: 50%;
  62. max-width: 200px;
  63. }
  64. .widget-area .widget-grofile h4 {
  65. margin: 1.6em 0 0;
  66. }
  67. .widget-area .widget-grofile .grofile-accounts {
  68. margin-top: 0.8em;
  69. }
  70. /* Image Widget */
  71. .widget_image .wp-caption {
  72. margin-bottom: 0;
  73. }
  74. .widget_image .wp-caption-text {
  75. padding-bottom: 0;
  76. }
  77. /* RSS Links Widget */
  78. .widget_rss_links img {
  79. position: relative;
  80. top: -2px;
  81. }
  82. /* List type widgets */
  83. .widget_rss_links ul,
  84. .widget_top-posts ul ,
  85. .widget_upcoming_events_widget ul {
  86. list-style: none;
  87. margin: 0;
  88. }
  89. .widget_rss_links li,
  90. .widget_top-posts li,
  91. .widget_upcoming_events_widget li {
  92. border-top: 1px solid #eaeaea;
  93. border-top: 1px solid rgba(51, 51, 51, 0.1);
  94. padding: 0.7667em 0;
  95. }
  96. .widget_rss_links li:first-child,
  97. .widget_top-posts li:first-child,
  98. .widget_upcoming_events_widget li:first-child {
  99. border-top: 0;
  100. padding-top: 0;
  101. }
  102. .widget_rss_links li:last-child,
  103. .widget_top-posts li:last-child,
  104. .widget_upcoming_events_widget li:last-child {
  105. padding-bottom: 0;
  106. }
  107. /* Authors Widget */
  108. .widget_authors > ul > li > a {
  109. margin-bottom: 1em;
  110. display: inline-block;
  111. }
  112. .widget_authors ul {
  113. list-style: none;
  114. margin: 0;
  115. }
  116. .widget_authors li {
  117. border-top: 1px solid #eaeaea;
  118. border-top: 1px solid rgba(51, 51, 51, 0.1);
  119. padding: 0.7667em 0;
  120. }
  121. .widget_authors li:first-child {
  122. border-top: 0;
  123. padding-top: 0;
  124. }
  125. .widget_authors li:last-child {
  126. padding-bottom: 0;
  127. }
  128. /**
  129. * Shortcodes Embeds
  130. */
  131. /* Facebook */
  132. .fb_iframe_widget {
  133. margin-bottom: 1.6em;
  134. max-width: 100%;
  135. }
  136. .fb_iframe_widget span {
  137. max-width: 100%;
  138. }
  139. /* Gist */
  140. .gist table {
  141. table-layout: auto;
  142. }
  143. .site .gist .gist-file {
  144. margin-bottom: 1.5em;
  145. }
  146. /* Googlemaps */
  147. .googlemaps {
  148. margin-bottom: 1.6em;
  149. }
  150. .googlemaps iframe {
  151. margin-bottom: 0;
  152. }
  153. /* Polldaddy */
  154. .PDS_Poll {
  155. display: block !important;
  156. margin-bottom: 1.6em;
  157. }
  158. .PDS_Poll .pds-box {
  159. max-width: 100%;
  160. width: auto;
  161. }
  162. /* Presentation */
  163. .site .presentation-wrapper {
  164. margin: 0 auto 1.6em;
  165. }
  166. /* Recipes */
  167. .site .jetpack-recipe {
  168. border: 0;
  169. margin: 0 0 1.6em;
  170. padding: 0;
  171. }
  172. .site .jetpack-recipe-title {
  173. border: 0;
  174. margin-top: 0;
  175. padding: 0;
  176. }
  177. .site .jetpack-recipe .jetpack-recipe-meta {
  178. font-size: inherit;
  179. margin: 0;
  180. }
  181. /* Slideshow */
  182. .site .slideshow-window {
  183. border-radius: 0;
  184. margin-bottom: 1.6em;
  185. }
  186. /* Twitter-timeline */
  187. iframe[id*="twitter-widget-"] {
  188. display: block;
  189. }
  190. /* Vine */
  191. .vine-embed {
  192. display: block;
  193. }
  194. /* VideoPress */
  195. .site .video-player {
  196. margin-bottom: 1.6em;
  197. padding: 0;
  198. }
  199. .video-player object {
  200. margin-bottom: 0;
  201. }
  202. /**
  203. * Tiled gallery
  204. */
  205. .site .tiled-gallery {
  206. margin-bottom: 1.6em;
  207. }
  208. /**
  209. * Jetpack Comments
  210. */
  211. .comment-form iframe {
  212. margin: 0;
  213. }
  214. .comment-form .subscribe-label {
  215. font-weight: 400;
  216. text-transform: none;
  217. }
  218. .comment-subscription-form {
  219. font-size: 12px;
  220. font-size: 1.2rem;
  221. line-height: 1.5em;
  222. margin: 2em 0 0;
  223. }
  224. .comment-subscription-form + .comment-subscription-form {
  225. margin-top: 1em;
  226. }
  227. /**
  228. * Sharing
  229. */
  230. .hentry div.sharedaddy h3.sd-title,
  231. .hentry h3.sd-title {
  232. font-family: "Noto Sans", sans-serif;
  233. font-size: 12px;
  234. font-size: 1.2rem;
  235. line-height: 1;
  236. margin: 0 0 1em 0;
  237. opacity: 0.7;
  238. text-transform: uppercase;
  239. }
  240. /**
  241. * Related Posts
  242. */
  243. .hentry #jp-relatedposts {
  244. margin: 0;
  245. padding-top: 0;
  246. }
  247. .hentry .jp-relatedposts-post-title a {
  248. border-bottom: 0;
  249. }
  250. .hentry .jp-relatedposts-headline em:before {
  251. opacity: 0.7;
  252. }
  253. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  254. font-family: "Noto Sans", sans-serif;
  255. font-size: 12px;
  256. font-size: 1.2rem;
  257. opacity: 0.7;
  258. text-transform: uppercase;
  259. }
  260. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual {
  261. margin-right: 0;
  262. }
  263. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  264. margin-bottom: 1.6em;
  265. opacity: 1;
  266. }
  267. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  268. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  269. font-size: 1.2rem;
  270. font-size: 12px;
  271. line-height: 1.5;
  272. }
  273. .hentry .jp-relatedposts-post-title {
  274. font-weight: 700;
  275. }
  276. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  277. font-weight: inherit;
  278. }
  279. .hentry div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a,
  280. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  281. text-decoration: none;
  282. }
  283. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
  284. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
  285. opacity: 0.7;
  286. }
  287. .hentry .jp-relatedposts-post-img {
  288. margin-bottom: 0.6em;
  289. }
  290. /**
  291. * Stats
  292. */
  293. #wpstats {
  294. display: none;
  295. }
  296. /**
  297. * Media Queries
  298. */
  299. @media screen and (min-width: 46.25em) {
  300. .site .portfolio-entry {
  301. margin-bottom: 1.6471em;
  302. }
  303. .site .portfolio-entry-title,
  304. .site .portfolio-entry-meta,
  305. .site .portfolio-entry-content {
  306. font-size: 1.4rem;
  307. font-size: 14px;
  308. }
  309. .site .portfolio-entry-content .more-link:after {
  310. top: 3px;
  311. }
  312. .site .hentry .gist .gist-file {
  313. margin-bottom: 1.75em;
  314. }
  315. .site .widget .gist .gist-file {
  316. margin-bottom: 1.3125em;
  317. }
  318. .hentry .fb_iframe_widget,
  319. .hentry .googlemaps,
  320. .hentry .PDS_Poll,
  321. .site .hentry .presentation-wrapper,
  322. .site .hentry .jetpack-recipe,
  323. .site .hentry .slideshow-window,
  324. .site .hentry .video-player {
  325. margin-bottom: 1.6471em;
  326. }
  327. .widget .fb_iframe_widget,
  328. .widget .googlemaps,
  329. .widget .PDS_Poll,
  330. .site .widget .presentation-wrapper,
  331. .site .widget .jetpack-recipe,
  332. .site .widget .slideshow-window,
  333. .site .widget .video-player {
  334. margin-bottom: 1.5em;
  335. }
  336. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
  337. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
  338. margin: 0 0 1.5em;
  339. }
  340. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  341. line-height: 1.5 !important;
  342. margin: 0 0 1.5em !important;
  343. }
  344. .widget-area .widget-grofile h4 {
  345. margin: 1.5em 0 0;
  346. }
  347. .widget-area .widget-grofile .grofile-accounts {
  348. margin-top: 0.75em;
  349. }
  350. .jetpack_subscription_widget #subscribe-email input {
  351. padding: 0.5625em;
  352. }
  353. .widget_rss_links li,
  354. .widget_top-posts li,
  355. .widget_upcoming_events_widget li {
  356. padding: 0.9643em 0;
  357. }
  358. .site .tiled-gallery {
  359. margin-bottom: 1.6471em;
  360. }
  361. .jetpack-video-wrapper {
  362. margin-bottom: 1.6471em;
  363. }
  364. .comment-subscription-form {
  365. font-size: 14px;
  366. font-size: 1.4rem;
  367. }
  368. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  369. margin-bottom: 0;
  370. }
  371. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  372. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  373. font-size: 1.4rem;
  374. font-size: 14px;
  375. }
  376. .jp-relatedposts-post-img {
  377. margin-bottom: 0.6176em;
  378. }
  379. }
  380. @media screen and (min-width: 55em) {
  381. .site .portfolio-entry {
  382. margin-bottom: 1.6842em
  383. }
  384. .site .portfolio-entry-title,
  385. .site .portfolio-entry-meta,
  386. .site .portfolio-entry-content {
  387. font-size: 1.6rem;
  388. font-size: 16px;
  389. }
  390. .site .portfolio-entry-content .more-link:after {
  391. font-size: 24px;
  392. top: 0;
  393. }
  394. .site .hentry .gist .gist-file {
  395. margin-bottom: 2em;
  396. }
  397. .site .widget .gist .gist-file {
  398. margin-bottom: 1.5em;
  399. }
  400. .hentry .fb_iframe_widget,
  401. .hentry .googlemaps,
  402. .hentry .PDS_Poll,
  403. .site .hentry .presentation-wrapper,
  404. .site .hentry .jetpack-recipe,
  405. .site .hentry .slideshow-window,
  406. .site .hentry .video-player {
  407. margin-bottom: 1.6842em;
  408. }
  409. .site .tiled-gallery {
  410. margin-bottom: 1.6842em;
  411. }
  412. .jetpack_subscription_widget #subscribe-email input {
  413. padding: 0.75em;
  414. }
  415. .widget_rss_links li,
  416. .widget_top-posts li,
  417. .widget_upcoming_events_widget li {
  418. padding: 0.7188em 0;
  419. }
  420. .jetpack-video-wrapper {
  421. margin-bottom: 1.6842em;
  422. }
  423. .comment-subscription-form {
  424. font-size: 16px;
  425. font-size: 1.6rem;
  426. }
  427. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  428. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  429. font-size: 1.6rem;
  430. font-size: 16px;
  431. line-height: 1.5em;
  432. }
  433. .jp-relatedposts-post-img {
  434. margin-bottom: 0.6315em;
  435. }
  436. }
  437. @media screen and (min-width: 59.6875em) {
  438. .site .portfolio-entry {
  439. margin-bottom: 1.6em
  440. }
  441. .site .portfolio-entry-title,
  442. .site .portfolio-entry-meta,
  443. .site .portfolio-entry-content {
  444. font-size: 1.2rem;
  445. font-size: 12px;
  446. }
  447. .site .portfolio-entry-content .more-link:after {
  448. font-size: 16px;
  449. top: 1px;
  450. }
  451. .site .hentry .gist .gist-file {
  452. margin-bottom: 1.5em;
  453. }
  454. .site .widget .gist .gist-file {
  455. margin-bottom: 1.125em;
  456. }
  457. .hentry .fb_iframe_widget,
  458. .hentry .googlemaps,
  459. .hentry .PDS_Poll,
  460. .site .hentry .presentation-wrapper,
  461. .site .hentry .jetpack-recipe,
  462. .site .hentry .slideshow-window,
  463. .site .hentry .video-player {
  464. margin-bottom: 1.6em;
  465. }
  466. .site .tiled-gallery {
  467. margin-bottom: 1.6em;
  468. }
  469. .jetpack_subscription_widget #subscribe-email input {
  470. padding: 0.4583em;
  471. }
  472. .jetpack-video-wrapper {
  473. margin-bottom: 1.6em;
  474. }
  475. .widget-area .widget-grofile .grofile-thumbnail {
  476. max-width: 100%;
  477. }
  478. .widget_rss_links li,
  479. .widget_top-posts li,
  480. .widget_upcoming_events_widget li {
  481. padding: 0.4583em 0;
  482. }
  483. .comment-subscription-form {
  484. font-size: 12px;
  485. font-size: 1.2rem;
  486. }
  487. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  488. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  489. font-size: 1.2rem;
  490. font-size: 12px;
  491. line-height: 1.5;
  492. }
  493. .jp-relatedposts-post-img {
  494. margin-bottom: 0.6em;
  495. }
  496. }
  497. @media screen and (min-width: 68.75em) {
  498. .site .portfolio-entry {
  499. margin-bottom: 1.6471em
  500. }
  501. .site .portfolio-entry-title,
  502. .site .portfolio-entry-meta,
  503. .site .portfolio-entry-content {
  504. font-size: 1.4rem;
  505. font-size: 14px;
  506. }
  507. .site .portfolio-entry-content .more-link:after {
  508. top: 3px;
  509. }
  510. .site .hentry .gist .gist-file {
  511. margin-bottom: 1.75em;
  512. }
  513. .site .widget .gist .gist-file {
  514. margin-bottom: 1.3125em;
  515. }
  516. .hentry .fb_iframe_widget,
  517. .hentry .googlemaps,
  518. .hentry .PDS_Poll,
  519. .site .hentry .presentation-wrapper,
  520. .site .hentry .jetpack-recipe,
  521. .site .hentry .slideshow-window,
  522. .site .hentry .video-player {
  523. margin-bottom: 1.6471em;
  524. }
  525. .site .tiled-gallery {
  526. margin-bottom: 1.6471em;
  527. }
  528. .jetpack_subscription_widget #subscribe-email input {
  529. padding: 0.5em;
  530. }
  531. .widget_rss_links li,
  532. .widget_top-posts li,
  533. .widget_upcoming_events_widget li {
  534. padding: 0.4643em 0;
  535. }
  536. .jetpack-video-wrapper {
  537. margin-bottom: 1.6471em;
  538. }
  539. .comment-subscription-form {
  540. font-size: 14px;
  541. font-size: 1.4rem;
  542. }
  543. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  544. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  545. font-size: 14px;
  546. font-size: 1.4rem;
  547. }
  548. .jp-relatedposts-post-img {
  549. margin-bottom: 0.6176em;
  550. }
  551. }
  552. @media screen and (min-width: 77.5em) {
  553. .site .portfolio-entry {
  554. margin-bottom: 1.6842em
  555. }
  556. .site .portfolio-entry-title,
  557. .site .portfolio-entry-meta,
  558. .site .portfolio-entry-content {
  559. font-size: 1.6rem;
  560. font-size: 16px;
  561. }
  562. .site .portfolio-entry-content .more-link:after {
  563. font-size: 24px;
  564. top: 0;
  565. }
  566. .site .hentry .gist .gist-file {
  567. margin-bottom: 2em;
  568. }
  569. .site .widget .gist .gist-file {
  570. margin-bottom: 1.5em;
  571. }
  572. .hentry .fb_iframe_widget,
  573. .hentry .googlemaps,
  574. .hentry .PDS_Poll,
  575. .site .hentry .presentation-wrapper,
  576. .site .hentry .jetpack-recipe,
  577. .site .hentry .slideshow-window,
  578. .site .hentry .video-player {
  579. margin-bottom: 1.6842em;
  580. }
  581. .widget_rss_links li,
  582. .widget_top-posts li,
  583. .widget_upcoming_events_widget li {
  584. padding: 0.4688em 0;
  585. }
  586. .site .tiled-gallery {
  587. margin-bottom: 1.6842em;
  588. }
  589. .jetpack-video-wrapper {
  590. margin-bottom: 1.6842em;
  591. }
  592. .hentry div.sharedaddy h3.sd-title,
  593. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  594. font-size: 13px;
  595. font-size: 1.3rem;
  596. }
  597. .comment-subscription-form {
  598. font-size: 16px;
  599. font-size: 1.6rem;
  600. }
  601. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  602. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  603. font-size: 16px;
  604. font-size: 1.6rem;
  605. line-height: 1.5em;
  606. }
  607. .jp-relatedposts-post-img {
  608. margin-bottom: 0.6315em;
  609. }
  610. }