editor-blocks.css 23 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015
  1. /*
  2. * Theme Name: Libretto
  3. * Description: Gutenberg Block Editor Styles
  4. */
  5. /*--------------------------------------------------------------
  6. >>> TABLE OF CONTENTS:
  7. ----------------------------------------------------------------
  8. 1.0 General Typography
  9. 2.0 General Block Styles
  10. 3.0 Blocks - Common Blocks
  11. 4.0 Blocks - Formatting
  12. 5.0 Blocks - Layout Elements
  13. 6.0 Blocks - Widgets
  14. --------------------------------------------------------------*/
  15. /*--------------------------------------------------------------
  16. 1.0 General Typography
  17. --------------------------------------------------------------*/
  18. .edit-post-visual-editor .editor-block-list__block,
  19. .edit-post-visual-editor .editor-block-list__block p,
  20. .editor-default-block-appender textarea.editor-default-block-appender__content {
  21. font-family: "Libre Baskerville", Baskerville, "Book Antiqua", Georgia, Times, serif;
  22. font-size: 17px;
  23. line-height: 2;
  24. }
  25. .edit-post-visual-editor .editor-block-list__block {
  26. color: #363431;
  27. }
  28. .alignleft,
  29. .editor-block-list__layout .editor-block-list__block[data-align=left] .editor-block-list__block-edit {
  30. display: inline;
  31. float: left;
  32. margin: 0 1.5em 0.5em 0;
  33. }
  34. .alignright,
  35. .editor-block-list__layout .editor-block-list__block[data-align=right] .editor-block-list__block-edit {
  36. display: inline;
  37. float: right;
  38. margin: 0 0 0.5em 1.5em;
  39. }
  40. .aligncenter,
  41. .editor-block-list__layout .editor-block-list__block[data-align=center] .editor-block-list__block-edit {
  42. margin-left: auto;
  43. margin-right: auto;
  44. }
  45. .wp-block > p:not(.no-emphasis):first-of-type + p,
  46. .page:not(.post-password-required) .entry-content > p:not(.no-emphasis):first-of-type + p,
  47. .emphasis + p {
  48. clear: left;
  49. }
  50. /* Title */
  51. .editor-post-title__block .editor-post-title__input {
  52. border: none;
  53. color: #787065;
  54. font-family: "Playfair Display";
  55. font-size: 44px;
  56. font-style: normal;
  57. font-weight: normal;
  58. letter-spacing: 0;
  59. line-height: 1.2;
  60. margin: 0;
  61. padding: 0;
  62. text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
  63. text-transform: none;
  64. }
  65. /* Headings */
  66. .edit-post-visual-editor h1,
  67. .wp-block-freeform.block-library-rich-text__tinymce h1,
  68. .edit-post-visual-editor h2,
  69. .wp-block-freeform.block-library-rich-text__tinymce h2,
  70. .edit-post-visual-editor h3,
  71. .wp-block-freeform.block-library-rich-text__tinymce h3,
  72. .edit-post-visual-editor h4,
  73. .wp-block-freeform.block-library-rich-text__tinymce h4,
  74. .edit-post-visual-editor h5,
  75. .wp-block-freeform.block-library-rich-text__tinymce h5,
  76. .edit-post-visual-editor h6,
  77. .wp-block-freeform.block-library-rich-text__tinymce h6 {
  78. clear: both;
  79. line-height: 1.6;
  80. font-weight: normal;
  81. }
  82. .edit-post-visual-editor h1,
  83. .wp-block-freeform.block-library-rich-text__tinymce h1 {
  84. color: #a09a92;
  85. font-family: "Playfair Display", Georgia, serif;
  86. font-size: 44px;
  87. font-style: italic;
  88. margin: 1em 0 0.5em;
  89. }
  90. .edit-post-visual-editor h2,
  91. .wp-block-freeform.block-library-rich-text__tinymce h2 {
  92. border-bottom: 1px solid #787065;
  93. color: #787065;
  94. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  95. font-size: 21px;
  96. letter-spacing: 2px;
  97. margin: 4em 0 2em;
  98. padding-bottom: 0.5em;
  99. text-transform: uppercase;
  100. }
  101. .edit-post-visual-editor h3,
  102. .wp-block-freeform.block-library-rich-text__tinymce h3 {
  103. color: #a09a92;
  104. font-size: 25px;
  105. font-style: italic;
  106. margin: 2em 0 1em;
  107. }
  108. .edit-post-visual-editor h4,
  109. .wp-block-freeform.block-library-rich-text__tinymce h4 {
  110. color: #787065;
  111. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  112. font-size: 16px;
  113. letter-spacing: 1px;
  114. margin: 3em 0 1.5em;
  115. text-transform: uppercase;
  116. }
  117. .edit-post-visual-editor h5,
  118. .wp-block-freeform.block-library-rich-text__tinymce h5 {
  119. color: #a09a92;
  120. font-size: 21px;
  121. font-style: italic;
  122. margin: 1.5em 0 0.75em;
  123. }
  124. .edit-post-visual-editor h6,
  125. .wp-block-freeform.block-library-rich-text__tinymce h6 {
  126. color: #787065;
  127. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  128. font-size: 14px;
  129. letter-spacing: 1px;
  130. margin: 1.5em 0 0.75em;
  131. text-transform: uppercase;
  132. }
  133. /*--------------------------------------------------------------
  134. 2.0 General Block Styles
  135. --------------------------------------------------------------*/
  136. /* Main column width */
  137. .wp-block {
  138. max-width: 710px; /* 680px + 30px to account for padding */
  139. }
  140. /* Background color */
  141. .edit-post-layout__content .edit-post-visual-editor {
  142. background-color: #faf9f5;
  143. }
  144. /* Link styles */
  145. .edit-post-visual-editor a,
  146. .editor-block-list__block a,
  147. .wp-block-freeform.block-library-rich-text__tinymce a {
  148. color: #932817;
  149. text-decoration: none;
  150. }
  151. .edit-post-visual-editor a:hover,
  152. .edit-post-visual-editor a:focus,
  153. .edit-post-visual-editor a:active,
  154. .editor-block-list__block a:hover,
  155. .editor-block-list__block a:focus,
  156. .editor-block-list__block a:active,
  157. .wp-block-freeform.block-library-rich-text__tinymce a:hover,
  158. .wp-block-freeform.block-library-rich-text__tinymce a:focus,
  159. .wp-block-freeform.block-library-rich-text__tinymce a:active {
  160. color: #712012;
  161. }
  162. /* List styles */
  163. .block-library-list .editor-rich-text__tinymce {
  164. margin: 0;
  165. padding: 0;
  166. }
  167. .edit-post-visual-editor ul:not(.wp-block-gallery),
  168. .editor-block-list__block ul:not(.wp-block-gallery),
  169. .block-library-list ul {
  170. list-style: disc outside;
  171. }
  172. .edit-post-visual-editor ul:not(.wp-block-gallery) ul,
  173. .editor-block-list__block ul:not(.wp-block-gallery) ul,
  174. .block-library-list ul ul {
  175. list-style: circle outside;
  176. }
  177. .edit-post-visual-editor ol,
  178. .editor-block-list__block ol,
  179. .block-library-list ol.editor-rich-text__tinymce {
  180. list-style: decimal outside;
  181. }
  182. .edit-post-visual-editor ol ol,
  183. .editor-block-list__block ol ol,
  184. .block-library-list ol.editor-rich-text__tinymce ol {
  185. list-style: lower-alpha outside;
  186. }
  187. .edit-post-visual-editor ul:not(.wp-block-gallery) li > ul,
  188. .editor-block-list__block ul:not(.wp-block-gallery) li > ul,
  189. .block-library-list li > ul,
  190. .edit-post-visual-editor li > ol,
  191. .editor-block-list__block li > ol,
  192. .block-library-list li > ol {
  193. margin-bottom: 0;
  194. margin-left: 1em;
  195. }
  196. .rtl .edit-post-visual-editor ul:not(.wp-block-gallery),
  197. .rtl .editor-block-list__block ul:not(.wp-block-gallery),
  198. .rtl .block-library-list ul,
  199. .rtl .edit-post-visual-editor ol,
  200. .rtl .editor-block-list__block ol,
  201. .rtl .block-library-list ol.editor-rich-text__tinymce {
  202. margin-left: 0;
  203. margin-right: 1em;
  204. padding: 0;
  205. }
  206. /* Captions */
  207. [class^="wp-block-"] figcaption {
  208. color: #a09a92;
  209. font-size: 16px;
  210. font-style: italic;
  211. line-height: 1.2;
  212. text-align: center;
  213. }
  214. .wp-block-freeform.block-library-rich-text__tinymce address {
  215. margin-top: 0.75em;
  216. margin-bottom: 0.75em;
  217. }
  218. .wp-block-freeform.block-library-rich-text__tinymce ol {
  219. list-style: decimal;
  220. margin-left: 3em;
  221. padding: 0;
  222. }
  223. .wp-block-freeform.block-library-rich-text__tinymce li > ol {
  224. margin-left: 1.5em;
  225. }
  226. .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
  227. color: #ebe7e1;
  228. content: "\201C";
  229. display: block;
  230. font-size: 208px;
  231. font-style: normal;
  232. left: -35px;
  233. line-height: 1;
  234. position: absolute;
  235. top: -40px;
  236. z-index: -1;
  237. }
  238. .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote:before {
  239. content: "\201D";
  240. right: -35px;
  241. left: auto;
  242. }
  243. .wp-block-freeform.block-library-rich-text__tinymce blockquote {
  244. border: 0;
  245. color: #a09a92;
  246. font-family: "Playfair Display", Georgia, serif;
  247. font-size: 28px;
  248. font-style: italic;
  249. position: relative;
  250. z-index: 2;
  251. }
  252. .wp-block-freeform.block-library-rich-text__tinymce blockquote p {
  253. line-height: 1.4;
  254. }
  255. .wp-block-freeform.block-library-rich-text__tinymce blockquote > :last-child {
  256. margin-bottom: 0;
  257. }
  258. .wp-block-freeform.block-library-rich-text__tinymce blockquote cite {
  259. color: #787065;
  260. display: block;
  261. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  262. font-size: 16px;
  263. font-style: normal;
  264. letter-spacing: 1px;
  265. margin-top: 1em;
  266. text-transform: uppercase;
  267. text-align: right;
  268. width: 100%;
  269. }
  270. .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote {
  271. margin-right: 0;
  272. padding-left: 0;
  273. padding-right: 1.5em;
  274. }
  275. .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignleft {
  276. float: left;
  277. }
  278. .rtl .wp-block-freeform.block-library-rich-text__tinymce .alignright {
  279. float: right;
  280. }
  281. .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignleft {
  282. margin: .75em 1.5em .75em 0;
  283. }
  284. .rtl .wp-block-freeform.block-library-rich-text__tinymce blockquote.alignright {
  285. margin: .75em 0 .75em 1.5em;
  286. }
  287. .wp-block-freeform.block-library-rich-text__tinymce pre {
  288. background: #d9d6d0;
  289. font-family: "Droid Sans Mono", "Andale Mono", Consolas, "DejaVu Sans Mono", monospace;
  290. font-size: 16px;
  291. line-height: 1.6;
  292. margin-bottom: 1.6em;
  293. max-width: 100%;
  294. padding: 1.6em;
  295. white-space: pre;
  296. white-space: pre-wrap;
  297. }
  298. .wp-block-freeform.block-library-rich-text__tinymce table {
  299. border-collapse: collapse;
  300. border: 0;
  301. font-size: 0.85em;
  302. line-height: 1.4;
  303. margin: 0.5em 0 1.5em;
  304. width: 100%;
  305. }
  306. .wp-block-freeform.block-library-rich-text__tinymce .alternate {
  307. background: transparent;
  308. }
  309. .wp-block-freeform.block-library-rich-text__tinymce table tr:nth-of-type(odd) td {
  310. background: rgba(255, 255, 255, 0.5);
  311. }
  312. .wp-block-freeform.block-library-rich-text__tinymce table td {
  313. border: 0;
  314. border-bottom: 1px solid #d9d6d0;
  315. padding: 0.8em 1em;
  316. }
  317. .wp-block-freeform.block-library-rich-text__tinymce table thead:nth-of-type(odd) tr td {
  318. background: none;
  319. }
  320. .wp-block-freeform.block-library-rich-text__tinymce table th {
  321. border: 0;
  322. border-bottom: 1px solid #d9d6d0;
  323. font-style: italic;
  324. font-weight: normal;
  325. padding: 0.8em 1em;
  326. text-align: left;
  327. }
  328. .wp-block-freeform.block-library-rich-text__tinymce table thead th {
  329. color: #a09a92;
  330. font-style: normal;
  331. font-weight: bold;
  332. }
  333. .rtl .wp-block-freeform.block-library-rich-text__tinymce table th {
  334. text-align: right;
  335. }
  336. /* Preformatted */
  337. .editor-block-list__block .wp-block-preformatted pre {
  338. background: #d9d6d0;
  339. font-family: "Droid Sans Mono", "Andale Mono", Consolas, "DejaVu Sans Mono", monospace;
  340. font-size: 16px;
  341. line-height: 1.6;
  342. margin-bottom: 1.6em;
  343. max-width: 100%;
  344. padding: 1.6em;
  345. white-space: pre;
  346. white-space: pre-wrap;
  347. }
  348. /* Definition List styles */
  349. .wp-block-freeform.block-library-rich-text__tinymce dt {
  350. font-weight: bold;
  351. }
  352. /*--------------------------------------------------------------
  353. 3.0 Blocks - Common Blocks
  354. --------------------------------------------------------------*/
  355. /* Paragraph */
  356. .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
  357. color: #b7b1a9;
  358. display: inline-block;
  359. float: left;
  360. font-family: "Playfair Display";
  361. font-size: 70px;
  362. font-style: normal;
  363. font-weight: 700;
  364. line-height: 40px;
  365. margin: 6px 10px 0 -5px;
  366. }
  367. .rtl .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
  368. float: right;
  369. margin: 6px -5px 0 10px;
  370. }
  371. @media only screen and (min-width: 641px) {
  372. .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
  373. font-size: 121px;
  374. line-height: 70px;
  375. margin: 6px 10px 0 -5px;
  376. }
  377. .rtl .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
  378. margin: 6px -5px 0 10px;
  379. }
  380. }
  381. .edit-post-visual-editor p {
  382. margin: 0 0 1.5em;
  383. }
  384. .edit-post-visual-editor blockquote p {
  385. margin: 0 0 1.5em;
  386. }
  387. /* Theme has built-in dropcaps and emphasis on the first line of each paragraph */
  388. /* Drop cap and first line */
  389. .editor-writing-flow .editor-block-list__block[data-type="core/paragraph"]:first-of-type .wp-block-paragraph[data-is-placeholder-visible="false"]:not(.no-emphasis):not(:focus):first-letter,
  390. .emphasis:first-letter {
  391. color: #b7b1a9;
  392. display: inline-block;
  393. float: left;
  394. font-family: "Playfair Display";
  395. font-size: 70px;
  396. font-style: normal;
  397. font-weight: 700;
  398. line-height: 40px;
  399. margin: 6px 10px 0 -5px;
  400. }
  401. .editor-writing-flow .editor-block-list__block[data-type="core/paragraph"]:first-of-type .wp-block-paragraph[data-is-placeholder-visible="false"]:not(:focus):not(.no-emphasis):first-line,
  402. .emphasis:first-line {
  403. color: #787065;
  404. font-family: "Playfair Display SC";
  405. font-size: 1em;
  406. font-style: normal !important; /* Cheat to preserve visual sanity */
  407. font-weight: bold;
  408. letter-spacing: 2px;
  409. }
  410. .editor-writing-flow .editor-block-list__block[data-type="core/paragraph"]:first-of-type:not(:focus) .wp-block-paragraph[data-is-placeholder-visible="false"]:not(:focus):not(.no-emphasis)::after,
  411. .emphasis::after {
  412. clear: both;
  413. content: "";
  414. display: block;
  415. }
  416. /*
  417. Browser hack that targets Safari only, to prevent first line from disappearing.
  418. See: https://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-only-not-chrome
  419. */
  420. @media not all and (min-resolution:.001dpcm) { @media {
  421. .editor-writing-flow .editor-block-list__block[data-type="core/paragraph"]:first-of-type:not(:focus) .wp-block-paragraph:not(.no-emphasis):first-letter:after,
  422. .emphasis:first-letter:after; {
  423. display: inline-block;
  424. }
  425. } }
  426. /* Images */
  427. .wp-block-image figcaption {
  428. color: #a09a92;
  429. font-size: 16px;
  430. font-style: italic;
  431. line-height: 1.2;
  432. text-align: center;
  433. }
  434. /* Quote */
  435. .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) {
  436. margin: 0 0 .75em;
  437. border: 0;
  438. padding: 0;
  439. }
  440. .wp-block-quote:before,
  441. .rtl .wp-block-quote[style*="text-align:left"]:before,
  442. .rtl .wp-block-quote[style*="text-align: left"]:before {
  443. color: #ebe7e1;
  444. content: "\201C";
  445. display: block;
  446. font-size: 208px;
  447. font-style: normal;
  448. left: -35px;
  449. line-height: 1;
  450. position: absolute;
  451. top: -40px;
  452. z-index: -1;
  453. }
  454. .rtl .wp-block-quote:before,
  455. .wp-block-quote[style*="text-align:right"]:before,
  456. .wp-block-quote[style*="text-align: right"]:before {
  457. content: "\201D";
  458. left: auto;
  459. right: -35px;
  460. }
  461. .editor-block-list__block .wp-block-quote {
  462. color: #a09a92;
  463. font-family: "Playfair Display", Georgia, serif;
  464. font-size: 28px;
  465. font-style: italic;
  466. line-height: 1.4;
  467. position: relative;
  468. z-index: 2;
  469. }
  470. .edit-post-visual-editor .editor-block-list__block blockquote p {
  471. font-family: "Playfair Display", Georgia, serif;
  472. color: #a09a92;
  473. font-size: 26px;
  474. font-style: italic;
  475. }
  476. .editor-block-list__block .wp-block-quote__citation {
  477. color: #787065;
  478. display: block;
  479. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  480. font-size: 16px;
  481. font-style: normal;
  482. letter-spacing: 1px;
  483. margin-top: 1em;
  484. text-transform: uppercase;
  485. text-align: right;
  486. width: 100%;
  487. }
  488. .editor-block-list__block .wp-block-quote__citation::before {
  489. content: "\2013";
  490. display: inline;
  491. }
  492. .editor-block-list__block .wp-block-quote em,
  493. .editor-block-list__block .wp-block-quote i {
  494. font-style: normal;
  495. }
  496. .editor-block-list__block .wp-block-quote > :last-child {
  497. margin-bottom: 0;
  498. }
  499. .editor-block-list__block .wp-block-quote.alignleft {
  500. background: #fff;
  501. border-bottom: 1px solid #ebe7e1;
  502. border-top: 2px solid #a09a92;
  503. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  504. font-size: 27px;
  505. font-size: 2.7rem;
  506. max-width: 75%;
  507. padding: 0.5em;
  508. margin: .75em 1.5em .75em 0;
  509. }
  510. .editor-block-list__block .wp-block-quote.alignright {
  511. background: #fff;
  512. border-bottom: 1px solid #ebe7e1;
  513. border-top: 2px solid #a09a92;
  514. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  515. font-size: 27px;
  516. max-width: 75%;
  517. padding: 0.5em;
  518. margin: .75em 0 .75em 1.5em;
  519. }
  520. .editor-block-list__block .wp-block-quote.aligncenter {
  521. margin-bottom: .75em;
  522. }
  523. .wp-block-quote.is-large,
  524. .wp-block-quote.is-style-large {
  525. font-size: 32px;
  526. margin: 0 .75em .75em;
  527. padding: 0;
  528. }
  529. .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large,
  530. .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large,
  531. .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-large p,
  532. .edit-post-visual-editor .editor-block-list__block .wp-block-quote.is-style-large p {
  533. font-size: 32px;
  534. }
  535. .editor-block-list__block .wp-block-quote.is-large p,
  536. .editor-block-list__block .wp-block-quote.is-style-large p {
  537. margin-bottom: .4em;
  538. font-style: normal;
  539. }
  540. /* Cover */
  541. .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-image-text,
  542. .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image .wp-block-cover-text,
  543. .edit-post-visual-editor .editor-block-list__block .wp-block-cover-image h2,
  544. .edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-image-text,
  545. .edit-post-visual-editor .editor-block-list__block .wp-block-cover .wp-block-cover-text,
  546. .edit-post-visual-editor .editor-block-list__block .wp-block-cover h2 {
  547. font-size: 2.0em; /* Cover images inherit the paragraph size; this resets it */
  548. }
  549. /* File */
  550. .wp-block-file__textlink {
  551. color: #932817;
  552. }
  553. .wp-block-file {
  554. margin: 1.5em 0;
  555. }
  556. .wp-block-file .wp-block-file__button {
  557. border-radius: 0;
  558. background: #a09a92;
  559. border: 1px solid #eae9e6;
  560. color: #eae9e6;
  561. font-size: 12px;
  562. letter-spacing: 1px;
  563. line-height: 24px;
  564. outline: 4px solid #a09a92;
  565. padding: 7px 14px;
  566. position: relative;
  567. text-transform: uppercase;
  568. }
  569. .wp-block-file .wp-block-file__button:hover,
  570. .wp-block-file .wp-block-file__button:focus {
  571. background: #a09a92;
  572. color: #faf9f5;
  573. outline: 2px solid #a09a92;
  574. }
  575. .wp-block-file .wp-block-file__button:active {
  576. background: #363431;
  577. outline: 5px solid #363431;
  578. }
  579. .rtl .wp-block-file .wp-block-file__button {
  580. margin-left: .75em;
  581. margin-right: 0;
  582. }
  583. /*--------------------------------------------------------------
  584. 4.0 Blocks - Formatting
  585. --------------------------------------------------------------*/
  586. /* Verse */
  587. .wp-block-verse pre {
  588. background: transparent;
  589. color: inherit;
  590. font-family: inherit;
  591. font-size: inherit;
  592. font-style: italic;
  593. line-height: inherit;
  594. margin-bottom: 1.5em;
  595. max-width: 100%;
  596. overflow: auto;
  597. padding: 0;
  598. }
  599. /* Code */
  600. .wp-block-code {
  601. background: #d9d6d0;
  602. font-family: "Droid Sans Mono", "Andale Mono", Consolas, "DejaVu Sans Mono", monospace;
  603. font-size: 16px;
  604. line-height: 1.6;
  605. margin-bottom: 1.6em;
  606. max-width: 100%;
  607. padding: 1.6em;
  608. white-space: pre;
  609. white-space: pre-wrap;
  610. }
  611. .wp-block-code textarea {
  612. background: #d9d6d0;
  613. }
  614. /* Classic */
  615. .wp-block-freeform.block-library-rich-text__tinymce {
  616. overflow: visible;
  617. }
  618. /* Pullquote */
  619. .editor-block-list__block .wp-block-pullquote blockquote {
  620. margin: 0;
  621. padding: 0;
  622. border: 0;
  623. }
  624. .edit-post-visual-editor .wp-block-pullquote p {
  625. font-size: 24px;
  626. }
  627. .wp-block-pullquote blockquote:before {
  628. display: none;
  629. }
  630. .wp-block-pullquote {
  631. color: #a09a92;
  632. border-top: 2px solid currentColor;
  633. border-bottom: 2px solid currentColor;
  634. font-style: italic;
  635. font-size: 27px;
  636. margin: 0 0 1.5em;
  637. padding: .75em 0;
  638. text-align: center;
  639. }
  640. .wp-block-pullquote blockquote {
  641. font-size: 27px;
  642. }
  643. .wp-block-pullquote.alignfull blockquote {
  644. padding-left: 1.5em;
  645. padding-right: 1.5em;
  646. }
  647. .wp-block-pullquote.alignleft,
  648. .wp-block-pullquote.alignright {
  649. background: #fff;
  650. border-bottom: 1px solid #ebe7e1;
  651. border-top: 2px solid #a09a92;
  652. box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  653. font-size: 27px;
  654. max-width: 75%;
  655. padding: 0.5em;
  656. }
  657. .wp-block-pullquote.alignleft cite,
  658. .wp-block-pullquote.alignright cite {
  659. display: block;
  660. width: 100%;
  661. text-align: right;
  662. }
  663. .wp-block-pullquote.alignleft blockquote,
  664. .wp-block-pullquote.alignright blockquote {
  665. border: 0;
  666. padding: 0;
  667. margin: 0;
  668. }
  669. .wp-block-pullquote.alignleft {
  670. margin-right: 1.5em;
  671. }
  672. .wp-block-pullquote.alignright {
  673. margin-left: 1.5em;
  674. }
  675. @media only screen and (min-width: 641px) {
  676. .rtl .wp-block-pullquote.alignleft,
  677. .wp-block-pullquote.alignleft {
  678. margin-left: -1.5em;
  679. }
  680. .rtl .wp-block-pullquote.alignright,
  681. .wp-block-pullquote.alignright {
  682. margin-right: -1.5em;
  683. }
  684. }
  685. @media only screen and (min-width: 860px) {
  686. .rtl .wp-block-pullquote.alignleft,
  687. .wp-block-pullquote.alignleft {
  688. margin-left: -6em;
  689. }
  690. .rtl .wp-block-pullquote.alignright,
  691. .wp-block-pullquote.alignright {
  692. margin-right: -6em;
  693. }
  694. }
  695. .wp-block-pullquote blockquote > .editor-rich-text p {
  696. font-size: 24px;
  697. margin-bottom: .75em;
  698. }
  699. .wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
  700. .wp-block-pullquote.alignright blockquote > .editor-rich-text p {
  701. font-size: 24px;
  702. }
  703. .wp-block-pullquote__citation,
  704. .wp-block-pullquote cite,
  705. .wp-block-pullquote footer {
  706. color: #a09a92;
  707. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  708. font-size: 18px;
  709. font-style: normal;
  710. font-weight: normal;
  711. letter-spacing: 1px;
  712. margin-top: 1em;
  713. text-transform: uppercase;
  714. text-align: center;
  715. }
  716. /* Table */
  717. .editor-block-list__block .wp-block-table__cell-content {
  718. padding: 0;
  719. }
  720. .editor-block-list__block table.wp-block-table {
  721. font-size: 0.85em;
  722. line-height: 1.4;
  723. margin: 0.5em 0 1.5em;
  724. }
  725. .editor-block-list__block table.wp-block-table tr:nth-of-type(odd) td {
  726. background: rgba(255, 255, 255, 0.5);
  727. }
  728. .editor-block-list__block table.wp-block-table td {
  729. border: 0;
  730. border-bottom: 1px solid #d9d6d0;
  731. padding: 0.8em 1em;
  732. }
  733. .editor-block-list__block table.wp-block-table thead:nth-of-type(odd) tr td {
  734. background: none;
  735. }
  736. .editor-block-list__block table.wp-block-table th {
  737. border: 0;
  738. font-style: italic;
  739. border-bottom: 1px solid #d9d6d0;
  740. padding: 0.8em 1em;
  741. text-align: left;
  742. }
  743. .editor-block-list__block table.wp-block-table thead th {
  744. border-width: 2px;
  745. color: #a09a92;
  746. font-style: normal;
  747. font-weight: bold;
  748. }
  749. .rtl .editor-block-list__block table.wp-block-table th {
  750. text-align: right;
  751. }
  752. /*--------------------------------------------------------------
  753. 5.0 Blocks - Layout Elements
  754. --------------------------------------------------------------*/
  755. /* Buttons */
  756. .wp-block-button .wp-block-button__link {
  757. font-size: 12px;
  758. letter-spacing: 1px;
  759. padding: 7px 14px;
  760. line-height: 24px;
  761. position: relative;
  762. text-transform: uppercase;
  763. }
  764. .wp-block-button__link {
  765. background: #a09a92;
  766. border: 1px solid #eae9e6;
  767. color: #eae9e6;
  768. }
  769. .wp-block-button__link:not(.has-background) {
  770. box-shadow: 0 0 0 4px #a09a92;
  771. }
  772. .wp-block-button .wp-block-button__link.has-background {
  773. padding: 11px 18px;
  774. }
  775. .is-style-outline .wp-block-button__link {
  776. box-shadow: none;
  777. }
  778. .is-style-outline .wp-block-button__link:not(.has-text-color) {
  779. color: #a09a92;
  780. }
  781. /* Separator */
  782. .wp-block-separator {
  783. background-color: #d9d6d0;
  784. border: 0;
  785. height: 1px;
  786. margin-bottom: 1.5em;
  787. }
  788. .wp-block-separator.is-style-wide {
  789. max-width: 100%;
  790. }
  791. /*--------------------------------------------------------------
  792. 6.0 Blocks - Widgets
  793. --------------------------------------------------------------*/
  794. /* General Widget styles */
  795. .edit-post-visual-editor [data-align="center"] .wp-block-categories__list,
  796. .edit-post-visual-editor [data-align="center"] .wp-block-archives,
  797. .edit-post-visual-editor [data-align="center"] .wp-block-lastest-posts {
  798. list-style-position: inside;
  799. }
  800. /* Categories */
  801. .editor-block-list__block[data-align=right] .wp-block-categories__list,
  802. .editor-block-list__block[data-align=left] .wp-block-categories__list {
  803. padding: 0;
  804. }
  805. /* Latest Comments */
  806. .wp-block-latest-comments {
  807. margin-left: 0;
  808. margin-right: 0;
  809. }
  810. .wp-block-latest-comments__comment {
  811. margin-bottom: 2em;
  812. }
  813. .wp-block-latest-comments__comment-meta {
  814. font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  815. font-size: 14px;
  816. font-weight: normal;
  817. letter-spacing: 1px;
  818. text-transform: uppercase;
  819. }
  820. .wp-block-latest-comments__comment-meta a {
  821. color: #363431;
  822. }
  823. .wp-block-latest-comments__comment-date {
  824. color: #787065;
  825. }
  826. .wp-block-latest-comments .avatar,
  827. .wp-block-latest-comments__comment-avatar {
  828. margin: 0;
  829. }
  830. .wp-block-latest-comments__comment-excerpt p:last-child {
  831. margin-bottom: 0;
  832. }
  833. .rtl .wp-block-latest-posts {
  834. margin-left: 0;
  835. margin-right: 0;
  836. }
  837. /* Latest Posts */
  838. .edit-post-visual-editor .wp-block-latest-posts.is-grid {
  839. list-style: none;
  840. margin-left: 0;
  841. margin-right: 0;
  842. }
  843. .edit-post-visual-editor .wp-block-latest-posts.is-grid li {
  844. margin-bottom: 1em;
  845. }