Нет описания

style-rtl.css 26KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035
  1. @charset "UTF-8";
  2. /**
  3. * Colors
  4. */
  5. /**
  6. * Breakpoints & Media Queries
  7. */
  8. /**
  9. * SCSS Variables.
  10. *
  11. * Please use variables from this sheet to ensure consistency across the UI.
  12. * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
  13. * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
  14. */
  15. /**
  16. * Colors
  17. */
  18. /**
  19. * Fonts & basic variables.
  20. */
  21. /**
  22. * Grid System.
  23. * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  24. */
  25. /**
  26. * Dimensions.
  27. */
  28. /**
  29. * Shadows.
  30. */
  31. /**
  32. * Editor widths.
  33. */
  34. /**
  35. * Block & Editor UI.
  36. */
  37. /**
  38. * Block paddings.
  39. */
  40. /**
  41. * React Native specific.
  42. * These variables do not appear to be used anywhere else.
  43. */
  44. /**
  45. * Breakpoint mixins
  46. */
  47. /**
  48. * Long content fade mixin
  49. *
  50. * Creates a fading overlay to signify that the content is longer
  51. * than the space allows.
  52. */
  53. /**
  54. * Focus styles.
  55. */
  56. /**
  57. * Applies editor left position to the selector passed as argument
  58. */
  59. /**
  60. * Styles that are reused verbatim in a few places
  61. */
  62. /**
  63. * Allows users to opt-out of animations via OS-level preferences.
  64. */
  65. /**
  66. * Reset default styles for JavaScript UI based pages.
  67. * This is a WP-admin agnostic reset
  68. */
  69. /**
  70. * Reset the WP Admin page styles for Gutenberg-like pages.
  71. */
  72. :root {
  73. --wp-admin-theme-color: #007cba;
  74. --wp-admin-theme-color-darker-10: #006ba1;
  75. --wp-admin-theme-color-darker-20: #005a87;
  76. --wp-admin-border-width-focus: 2px;
  77. }
  78. @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  79. :root {
  80. --wp-admin-border-width-focus: 1.5px;
  81. }
  82. }
  83. .editor-autocompleters__user .editor-autocompleters__no-avatar::before {
  84. /* stylelint-disable */
  85. font: normal 20px/1 dashicons;
  86. /* stylelint-enable */
  87. content: "";
  88. margin-left: 5px;
  89. vertical-align: middle;
  90. }
  91. .editor-autocompleters__user .editor-autocompleters__user-avatar {
  92. margin-left: 8px;
  93. flex-grow: 0;
  94. flex-shrink: 0;
  95. max-width: none;
  96. width: 24px;
  97. height: 24px;
  98. }
  99. .editor-autocompleters__user .editor-autocompleters__user-name {
  100. white-space: nowrap;
  101. text-overflow: ellipsis;
  102. overflow: hidden;
  103. max-width: 200px;
  104. flex-shrink: 0;
  105. flex-grow: 1;
  106. }
  107. .editor-autocompleters__user .editor-autocompleters__user-slug {
  108. margin-right: 8px;
  109. color: #757575;
  110. white-space: nowrap;
  111. text-overflow: ellipsis;
  112. overflow: none;
  113. max-width: 100px;
  114. flex-grow: 0;
  115. flex-shrink: 0;
  116. }
  117. .editor-autocompleters__user:hover .editor-autocompleters__user-slug {
  118. color: var(--wp-admin-theme-color);
  119. }
  120. .document-outline {
  121. margin: 20px 0;
  122. }
  123. .document-outline ul {
  124. margin: 0;
  125. padding: 0;
  126. }
  127. .document-outline__item {
  128. display: flex;
  129. margin: 4px 0;
  130. }
  131. .document-outline__item a {
  132. text-decoration: none;
  133. }
  134. .document-outline__item .document-outline__emdash::before {
  135. color: #ddd;
  136. margin-left: 4px;
  137. }
  138. .document-outline__item.is-h2 .document-outline__emdash::before {
  139. content: "—";
  140. }
  141. .document-outline__item.is-h3 .document-outline__emdash::before {
  142. content: "——";
  143. }
  144. .document-outline__item.is-h4 .document-outline__emdash::before {
  145. content: "———";
  146. }
  147. .document-outline__item.is-h5 .document-outline__emdash::before {
  148. content: "————";
  149. }
  150. .document-outline__item.is-h6 .document-outline__emdash::before {
  151. content: "—————";
  152. }
  153. .document-outline__button {
  154. cursor: pointer;
  155. background: none;
  156. border: none;
  157. display: flex;
  158. align-items: flex-start;
  159. margin: 0 -1px 0 0;
  160. padding: 2px 1px 2px 5px;
  161. color: #1e1e1e;
  162. text-align: right;
  163. border-radius: 2px;
  164. }
  165. .document-outline__button:disabled {
  166. cursor: default;
  167. }
  168. .document-outline__button:focus {
  169. box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  170. outline: 2px solid transparent;
  171. }
  172. .document-outline__level {
  173. background: #ddd;
  174. color: #1e1e1e;
  175. border-radius: 3px;
  176. font-size: 13px;
  177. padding: 1px 6px;
  178. margin-left: 4px;
  179. }
  180. .is-invalid .document-outline__level {
  181. background: #f0b849;
  182. }
  183. .document-outline__item-content {
  184. padding: 1px 0;
  185. }
  186. .components-editor-notices__dismissible,
  187. .components-editor-notices__pinned {
  188. position: relative;
  189. right: 0;
  190. top: 0;
  191. left: 0;
  192. color: #1e1e1e;
  193. }
  194. .components-editor-notices__dismissible .components-notice,
  195. .components-editor-notices__pinned .components-notice {
  196. box-sizing: border-box;
  197. margin: 0;
  198. border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  199. padding: 0 12px;
  200. min-height: 60px;
  201. }
  202. .components-editor-notices__dismissible .components-notice .components-notice__dismiss,
  203. .components-editor-notices__pinned .components-notice .components-notice__dismiss {
  204. margin-top: 12px;
  205. }
  206. .entities-saved-states__panel {
  207. box-sizing: border-box;
  208. background: #fff;
  209. position: fixed;
  210. z-index: 100001;
  211. top: 46px;
  212. bottom: 0;
  213. left: 0;
  214. right: 0;
  215. overflow: auto;
  216. box-sizing: border-box;
  217. }
  218. .entities-saved-states__panel *,
  219. .entities-saved-states__panel *::before,
  220. .entities-saved-states__panel *::after {
  221. box-sizing: inherit;
  222. }
  223. .entities-saved-states__panel .entities-saved-states__find-entity {
  224. display: none;
  225. }
  226. .entities-saved-states__panel .entities-saved-states__find-entity-small {
  227. display: block;
  228. }
  229. @media (min-width: 782px) {
  230. .entities-saved-states__panel {
  231. top: 32px;
  232. right: auto;
  233. width: 280px;
  234. border-right: 1px solid #ddd;
  235. }
  236. body.is-fullscreen-mode .entities-saved-states__panel {
  237. top: 0;
  238. }
  239. .entities-saved-states__panel .entities-saved-states__find-entity {
  240. display: block;
  241. }
  242. .entities-saved-states__panel .entities-saved-states__find-entity-small {
  243. display: none;
  244. }
  245. }
  246. .entities-saved-states__panel .entities-saved-states__panel-header {
  247. background: #fff;
  248. padding-right: 8px;
  249. padding-left: 8px;
  250. height: 61px;
  251. border-bottom: 1px solid #ddd;
  252. display: flex;
  253. align-items: center;
  254. align-content: space-between;
  255. }
  256. .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button {
  257. margin: auto;
  258. }
  259. .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon {
  260. position: absolute;
  261. left: 8px;
  262. }
  263. .entities-saved-states__panel .entities-saved-states__text-prompt {
  264. padding: 16px;
  265. padding-bottom: 4px;
  266. }
  267. .editor-error-boundary {
  268. margin: auto;
  269. max-width: 780px;
  270. padding: 20px;
  271. margin-top: 60px;
  272. box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25);
  273. }
  274. .editor-page-attributes__order {
  275. width: 100%;
  276. }
  277. .editor-page-attributes__order .components-base-control__field {
  278. display: flex;
  279. justify-content: space-between;
  280. align-items: center;
  281. }
  282. .editor-page-attributes__order input {
  283. width: 66px;
  284. }
  285. .editor-post-excerpt__textarea {
  286. width: 100%;
  287. margin-bottom: 10px;
  288. }
  289. .editor-post-featured-image {
  290. padding: 0;
  291. }
  292. .editor-post-featured-image__container {
  293. margin-bottom: 1em;
  294. position: relative;
  295. }
  296. .editor-post-featured-image .components-spinner {
  297. position: absolute;
  298. top: 50%;
  299. right: 50%;
  300. margin-top: -9px;
  301. margin-right: -9px;
  302. }
  303. .editor-post-featured-image .components-button + .components-button {
  304. display: block;
  305. margin-top: 1em;
  306. }
  307. .editor-post-featured-image .components-responsive-wrapper__content {
  308. max-width: 100%;
  309. width: auto;
  310. }
  311. .editor-post-featured-image__toggle,
  312. .editor-post-featured-image__preview {
  313. display: block;
  314. width: 100%;
  315. padding: 0;
  316. transition: all 0.1s ease-out;
  317. box-shadow: 0 0 0 0 var(--wp-admin-theme-color);
  318. }
  319. @media (prefers-reduced-motion: reduce) {
  320. .editor-post-featured-image__toggle,
  321. .editor-post-featured-image__preview {
  322. transition-duration: 0s;
  323. transition-delay: 0s;
  324. }
  325. }
  326. .editor-post-featured-image__preview {
  327. height: auto;
  328. }
  329. .editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus {
  330. box-shadow: 0 0 0 4px var(--wp-admin-theme-color);
  331. }
  332. .editor-post-featured-image__toggle {
  333. border-radius: 2px;
  334. background-color: #f0f0f0;
  335. min-height: 90px;
  336. line-height: 20px;
  337. padding: 8px 0;
  338. text-align: center;
  339. }
  340. .editor-post-featured-image__toggle:hover {
  341. background: #ddd;
  342. color: #1e1e1e;
  343. }
  344. .editor-post-format {
  345. flex-direction: column;
  346. align-items: stretch;
  347. width: 100%;
  348. }
  349. .editor-post-format__content {
  350. display: inline-flex;
  351. justify-content: space-between;
  352. align-items: center;
  353. width: 100%;
  354. }
  355. .editor-post-format__suggestion {
  356. text-align: left;
  357. font-size: 13px;
  358. }
  359. .editor-post-last-revision__title {
  360. width: 100%;
  361. font-weight: 600;
  362. }
  363. .editor-post-last-revision__title .dashicon {
  364. margin-left: 5px;
  365. }
  366. .components-button.editor-post-last-revision__title {
  367. height: 100%;
  368. }
  369. .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active {
  370. background: #f0f0f0;
  371. }
  372. .components-button.editor-post-last-revision__title:focus {
  373. box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  374. border-radius: 0;
  375. }
  376. .editor-post-locked-modal {
  377. height: auto;
  378. padding-left: 10px;
  379. padding-right: 10px;
  380. padding-top: 10px;
  381. max-width: 480px;
  382. }
  383. .editor-post-locked-modal .components-modal__header {
  384. height: 36px;
  385. }
  386. .editor-post-locked-modal .components-modal__content {
  387. height: auto;
  388. }
  389. .editor-post-locked-modal__buttons {
  390. margin-top: 10px;
  391. }
  392. .editor-post-locked-modal__buttons .components-button {
  393. margin-left: 5px;
  394. }
  395. .editor-post-locked-modal__avatar {
  396. float: right;
  397. margin: 5px;
  398. margin-left: 15px;
  399. }
  400. .editor-post-publish-button__button.has-changes-dot::before {
  401. background: currentcolor;
  402. border-radius: 4px;
  403. content: "";
  404. height: 8px;
  405. margin: auto -3px auto 5px;
  406. width: 8px;
  407. }
  408. .editor-post-publish-panel {
  409. background: #fff;
  410. }
  411. .editor-post-publish-panel__content {
  412. min-height: calc(100% - 144px);
  413. }
  414. .editor-post-publish-panel__content .components-spinner {
  415. display: block;
  416. margin: 100px auto 0;
  417. }
  418. .editor-post-publish-panel__header {
  419. background: #fff;
  420. padding-right: 16px;
  421. padding-left: 16px;
  422. height: 61px;
  423. border-bottom: 1px solid #ddd;
  424. display: flex;
  425. align-items: center;
  426. align-content: space-between;
  427. }
  428. .editor-post-publish-panel__header .components-button {
  429. width: 100%;
  430. justify-content: center;
  431. }
  432. .editor-post-publish-panel__header .has-icon {
  433. margin-right: auto;
  434. width: auto;
  435. }
  436. .components-site-card {
  437. display: flex;
  438. align-items: center;
  439. margin: 16px 0;
  440. }
  441. .components-site-icon {
  442. border: none;
  443. border-radius: 2px;
  444. margin-left: 12px;
  445. height: 36px;
  446. width: 36px;
  447. }
  448. .components-site-name {
  449. display: block;
  450. font-size: 14px;
  451. }
  452. .components-site-home {
  453. display: block;
  454. color: #757575;
  455. font-size: 12px;
  456. }
  457. .editor-post-publish-panel__header-publish-button,
  458. .editor-post-publish-panel__header-cancel-button {
  459. flex-grow: 1;
  460. }
  461. @media (min-width: 480px) {
  462. .editor-post-publish-panel__header-publish-button,
  463. .editor-post-publish-panel__header-cancel-button {
  464. max-width: 160px;
  465. }
  466. }
  467. .editor-post-publish-panel__header-publish-button {
  468. padding-left: 4px;
  469. }
  470. .editor-post-publish-panel__header-cancel-button {
  471. padding-right: 4px;
  472. }
  473. .editor-post-publish-panel__header-published {
  474. flex-grow: 1;
  475. }
  476. .editor-post-publish-panel__footer {
  477. padding: 16px;
  478. }
  479. .components-button.editor-post-publish-panel__toggle.is-primary {
  480. display: inline-flex;
  481. align-items: center;
  482. }
  483. .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon {
  484. display: none;
  485. }
  486. .components-button.editor-post-publish-panel__toggle.is-primary .dashicon {
  487. margin-left: -4px;
  488. }
  489. .editor-post-publish-panel__link {
  490. font-weight: 400;
  491. padding-right: 4px;
  492. }
  493. .editor-post-publish-panel__prepublish {
  494. padding: 16px;
  495. }
  496. .editor-post-publish-panel__prepublish strong {
  497. color: #1e1e1e;
  498. }
  499. .editor-post-publish-panel__prepublish .components-panel__body {
  500. background: #fff;
  501. margin-right: -16px;
  502. margin-left: -16px;
  503. }
  504. .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend {
  505. display: none;
  506. }
  507. .post-publish-panel__postpublish .components-panel__body {
  508. border-bottom: 1px solid #e0e0e0;
  509. border-top: none;
  510. }
  511. .post-publish-panel__postpublish-buttons {
  512. display: flex;
  513. align-content: space-between;
  514. flex-wrap: wrap;
  515. margin: -5px;
  516. }
  517. .post-publish-panel__postpublish-buttons > * {
  518. flex-grow: 1;
  519. margin: 5px;
  520. }
  521. .post-publish-panel__postpublish-buttons .components-button {
  522. height: auto;
  523. justify-content: center;
  524. padding: 3px 10px 4px;
  525. line-height: 1.6;
  526. text-align: center;
  527. white-space: normal;
  528. }
  529. .post-publish-panel__postpublish-buttons .components-clipboard-button {
  530. width: 100%;
  531. }
  532. .post-publish-panel__postpublish-post-address {
  533. margin-bottom: 16px;
  534. }
  535. .post-publish-panel__postpublish-post-address input[readonly] {
  536. padding: 10px;
  537. background: #ddd;
  538. overflow: hidden;
  539. text-overflow: ellipsis;
  540. }
  541. .post-publish-panel__postpublish-header {
  542. font-weight: 500;
  543. }
  544. .post-publish-panel__postpublish-subheader {
  545. margin: 0 0 8px;
  546. }
  547. .post-publish-panel__tip {
  548. color: #f0b849;
  549. }
  550. .editor-post-saved-state {
  551. display: flex;
  552. align-items: center;
  553. width: 28px;
  554. padding: 12px 4px;
  555. color: #757575;
  556. overflow: hidden;
  557. white-space: nowrap;
  558. }
  559. .editor-post-saved-state svg {
  560. display: inline-block;
  561. flex: 0 0 auto;
  562. fill: currentColor;
  563. margin-left: 8px;
  564. }
  565. @media (min-width: 600px) {
  566. .editor-post-saved-state {
  567. width: auto;
  568. padding: 8px 12px;
  569. text-indent: inherit;
  570. }
  571. .editor-post-saved-state svg {
  572. margin-left: 4px;
  573. }
  574. }
  575. .editor-post-taxonomies__hierarchical-terms-list {
  576. max-height: 14em;
  577. overflow: auto;
  578. margin-right: -6px;
  579. padding-right: 6px;
  580. margin-top: -6px;
  581. padding-top: 6px;
  582. }
  583. .editor-post-taxonomies__hierarchical-terms-choice {
  584. margin-bottom: 8px;
  585. }
  586. .editor-post-taxonomies__hierarchical-terms-subchoices {
  587. margin-top: 8px;
  588. margin-right: 16px;
  589. }
  590. .components-button.editor-post-taxonomies__hierarchical-terms-submit,
  591. .components-button.editor-post-taxonomies__hierarchical-terms-add {
  592. margin-top: 12px;
  593. }
  594. .editor-post-taxonomies__hierarchical-terms-label {
  595. display: inline-block;
  596. margin-top: 12px;
  597. }
  598. .editor-post-taxonomies__hierarchical-terms-input {
  599. margin-top: 8px;
  600. width: 100%;
  601. }
  602. .editor-post-taxonomies__hierarchical-terms-filter {
  603. margin-bottom: 8px;
  604. width: 100%;
  605. }
  606. .editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label {
  607. font-weight: 400;
  608. margin-bottom: 12px;
  609. }
  610. .editor-post-taxonomies__flat-term-most-used-list {
  611. margin: 0;
  612. }
  613. .editor-post-taxonomies__flat-term-most-used-list li {
  614. display: inline-block;
  615. margin-left: 8px;
  616. }
  617. .editor-post-taxonomies__flat-term-most-used-list .components-button {
  618. font-size: 12px;
  619. }
  620. .edit-post-text-editor__body textarea.editor-post-text-editor {
  621. border: 1px solid #949494;
  622. border-radius: 0;
  623. display: block;
  624. margin: 0;
  625. width: 100%;
  626. box-shadow: none;
  627. resize: none;
  628. overflow: hidden;
  629. font-family: Menlo, Consolas, monaco, monospace;
  630. line-height: 2.4;
  631. min-height: 200px;
  632. transition: border 0.1s ease-out, box-shadow 0.1s linear;
  633. padding: 16px;
  634. /* Fonts smaller than 16px causes mobile safari to zoom. */
  635. font-size: 16px !important;
  636. }
  637. @media (prefers-reduced-motion: reduce) {
  638. .edit-post-text-editor__body textarea.editor-post-text-editor {
  639. transition-duration: 0s;
  640. transition-delay: 0s;
  641. }
  642. }
  643. @media (min-width: 600px) {
  644. .edit-post-text-editor__body textarea.editor-post-text-editor {
  645. padding: 24px;
  646. }
  647. }
  648. @media (min-width: 600px) {
  649. .edit-post-text-editor__body textarea.editor-post-text-editor {
  650. font-size: 15px !important;
  651. }
  652. }
  653. .edit-post-text-editor__body textarea.editor-post-text-editor:focus {
  654. border-color: var(--wp-admin-theme-color);
  655. box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  656. position: relative;
  657. }
  658. .edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder {
  659. color: rgba(30, 30, 30, 0.62);
  660. }
  661. .edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder {
  662. color: rgba(30, 30, 30, 0.62);
  663. opacity: 1;
  664. }
  665. .edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder {
  666. color: rgba(30, 30, 30, 0.62);
  667. }
  668. .edit-post-post-visibility__dialog,
  669. .editor-post-visibility__dialog-fieldset {
  670. padding: 4px;
  671. padding-top: 0;
  672. }
  673. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend,
  674. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend {
  675. font-weight: 600;
  676. margin-bottom: 1em;
  677. margin-top: 0.5em;
  678. padding: 0;
  679. }
  680. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
  681. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
  682. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  683. padding: 6px 8px;
  684. box-shadow: 0 0 0 transparent;
  685. transition: box-shadow 0.1s linear;
  686. border-radius: 2px;
  687. border: 1px solid #757575;
  688. /* Fonts smaller than 16px causes mobile safari to zoom. */
  689. font-size: 16px;
  690. /* Override core line-height. To be reviewed. */
  691. line-height: normal;
  692. border: 1px solid #1e1e1e;
  693. margin-left: 12px;
  694. transition: none;
  695. border-radius: 50%;
  696. width: 24px;
  697. height: 24px;
  698. margin-top: 2px;
  699. }
  700. @media (prefers-reduced-motion: reduce) {
  701. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
  702. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
  703. transition-duration: 0s;
  704. transition-delay: 0s;
  705. }
  706. }
  707. @media (min-width: 600px) {
  708. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
  709. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
  710. font-size: 13px;
  711. /* Override core line-height. To be reviewed. */
  712. line-height: normal;
  713. }
  714. }
  715. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
  716. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
  717. border-color: var(--wp-admin-theme-color);
  718. box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  719. outline: 2px solid transparent;
  720. }
  721. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder,
  722. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder {
  723. color: rgba(30, 30, 30, 0.62);
  724. }
  725. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder,
  726. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder {
  727. opacity: 1;
  728. color: rgba(30, 30, 30, 0.62);
  729. }
  730. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder,
  731. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder {
  732. color: rgba(30, 30, 30, 0.62);
  733. }
  734. @media (min-width: 600px) {
  735. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio],
  736. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] {
  737. height: 20px;
  738. width: 20px;
  739. }
  740. }
  741. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
  742. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
  743. box-sizing: inherit;
  744. width: 8px;
  745. height: 8px;
  746. transform: translate(-7px, 7px);
  747. margin: 0;
  748. background-color: #fff;
  749. border: 4px solid #fff;
  750. }
  751. @media (min-width: 600px) {
  752. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before,
  753. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before {
  754. transform: translate(-5px, 5px);
  755. }
  756. }
  757. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus,
  758. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus {
  759. box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color);
  760. outline: 2px solid transparent;
  761. }
  762. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked,
  763. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked {
  764. background: var(--wp-admin-theme-color);
  765. border-color: var(--wp-admin-theme-color);
  766. }
  767. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label,
  768. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label {
  769. font-weight: 600;
  770. }
  771. .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info,
  772. .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info {
  773. margin-top: 0;
  774. margin-right: 32px;
  775. }
  776. .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info,
  777. .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
  778. margin-bottom: 0;
  779. }
  780. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
  781. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  782. padding: 6px 8px;
  783. box-shadow: 0 0 0 transparent;
  784. transition: box-shadow 0.1s linear;
  785. border-radius: 2px;
  786. border: 1px solid #757575;
  787. /* Fonts smaller than 16px causes mobile safari to zoom. */
  788. font-size: 16px;
  789. /* Override core line-height. To be reviewed. */
  790. line-height: normal;
  791. margin-right: 36px;
  792. margin-top: 8px;
  793. }
  794. @media (prefers-reduced-motion: reduce) {
  795. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
  796. transition-duration: 0s;
  797. transition-delay: 0s;
  798. }
  799. }
  800. @media (min-width: 600px) {
  801. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] {
  802. font-size: 13px;
  803. /* Override core line-height. To be reviewed. */
  804. line-height: normal;
  805. }
  806. }
  807. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus {
  808. border-color: var(--wp-admin-theme-color);
  809. box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
  810. outline: 2px solid transparent;
  811. }
  812. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder {
  813. color: rgba(30, 30, 30, 0.62);
  814. }
  815. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder {
  816. opacity: 1;
  817. color: rgba(30, 30, 30, 0.62);
  818. }
  819. .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder {
  820. color: rgba(30, 30, 30, 0.62);
  821. }
  822. .editor-post-title {
  823. position: relative;
  824. }
  825. .editor-post-title .editor-post-title__input {
  826. display: block;
  827. width: 100%;
  828. margin: 0;
  829. box-shadow: none;
  830. background: transparent;
  831. transition: border 0.1s ease-out, box-shadow 0.1s linear;
  832. padding: 19px 0;
  833. word-break: keep-all;
  834. font-family: inherit;
  835. color: inherit;
  836. border: 1px solid transparent;
  837. border-right-width: 0;
  838. border-left-width: 0;
  839. border-radius: 0;
  840. outline: 1px solid transparent;
  841. font-size: 2.44em;
  842. font-weight: 800;
  843. line-height: 1.4;
  844. }
  845. @media (prefers-reduced-motion: reduce) {
  846. .editor-post-title .editor-post-title__input {
  847. transition-duration: 0s;
  848. transition-delay: 0s;
  849. }
  850. }
  851. @media (min-width: 600px) {
  852. .editor-post-title .editor-post-title__input {
  853. border-width: 1px;
  854. }
  855. }
  856. .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
  857. color: rgba(30, 30, 30, 0.62);
  858. }
  859. .editor-post-title .editor-post-title__input::-moz-placeholder {
  860. color: rgba(30, 30, 30, 0.62);
  861. opacity: 1;
  862. }
  863. .editor-post-title .editor-post-title__input:-ms-input-placeholder {
  864. color: rgba(30, 30, 30, 0.62);
  865. }
  866. .is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder {
  867. color: rgba(255, 255, 255, 0.65);
  868. }
  869. .is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder {
  870. opacity: 1;
  871. color: rgba(255, 255, 255, 0.65);
  872. }
  873. .is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder {
  874. color: rgba(255, 255, 255, 0.65);
  875. }
  876. .editor-post-title .editor-post-title__input:focus {
  877. border: 1px solid transparent;
  878. outline: 1px solid transparent;
  879. box-shadow: none;
  880. }
  881. .editor-post-title.is-focus-mode .editor-post-title__input {
  882. opacity: 0.5;
  883. transition: opacity 0.1s linear;
  884. }
  885. @media (prefers-reduced-motion: reduce) {
  886. .editor-post-title.is-focus-mode .editor-post-title__input {
  887. transition-duration: 0s;
  888. transition-delay: 0s;
  889. }
  890. }
  891. .editor-post-title.is-focus-mode .editor-post-title__input:focus {
  892. opacity: 1;
  893. }
  894. .editor-post-trash.components-button {
  895. margin-top: 4px;
  896. }
  897. .table-of-contents__popover.components-popover .components-popover__content {
  898. min-width: 380px;
  899. }
  900. .components-popover.table-of-contents__popover {
  901. z-index: 99998;
  902. }
  903. .table-of-contents__popover .components-popover__content > div {
  904. padding: 16px;
  905. }
  906. @media (min-width: 600px) {
  907. .table-of-contents__popover .components-popover__content {
  908. max-height: calc(100vh - 120px);
  909. overflow-y: auto;
  910. }
  911. }
  912. .table-of-contents__popover hr {
  913. margin: 10px -16px 0;
  914. }
  915. .table-of-contents__wrapper:focus::before {
  916. content: "";
  917. display: block;
  918. position: absolute;
  919. top: 0;
  920. left: 0;
  921. bottom: 0;
  922. right: 0;
  923. box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
  924. pointer-events: none;
  925. }
  926. .table-of-contents__counts {
  927. display: flex;
  928. flex-wrap: wrap;
  929. margin: 0;
  930. margin-top: -8px;
  931. }
  932. .table-of-contents__count {
  933. flex-basis: 33%;
  934. display: flex;
  935. flex-direction: column;
  936. font-size: 13px;
  937. color: #1e1e1e;
  938. padding-left: 8px;
  939. margin-bottom: 0;
  940. margin-top: 8px;
  941. }
  942. .table-of-contents__count:nth-child(4n) {
  943. padding-left: 0;
  944. }
  945. .table-of-contents__number,
  946. .table-of-contents__popover .word-count {
  947. font-size: 21px;
  948. font-weight: 400;
  949. line-height: 30px;
  950. color: #1e1e1e;
  951. }
  952. .table-of-contents__title {
  953. display: block;
  954. margin-top: 20px;
  955. font-size: 15px;
  956. font-weight: 600;
  957. }
  958. .editor-template-validation-notice {
  959. display: flex;
  960. justify-content: space-between;
  961. align-items: center;
  962. }
  963. .editor-template-validation-notice .components-button {
  964. margin-right: 5px;
  965. }