Keine Beschreibung

twentyfifteen.css 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770
  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. /* Crowdsignal */
  154. .PDS_Poll,
  155. .CSS_Poll {
  156. display: block !important;
  157. margin-bottom: 1.6em;
  158. }
  159. .PDS_Poll .pds-box,
  160. .CSS_Poll .css-box {
  161. max-width: 100%;
  162. width: auto;
  163. }
  164. /* Presentation */
  165. .site .presentation-wrapper {
  166. margin: 0 auto 1.6em;
  167. }
  168. /* Recipes */
  169. .site .jetpack-recipe {
  170. border: 0;
  171. margin: 0 0 1.6em;
  172. padding: 0;
  173. }
  174. .site .jetpack-recipe-title {
  175. border: 0;
  176. margin-top: 0;
  177. padding: 0;
  178. }
  179. .site .jetpack-recipe .jetpack-recipe-meta {
  180. font-size: inherit;
  181. margin: 0;
  182. }
  183. /* Slideshow */
  184. .site .slideshow-window {
  185. border-radius: 0;
  186. margin-bottom: 1.6em;
  187. }
  188. /* Twitter-timeline */
  189. iframe[id*="twitter-widget-"] {
  190. display: block;
  191. }
  192. /* Vine */
  193. .vine-embed {
  194. display: block;
  195. }
  196. /* VideoPress */
  197. .site .video-player {
  198. margin-bottom: 1.6em;
  199. padding: 0;
  200. }
  201. .video-player object {
  202. margin-bottom: 0;
  203. }
  204. /**
  205. * Tiled gallery
  206. */
  207. .site .tiled-gallery {
  208. margin-bottom: 1.6em;
  209. }
  210. /**
  211. * Jetpack Comments
  212. */
  213. .comment-form iframe {
  214. margin: 0;
  215. }
  216. .comment-form .subscribe-label {
  217. font-weight: 400;
  218. text-transform: none;
  219. }
  220. .comment-subscription-form {
  221. font-size: 12px;
  222. font-size: 1.2rem;
  223. line-height: 1.5em;
  224. margin: 2em 0 0;
  225. }
  226. .comment-subscription-form + .comment-subscription-form {
  227. margin-top: 1em;
  228. }
  229. /**
  230. * Sharing
  231. */
  232. .hentry div.sharedaddy h3.sd-title,
  233. .hentry h3.sd-title {
  234. font-family: "Noto Sans", sans-serif;
  235. font-size: 12px;
  236. font-size: 1.2rem;
  237. line-height: 1;
  238. margin: 0 0 1em 0;
  239. opacity: 0.7;
  240. text-transform: uppercase;
  241. }
  242. /**
  243. * Related Posts
  244. */
  245. .hentry #jp-relatedposts {
  246. margin: 0;
  247. padding-top: 0;
  248. }
  249. .hentry .jp-relatedposts-post-title a {
  250. border-bottom: 0;
  251. }
  252. .hentry .jp-relatedposts-headline em:before {
  253. opacity: 0.7;
  254. }
  255. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  256. font-family: "Noto Sans", sans-serif;
  257. font-size: 12px;
  258. font-size: 1.2rem;
  259. opacity: 0.7;
  260. text-transform: uppercase;
  261. }
  262. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual {
  263. margin-right: 0;
  264. }
  265. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  266. margin-bottom: 1.6em;
  267. opacity: 1;
  268. }
  269. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  270. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  271. font-size: 1.2rem;
  272. font-size: 12px;
  273. line-height: 1.5;
  274. }
  275. .hentry .jp-relatedposts-post-title {
  276. font-weight: 700;
  277. }
  278. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  279. font-weight: inherit;
  280. }
  281. .hentry div#jp-relatedposts div.jp-relatedposts-items div.jp-relatedposts-post:hover .jp-relatedposts-post-title a,
  282. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a {
  283. text-decoration: none;
  284. }
  285. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
  286. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual div.jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt {
  287. opacity: 0.7;
  288. }
  289. .hentry .jp-relatedposts-post-img {
  290. margin-bottom: 0.6em;
  291. }
  292. /**
  293. * Stats
  294. */
  295. #wpstats {
  296. display: none;
  297. }
  298. /**
  299. * Media Queries
  300. */
  301. @media screen and (min-width: 46.25em) {
  302. .site .portfolio-entry {
  303. margin-bottom: 1.6471em;
  304. }
  305. .site .portfolio-entry-title,
  306. .site .portfolio-entry-meta,
  307. .site .portfolio-entry-content {
  308. font-size: 1.4rem;
  309. font-size: 14px;
  310. }
  311. .site .portfolio-entry-content .more-link:after {
  312. top: 3px;
  313. }
  314. .site .hentry .gist .gist-file {
  315. margin-bottom: 1.75em;
  316. }
  317. .site .widget .gist .gist-file {
  318. margin-bottom: 1.3125em;
  319. }
  320. .hentry .fb_iframe_widget,
  321. .hentry .googlemaps,
  322. .hentry .PDS_Poll,
  323. .hentry .CSS_Poll,
  324. .site .hentry .presentation-wrapper,
  325. .site .hentry .jetpack-recipe,
  326. .site .hentry .slideshow-window,
  327. .site .hentry .video-player {
  328. margin-bottom: 1.6471em;
  329. }
  330. .widget .fb_iframe_widget,
  331. .widget .googlemaps,
  332. .widget .PDS_Poll,
  333. .widget .CSS_Poll,
  334. .site .widget .presentation-wrapper,
  335. .site .widget .jetpack-recipe,
  336. .site .widget .slideshow-window,
  337. .site .widget .video-player {
  338. margin-bottom: 1.5em;
  339. }
  340. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts h4,
  341. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts img {
  342. margin: 0 0 1.5em;
  343. }
  344. .widget_jetpack_display_posts_widget .jetpack-display-remote-posts p {
  345. line-height: 1.5 !important;
  346. margin: 0 0 1.5em !important;
  347. }
  348. .widget-area .widget-grofile h4 {
  349. margin: 1.5em 0 0;
  350. }
  351. .widget-area .widget-grofile .grofile-accounts {
  352. margin-top: 0.75em;
  353. }
  354. .jetpack_subscription_widget #subscribe-email input {
  355. padding: 0.5625em;
  356. }
  357. .widget_rss_links li,
  358. .widget_top-posts li,
  359. .widget_upcoming_events_widget li {
  360. padding: 0.9643em 0;
  361. }
  362. .site .tiled-gallery {
  363. margin-bottom: 1.6471em;
  364. }
  365. .jetpack-video-wrapper {
  366. margin-bottom: 1.6471em;
  367. }
  368. .comment-subscription-form {
  369. font-size: 14px;
  370. font-size: 1.4rem;
  371. }
  372. .hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
  373. margin-bottom: 0;
  374. }
  375. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  376. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  377. font-size: 1.4rem;
  378. font-size: 14px;
  379. }
  380. .jp-relatedposts-post-img {
  381. margin-bottom: 0.6176em;
  382. }
  383. }
  384. @media screen and (min-width: 55em) {
  385. .site .portfolio-entry {
  386. margin-bottom: 1.6842em
  387. }
  388. .site .portfolio-entry-title,
  389. .site .portfolio-entry-meta,
  390. .site .portfolio-entry-content {
  391. font-size: 1.6rem;
  392. font-size: 16px;
  393. }
  394. .site .portfolio-entry-content .more-link:after {
  395. font-size: 24px;
  396. top: 0;
  397. }
  398. .site .hentry .gist .gist-file {
  399. margin-bottom: 2em;
  400. }
  401. .site .widget .gist .gist-file {
  402. margin-bottom: 1.5em;
  403. }
  404. .hentry .fb_iframe_widget,
  405. .hentry .googlemaps,
  406. .hentry .PDS_Poll,
  407. .hentry .CSS_Poll,
  408. .site .hentry .presentation-wrapper,
  409. .site .hentry .jetpack-recipe,
  410. .site .hentry .slideshow-window,
  411. .site .hentry .video-player {
  412. margin-bottom: 1.6842em;
  413. }
  414. .site .tiled-gallery {
  415. margin-bottom: 1.6842em;
  416. }
  417. .jetpack_subscription_widget #subscribe-email input {
  418. padding: 0.75em;
  419. }
  420. .widget_rss_links li,
  421. .widget_top-posts li,
  422. .widget_upcoming_events_widget li {
  423. padding: 0.7188em 0;
  424. }
  425. .jetpack-video-wrapper {
  426. margin-bottom: 1.6842em;
  427. }
  428. .comment-subscription-form {
  429. font-size: 16px;
  430. font-size: 1.6rem;
  431. }
  432. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  433. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  434. font-size: 1.6rem;
  435. font-size: 16px;
  436. line-height: 1.5em;
  437. }
  438. .jp-relatedposts-post-img {
  439. margin-bottom: 0.6315em;
  440. }
  441. }
  442. @media screen and (min-width: 59.6875em) {
  443. .site .portfolio-entry {
  444. margin-bottom: 1.6em
  445. }
  446. .site .portfolio-entry-title,
  447. .site .portfolio-entry-meta,
  448. .site .portfolio-entry-content {
  449. font-size: 1.2rem;
  450. font-size: 12px;
  451. }
  452. .site .portfolio-entry-content .more-link:after {
  453. font-size: 16px;
  454. top: 1px;
  455. }
  456. .site .hentry .gist .gist-file {
  457. margin-bottom: 1.5em;
  458. }
  459. .site .widget .gist .gist-file {
  460. margin-bottom: 1.125em;
  461. }
  462. .hentry .fb_iframe_widget,
  463. .hentry .googlemaps,
  464. .hentry .PDS_Poll,
  465. .hentry .CSS_Poll,
  466. .site .hentry .presentation-wrapper,
  467. .site .hentry .jetpack-recipe,
  468. .site .hentry .slideshow-window,
  469. .site .hentry .video-player {
  470. margin-bottom: 1.6em;
  471. }
  472. .site .tiled-gallery {
  473. margin-bottom: 1.6em;
  474. }
  475. .jetpack_subscription_widget #subscribe-email input {
  476. padding: 0.4583em;
  477. }
  478. .jetpack-video-wrapper {
  479. margin-bottom: 1.6em;
  480. }
  481. .widget-area .widget-grofile .grofile-thumbnail {
  482. max-width: 100%;
  483. }
  484. .widget_rss_links li,
  485. .widget_top-posts li,
  486. .widget_upcoming_events_widget li {
  487. padding: 0.4583em 0;
  488. }
  489. .comment-subscription-form {
  490. font-size: 12px;
  491. font-size: 1.2rem;
  492. }
  493. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  494. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  495. font-size: 1.2rem;
  496. font-size: 12px;
  497. line-height: 1.5;
  498. }
  499. .jp-relatedposts-post-img {
  500. margin-bottom: 0.6em;
  501. }
  502. }
  503. @media screen and (min-width: 68.75em) {
  504. .site .portfolio-entry {
  505. margin-bottom: 1.6471em
  506. }
  507. .site .portfolio-entry-title,
  508. .site .portfolio-entry-meta,
  509. .site .portfolio-entry-content {
  510. font-size: 1.4rem;
  511. font-size: 14px;
  512. }
  513. .site .portfolio-entry-content .more-link:after {
  514. top: 3px;
  515. }
  516. .site .hentry .gist .gist-file {
  517. margin-bottom: 1.75em;
  518. }
  519. .site .widget .gist .gist-file {
  520. margin-bottom: 1.3125em;
  521. }
  522. .hentry .fb_iframe_widget,
  523. .hentry .googlemaps,
  524. .hentry .PDS_Poll,
  525. .hentry .CSS_Poll,
  526. .site .hentry .presentation-wrapper,
  527. .site .hentry .jetpack-recipe,
  528. .site .hentry .slideshow-window,
  529. .site .hentry .video-player {
  530. margin-bottom: 1.6471em;
  531. }
  532. .site .tiled-gallery {
  533. margin-bottom: 1.6471em;
  534. }
  535. .jetpack_subscription_widget #subscribe-email input {
  536. padding: 0.5em;
  537. }
  538. .widget_rss_links li,
  539. .widget_top-posts li,
  540. .widget_upcoming_events_widget li {
  541. padding: 0.4643em 0;
  542. }
  543. .jetpack-video-wrapper {
  544. margin-bottom: 1.6471em;
  545. }
  546. .comment-subscription-form {
  547. font-size: 14px;
  548. font-size: 1.4rem;
  549. }
  550. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  551. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  552. font-size: 14px;
  553. font-size: 1.4rem;
  554. }
  555. .jp-relatedposts-post-img {
  556. margin-bottom: 0.6176em;
  557. }
  558. }
  559. @media screen and (min-width: 77.5em) {
  560. .site .portfolio-entry {
  561. margin-bottom: 1.6842em
  562. }
  563. .site .portfolio-entry-title,
  564. .site .portfolio-entry-meta,
  565. .site .portfolio-entry-content {
  566. font-size: 1.6rem;
  567. font-size: 16px;
  568. }
  569. .site .portfolio-entry-content .more-link:after {
  570. font-size: 24px;
  571. top: 0;
  572. }
  573. .site .hentry .gist .gist-file {
  574. margin-bottom: 2em;
  575. }
  576. .site .widget .gist .gist-file {
  577. margin-bottom: 1.5em;
  578. }
  579. .hentry .fb_iframe_widget,
  580. .hentry .googlemaps,
  581. .hentry .PDS_Poll,
  582. .hentry .CSS_Poll,
  583. .site .hentry .presentation-wrapper,
  584. .site .hentry .jetpack-recipe,
  585. .site .hentry .slideshow-window,
  586. .site .hentry .video-player {
  587. margin-bottom: 1.6842em;
  588. }
  589. .widget_rss_links li,
  590. .widget_top-posts li,
  591. .widget_upcoming_events_widget li {
  592. padding: 0.4688em 0;
  593. }
  594. .site .tiled-gallery {
  595. margin-bottom: 1.6842em;
  596. }
  597. .jetpack-video-wrapper {
  598. margin-bottom: 1.6842em;
  599. }
  600. .hentry div.sharedaddy h3.sd-title,
  601. .hentry div#jp-relatedposts h3.jp-relatedposts-headline {
  602. font-size: 13px;
  603. font-size: 1.3rem;
  604. }
  605. .comment-subscription-form {
  606. font-size: 16px;
  607. font-size: 1.6rem;
  608. }
  609. .hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
  610. .hentry div#jp-relatedposts div.jp-relatedposts-items p {
  611. font-size: 16px;
  612. font-size: 1.6rem;
  613. line-height: 1.5em;
  614. }
  615. .jp-relatedposts-post-img {
  616. margin-bottom: 0.6315em;
  617. }
  618. }