acf-pro-input.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732
  1. /*!************************************************************************************************************************************************************************************************************************!*\
  2. !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/advanced-custom-fields-pro/assets/src/sass/pro/acf-pro-input.scss ***!
  3. \************************************************************************************************************************************************************************************************************************/
  4. @charset "UTF-8";
  5. /*--------------------------------------------------------------------------------------------
  6. *
  7. * Vars
  8. *
  9. *--------------------------------------------------------------------------------------------*/
  10. /* colors */
  11. /* acf-field */
  12. /* responsive */
  13. /*--------------------------------------------------------------------------------------------
  14. *
  15. * ACF 6 ↓
  16. *
  17. *--------------------------------------------------------------------------------------------*/
  18. /*--------------------------------------------------------------------------------------------
  19. *
  20. * Mixins
  21. *
  22. *--------------------------------------------------------------------------------------------*/
  23. /*---------------------------------------------------------------------------------------------
  24. *
  25. * Repeater
  26. *
  27. *---------------------------------------------------------------------------------------------*/
  28. .acf-repeater {
  29. /* table */
  30. /* row handle (add/remove) */
  31. /* add in spacer to th (force correct width) */
  32. /* row */
  33. /* sortable */
  34. /* layouts */
  35. /*
  36. &.-row > table > tbody > tr:before,
  37. &.-block > table > tbody > tr:before {
  38. content: "";
  39. display: table-row;
  40. height: 2px;
  41. background: #f00;
  42. }
  43. */
  44. /* empty */
  45. /* collapsed */
  46. /* collapsed (block layout) */
  47. /* collapsed (table layout) */
  48. }
  49. .acf-repeater > table {
  50. margin: 0 0 8px;
  51. background: #F9F9F9;
  52. }
  53. .acf-repeater > table > tbody tr.acf-divider:not(:first-child) > td {
  54. border-top: 10px solid #EAECF0;
  55. }
  56. .acf-repeater .acf-row-handle {
  57. width: 16px;
  58. text-align: center !important;
  59. vertical-align: middle !important;
  60. position: relative;
  61. /* icons */
  62. /* .order */
  63. /* remove */
  64. }
  65. .acf-repeater .acf-row-handle .acf-order-input-wrap {
  66. width: 45px;
  67. }
  68. .acf-repeater .acf-row-handle .acf-order-input::-webkit-outer-spin-button,
  69. .acf-repeater .acf-row-handle .acf-order-input::-webkit-inner-spin-button {
  70. -webkit-appearance: none;
  71. margin: 0;
  72. }
  73. .acf-repeater .acf-row-handle .acf-order-input {
  74. -moz-appearance: textfield;
  75. text-align: center;
  76. }
  77. .acf-repeater .acf-row-handle .acf-icon {
  78. display: none;
  79. position: absolute;
  80. top: 0;
  81. margin: -8px 0 0 -2px;
  82. /* minus icon */
  83. }
  84. .acf-repeater .acf-row-handle .acf-icon.-minus {
  85. top: 50%;
  86. /* ie fix */
  87. }
  88. body.browser-msie .acf-repeater .acf-row-handle .acf-icon.-minus {
  89. top: 25px;
  90. }
  91. .acf-repeater .acf-row-handle.order {
  92. background: #f4f4f4;
  93. cursor: move;
  94. color: #aaa;
  95. text-shadow: #fff 0 1px 0;
  96. }
  97. .acf-repeater .acf-row-handle.order:hover {
  98. color: #666;
  99. }
  100. .acf-repeater .acf-row-handle.order + td {
  101. border-left-color: #DFDFDF;
  102. }
  103. .acf-repeater .acf-row-handle.pagination {
  104. cursor: auto;
  105. }
  106. .acf-repeater .acf-row-handle.remove {
  107. background: #F9F9F9;
  108. border-left-color: #DFDFDF;
  109. }
  110. .acf-repeater th.acf-row-handle:before {
  111. content: "";
  112. width: 16px;
  113. display: block;
  114. height: 1px;
  115. }
  116. .acf-repeater .acf-row {
  117. /* hide clone */
  118. /* hover */
  119. }
  120. .acf-repeater .acf-row.acf-clone {
  121. display: none !important;
  122. }
  123. .acf-repeater .acf-row:hover, .acf-repeater .acf-row.-hover {
  124. /* icons */
  125. }
  126. .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon, .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon {
  127. display: block;
  128. }
  129. .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon.show-on-shift, .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon.show-on-shift {
  130. display: none;
  131. }
  132. body.acf-keydown-shift .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon.show-on-shift, body.acf-keydown-shift .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon.show-on-shift {
  133. display: block;
  134. }
  135. body.acf-keydown-shift .acf-repeater .acf-row:hover > .acf-row-handle .acf-icon.hide-on-shift, body.acf-keydown-shift .acf-repeater .acf-row.-hover > .acf-row-handle .acf-icon.hide-on-shift {
  136. display: none;
  137. }
  138. .acf-repeater > table > tbody > tr.ui-sortable-helper {
  139. box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  140. }
  141. .acf-repeater > table > tbody > tr.ui-sortable-placeholder {
  142. visibility: visible !important;
  143. }
  144. .acf-repeater > table > tbody > tr.ui-sortable-placeholder td {
  145. background: #F9F9F9;
  146. }
  147. .acf-repeater.-row > table > tbody > tr > td, .acf-repeater.-block > table > tbody > tr > td {
  148. border-top-color: #E1E1E1;
  149. }
  150. .acf-repeater.-empty > table > thead > tr > th {
  151. border-bottom: 0 none;
  152. }
  153. .acf-repeater.-empty.-row > table, .acf-repeater.-empty.-block > table {
  154. display: none;
  155. }
  156. .acf-repeater .acf-row.-collapsed > .acf-field {
  157. display: none !important;
  158. }
  159. .acf-repeater .acf-row.-collapsed > td.acf-field.-collapsed-target {
  160. display: table-cell !important;
  161. }
  162. .acf-repeater .acf-row.-collapsed > .acf-fields > * {
  163. display: none !important;
  164. }
  165. .acf-repeater .acf-row.-collapsed > .acf-fields > .acf-field.-collapsed-target {
  166. display: block !important;
  167. }
  168. .acf-repeater .acf-row.-collapsed > .acf-fields > .acf-field.-collapsed-target[data-width] {
  169. float: none !important;
  170. width: auto !important;
  171. }
  172. .acf-repeater.-table .acf-row.-collapsed .acf-field.-collapsed-target {
  173. border-left-color: #dfdfdf;
  174. }
  175. .acf-repeater.-max .acf-icon[data-event=add-row] {
  176. display: none !important;
  177. }
  178. .acf-repeater .acf-actions .acf-button {
  179. float: right;
  180. }
  181. .acf-repeater .acf-actions .acf-tablenav {
  182. float: right;
  183. margin-right: 20px;
  184. }
  185. .acf-repeater .acf-actions .acf-tablenav .current-page {
  186. width: auto !important;
  187. }
  188. /*---------------------------------------------------------------------------------------------
  189. *
  190. * Flexible Content
  191. *
  192. *---------------------------------------------------------------------------------------------*/
  193. .acf-flexible-content {
  194. position: relative;
  195. }
  196. .acf-flexible-content > .clones {
  197. display: none;
  198. }
  199. .acf-flexible-content > .values {
  200. margin: 0 0 8px;
  201. }
  202. .acf-flexible-content > .values > .ui-sortable-placeholder {
  203. visibility: visible !important;
  204. border: 1px dashed #b4b9be;
  205. box-shadow: none;
  206. background: transparent;
  207. }
  208. .acf-flexible-content .layout {
  209. position: relative;
  210. margin: 20px 0 0;
  211. background: #fff;
  212. border: 1px solid #ccd0d4;
  213. }
  214. .acf-flexible-content .layout:first-child {
  215. margin-top: 0;
  216. }
  217. .acf-flexible-content .layout .acf-fc-layout-handle {
  218. display: block;
  219. position: relative;
  220. padding: 8px 10px;
  221. cursor: move;
  222. border-bottom: #ccd0d4 solid 1px;
  223. color: #444;
  224. font-size: 14px;
  225. line-height: 1.4em;
  226. }
  227. .acf-flexible-content .layout .acf-fc-layout-order {
  228. display: block;
  229. width: 20px;
  230. height: 20px;
  231. border-radius: 10px;
  232. display: inline-block;
  233. text-align: center;
  234. line-height: 20px;
  235. margin: 0 2px 0 0;
  236. background: #F1F1F1;
  237. font-size: 12px;
  238. color: #444;
  239. }
  240. html[dir=rtl] .acf-flexible-content .layout .acf-fc-layout-order {
  241. float: right;
  242. margin-right: 0;
  243. margin-left: 5px;
  244. }
  245. .acf-flexible-content .layout .acf-fc-layout-controls {
  246. position: absolute;
  247. top: 8px;
  248. right: 8px;
  249. }
  250. .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon {
  251. display: block;
  252. float: left;
  253. margin: 0 0 0 5px;
  254. }
  255. .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-plus, .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-minus, .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-duplicate {
  256. visibility: hidden;
  257. }
  258. html[dir=rtl] .acf-flexible-content .layout .acf-fc-layout-controls {
  259. right: auto;
  260. left: 9px;
  261. }
  262. .acf-flexible-content .layout.is-selected {
  263. border-color: #7e8993;
  264. }
  265. .acf-flexible-content .layout.is-selected .acf-fc-layout-handle {
  266. border-color: #7e8993;
  267. }
  268. .acf-flexible-content .layout:hover .acf-fc-layout-controls .acf-icon.-plus, .acf-flexible-content .layout:hover .acf-fc-layout-controls .acf-icon.-minus, .acf-flexible-content .layout:hover .acf-fc-layout-controls .acf-icon.-duplicate, .acf-flexible-content .layout.-hover .acf-fc-layout-controls .acf-icon.-plus, .acf-flexible-content .layout.-hover .acf-fc-layout-controls .acf-icon.-minus, .acf-flexible-content .layout.-hover .acf-fc-layout-controls .acf-icon.-duplicate {
  269. visibility: visible;
  270. }
  271. .acf-flexible-content .layout.-collapsed > .acf-fc-layout-handle {
  272. border-bottom-width: 0;
  273. }
  274. .acf-flexible-content .layout.-collapsed > .acf-fields,
  275. .acf-flexible-content .layout.-collapsed > .acf-table {
  276. display: none;
  277. }
  278. .acf-flexible-content .layout > .acf-table {
  279. border: 0 none;
  280. box-shadow: none;
  281. }
  282. .acf-flexible-content .layout > .acf-table > tbody > tr {
  283. background: #fff;
  284. }
  285. .acf-flexible-content .layout > .acf-table > thead > tr > th {
  286. background: #F9F9F9;
  287. }
  288. .acf-flexible-content .no-value-message {
  289. padding: 19px;
  290. border: #ccc dashed 2px;
  291. text-align: center;
  292. display: none;
  293. }
  294. .acf-flexible-content.-empty > .no-value-message {
  295. display: block;
  296. }
  297. .acf-fc-popup {
  298. padding: 5px 0;
  299. z-index: 900001;
  300. min-width: 135px;
  301. }
  302. .acf-fc-popup ul, .acf-fc-popup li {
  303. list-style: none;
  304. display: block;
  305. margin: 0;
  306. padding: 0;
  307. }
  308. .acf-fc-popup li {
  309. position: relative;
  310. float: none;
  311. white-space: nowrap;
  312. }
  313. .acf-fc-popup .badge {
  314. display: inline-block;
  315. border-radius: 8px;
  316. font-size: 9px;
  317. line-height: 15px;
  318. padding: 0 5px;
  319. background: #d54e21;
  320. text-align: center;
  321. color: #fff;
  322. vertical-align: top;
  323. margin: 0 0 0 5px;
  324. }
  325. .acf-fc-popup a {
  326. color: #eee;
  327. padding: 5px 10px;
  328. display: block;
  329. text-decoration: none;
  330. position: relative;
  331. }
  332. .acf-fc-popup a:hover {
  333. background: #0073aa;
  334. color: #fff;
  335. }
  336. .acf-fc-popup a.disabled {
  337. color: #888;
  338. background: transparent;
  339. }
  340. /*---------------------------------------------------------------------------------------------
  341. *
  342. * Galery
  343. *
  344. *---------------------------------------------------------------------------------------------*/
  345. .acf-gallery {
  346. border: #ccd0d4 solid 1px;
  347. height: 400px;
  348. position: relative;
  349. /* main */
  350. /* attachments */
  351. /* attachment */
  352. /* toolbar */
  353. /* sidebar */
  354. /* side info */
  355. /* side data */
  356. /* column widths */
  357. /* resizable */
  358. }
  359. .acf-gallery .acf-gallery-main {
  360. position: absolute;
  361. top: 0;
  362. right: 0;
  363. bottom: 0;
  364. left: 0;
  365. background: #fff;
  366. z-index: 2;
  367. }
  368. .acf-gallery .acf-gallery-attachments {
  369. position: absolute;
  370. top: 0;
  371. right: 0;
  372. bottom: 48px;
  373. left: 0;
  374. padding: 5px;
  375. overflow: auto;
  376. overflow-x: hidden;
  377. }
  378. .acf-gallery .acf-gallery-attachment {
  379. width: 25%;
  380. float: left;
  381. cursor: pointer;
  382. position: relative;
  383. /* hover */
  384. /* sortable */
  385. /* active */
  386. /* icon */
  387. /* rtl */
  388. }
  389. .acf-gallery .acf-gallery-attachment .margin {
  390. margin: 5px;
  391. border: #d5d9dd solid 1px;
  392. position: relative;
  393. overflow: hidden;
  394. background: #eee;
  395. }
  396. .acf-gallery .acf-gallery-attachment .margin:before {
  397. content: "";
  398. display: block;
  399. padding-top: 100%;
  400. }
  401. .acf-gallery .acf-gallery-attachment .thumbnail {
  402. position: absolute;
  403. top: 0;
  404. left: 0;
  405. width: 100%;
  406. height: 100%;
  407. transform: translate(50%, 50%);
  408. }
  409. html[dir=rtl] .acf-gallery .acf-gallery-attachment .thumbnail {
  410. transform: translate(-50%, 50%);
  411. }
  412. .acf-gallery .acf-gallery-attachment .thumbnail img {
  413. display: block;
  414. height: auto;
  415. max-height: 100%;
  416. width: auto;
  417. transform: translate(-50%, -50%);
  418. }
  419. html[dir=rtl] .acf-gallery .acf-gallery-attachment .thumbnail img {
  420. transform: translate(50%, -50%);
  421. }
  422. .acf-gallery .acf-gallery-attachment .filename {
  423. position: absolute;
  424. bottom: 0;
  425. left: 0;
  426. right: 0;
  427. padding: 5%;
  428. background: #F4F4F4;
  429. background: rgba(255, 255, 255, 0.8);
  430. border-top: #DFDFDF solid 1px;
  431. font-weight: bold;
  432. text-align: center;
  433. word-wrap: break-word;
  434. max-height: 90%;
  435. overflow: hidden;
  436. }
  437. .acf-gallery .acf-gallery-attachment .actions {
  438. position: absolute;
  439. top: 0;
  440. right: 0;
  441. display: none;
  442. }
  443. .acf-gallery .acf-gallery-attachment:hover .actions {
  444. display: block;
  445. }
  446. .acf-gallery .acf-gallery-attachment.ui-sortable-helper .margin {
  447. border: none;
  448. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  449. }
  450. .acf-gallery .acf-gallery-attachment.ui-sortable-placeholder .margin {
  451. background: #F1F1F1;
  452. border: none;
  453. }
  454. .acf-gallery .acf-gallery-attachment.ui-sortable-placeholder .margin * {
  455. display: none !important;
  456. }
  457. .acf-gallery .acf-gallery-attachment.active .margin {
  458. box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 5px #0073aa;
  459. }
  460. .acf-gallery .acf-gallery-attachment.-icon .thumbnail img {
  461. transform: translate(-50%, -70%);
  462. }
  463. html[dir=rtl] .acf-gallery .acf-gallery-attachment {
  464. float: right;
  465. }
  466. .acf-gallery.sidebar-open {
  467. /* hide attachment actions when sidebar is open */
  468. /* allow sidebar to move over main for small widths (widget edit box) */
  469. }
  470. .acf-gallery.sidebar-open .acf-gallery-attachment .actions {
  471. display: none;
  472. }
  473. .acf-gallery.sidebar-open .acf-gallery-side {
  474. z-index: 2;
  475. }
  476. .acf-gallery .acf-gallery-toolbar {
  477. position: absolute;
  478. right: 0;
  479. bottom: 0;
  480. left: 0;
  481. padding: 10px;
  482. border-top: #d5d9dd solid 1px;
  483. background: #fff;
  484. min-height: 28px;
  485. }
  486. .acf-gallery .acf-gallery-toolbar .acf-hl li {
  487. line-height: 24px;
  488. }
  489. .acf-gallery .acf-gallery-toolbar .bulk-actions-select {
  490. width: auto;
  491. margin: 0 1px 0 0;
  492. }
  493. .acf-gallery .acf-gallery-side {
  494. position: absolute;
  495. top: 0;
  496. right: 0;
  497. bottom: 0;
  498. width: 0;
  499. background: #F9F9F9;
  500. border-left: #ccd0d4 solid 1px;
  501. z-index: 1;
  502. overflow: hidden;
  503. }
  504. .acf-gallery .acf-gallery-side .acf-gallery-side-inner {
  505. position: absolute;
  506. top: 0;
  507. left: 0;
  508. bottom: 0;
  509. width: 349px;
  510. }
  511. .acf-gallery .acf-gallery-side-info {
  512. position: relative;
  513. width: 100%;
  514. padding: 10px;
  515. margin: -10px 0 15px -10px;
  516. background: #F1F1F1;
  517. border-bottom: #DFDFDF solid 1px;
  518. }
  519. .acf-gallery .acf-gallery-side-info:after {
  520. display: block;
  521. clear: both;
  522. content: "";
  523. }
  524. html[dir=rtl] .acf-gallery .acf-gallery-side-info {
  525. margin-left: 0;
  526. margin-right: -10px;
  527. }
  528. .acf-gallery .acf-gallery-side-info img {
  529. float: left;
  530. width: auto;
  531. max-width: 65px;
  532. max-height: 65px;
  533. margin: 0 10px 1px 0;
  534. background: #FFFFFF;
  535. padding: 3px;
  536. border: #ccd0d4 solid 1px;
  537. border-radius: 1px;
  538. /* rtl */
  539. }
  540. html[dir=rtl] .acf-gallery .acf-gallery-side-info img {
  541. float: right;
  542. margin: 0 0 0 10px;
  543. }
  544. .acf-gallery .acf-gallery-side-info p {
  545. font-size: 13px;
  546. line-height: 15px;
  547. margin: 3px 0;
  548. word-break: break-all;
  549. color: #666;
  550. }
  551. .acf-gallery .acf-gallery-side-info p strong {
  552. color: #000;
  553. }
  554. .acf-gallery .acf-gallery-side-info a {
  555. text-decoration: none;
  556. }
  557. .acf-gallery .acf-gallery-side-info a.acf-gallery-edit {
  558. color: #21759b;
  559. }
  560. .acf-gallery .acf-gallery-side-info a.acf-gallery-remove {
  561. color: #bc0b0b;
  562. }
  563. .acf-gallery .acf-gallery-side-info a:hover {
  564. text-decoration: underline;
  565. }
  566. .acf-gallery .acf-gallery-side-data {
  567. position: absolute;
  568. top: 0;
  569. right: 0;
  570. bottom: 48px;
  571. left: 0;
  572. overflow: auto;
  573. overflow-x: inherit;
  574. padding: 10px;
  575. }
  576. .acf-gallery .acf-gallery-side-data .acf-label,
  577. .acf-gallery .acf-gallery-side-data th.label {
  578. color: #666666;
  579. font-size: 12px;
  580. line-height: 25px;
  581. padding: 0 4px 8px 0 !important;
  582. width: auto !important;
  583. vertical-align: top;
  584. }
  585. html[dir=rtl] .acf-gallery .acf-gallery-side-data .acf-label,
  586. html[dir=rtl] .acf-gallery .acf-gallery-side-data th.label {
  587. padding: 0 0 8px 4px !important;
  588. }
  589. .acf-gallery .acf-gallery-side-data .acf-label label,
  590. .acf-gallery .acf-gallery-side-data th.label label {
  591. font-weight: normal;
  592. }
  593. .acf-gallery .acf-gallery-side-data .acf-input,
  594. .acf-gallery .acf-gallery-side-data td.field {
  595. padding: 0 0 8px !important;
  596. }
  597. .acf-gallery .acf-gallery-side-data textarea {
  598. min-height: 0;
  599. height: 60px;
  600. }
  601. .acf-gallery .acf-gallery-side-data p.help {
  602. font-size: 12px;
  603. }
  604. .acf-gallery .acf-gallery-side-data p.help:hover {
  605. font-weight: normal;
  606. }
  607. .acf-gallery[data-columns="1"] .acf-gallery-attachment {
  608. width: 100%;
  609. }
  610. .acf-gallery[data-columns="2"] .acf-gallery-attachment {
  611. width: 50%;
  612. }
  613. .acf-gallery[data-columns="3"] .acf-gallery-attachment {
  614. width: 33.333%;
  615. }
  616. .acf-gallery[data-columns="4"] .acf-gallery-attachment {
  617. width: 25%;
  618. }
  619. .acf-gallery[data-columns="5"] .acf-gallery-attachment {
  620. width: 20%;
  621. }
  622. .acf-gallery[data-columns="6"] .acf-gallery-attachment {
  623. width: 16.666%;
  624. }
  625. .acf-gallery[data-columns="7"] .acf-gallery-attachment {
  626. width: 14.285%;
  627. }
  628. .acf-gallery[data-columns="8"] .acf-gallery-attachment {
  629. width: 12.5%;
  630. }
  631. .acf-gallery .ui-resizable-handle {
  632. display: block;
  633. position: absolute;
  634. }
  635. .acf-gallery .ui-resizable-s {
  636. bottom: -5px;
  637. cursor: ns-resize;
  638. height: 7px;
  639. left: 0;
  640. width: 100%;
  641. }
  642. /* media modal selected */
  643. .acf-media-modal .attachment.acf-selected {
  644. box-shadow: 0 0 0 3px #fff inset, 0 0 0 7px #0073aa inset !important;
  645. }
  646. .acf-media-modal .attachment.acf-selected .check {
  647. display: none !important;
  648. }
  649. .acf-media-modal .attachment.acf-selected .thumbnail {
  650. opacity: 0.25 !important;
  651. }
  652. .acf-media-modal .attachment.acf-selected .attachment-preview:before {
  653. background: rgba(0, 0, 0, 0.15);
  654. z-index: 1;
  655. position: relative;
  656. }
  657. /*-----------------------------------------------------------------------------
  658. *
  659. * ACF Blocks
  660. *
  661. *----------------------------------------------------------------------------*/
  662. .acf-block-component .components-placeholder {
  663. margin: 0;
  664. }
  665. .acf-block-component .acf-block-fields {
  666. background: #fff;
  667. text-align: left;
  668. font-size: 13px;
  669. line-height: 1.4em;
  670. color: #444;
  671. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  672. }
  673. .acf-block-component .acf-block-fields.acf-empty-block-fields {
  674. border: 1px solid #1e1e1e;
  675. padding: 12px;
  676. }
  677. .components-panel .acf-block-component .acf-block-fields.acf-empty-block-fields {
  678. border: none;
  679. border-top: 1px solid #ddd;
  680. border-bottom: 1px solid #ddd;
  681. }
  682. html[dir=rtl] .acf-block-component .acf-block-fields {
  683. text-align: right;
  684. }
  685. .acf-block-component .acf-block-fields p {
  686. font-size: 13px;
  687. line-height: 1.5;
  688. }
  689. .acf-block-body .acf-block-fields {
  690. border: #adb2ad solid 1px;
  691. }
  692. .acf-block-body .acf-block-fields .acf-tab-wrap .acf-tab-group {
  693. margin-left: 0;
  694. padding: 16px 20px 0;
  695. }
  696. .acf-block-body .acf-fields > .acf-field {
  697. padding: 16px 20px;
  698. }
  699. .acf-block-body .acf-fields > .acf-field.acf-accordion {
  700. border-color: #adb2ad;
  701. }
  702. .acf-block-body .acf-fields > .acf-field.acf-accordion .acf-accordion-title {
  703. padding: 16px 20px;
  704. }
  705. .acf-block-body .acf-block-preview {
  706. min-height: 10px;
  707. }
  708. .acf-block-panel .acf-block-fields {
  709. border-top: #ddd solid 1px;
  710. border-bottom: #ddd solid 1px;
  711. min-height: 1px;
  712. }
  713. .acf-block-panel .acf-block-fields:empty {
  714. border-top: none;
  715. }
  716. .acf-block-panel .acf-block-fields .acf-tab-wrap {
  717. background: transparent;
  718. }
  719. .components-panel__body .acf-block-panel {
  720. margin: 16px -16px -16px;
  721. }
  722. /*# sourceMappingURL=acf-pro-input.css.map*/