Нет описания

acf-field-group.css 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486
  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/acf-field-group.scss ***!
  3. \**********************************************************************************************************************************************************************************************************************/
  4. /*--------------------------------------------------------------------------------------------
  5. *
  6. * Vars
  7. *
  8. *--------------------------------------------------------------------------------------------*/
  9. /* colors */
  10. /* acf-field */
  11. /* responsive */
  12. /*--------------------------------------------------------------------------------------------
  13. *
  14. * Mixins
  15. *
  16. *--------------------------------------------------------------------------------------------*/
  17. /*--------------------------------------------------------------------------------------------
  18. *
  19. * Field Group
  20. *
  21. *--------------------------------------------------------------------------------------------*/
  22. #acf-field-group-fields > .inside,
  23. #acf-field-group-locations > .inside,
  24. #acf-field-group-options > .inside {
  25. padding: 0;
  26. margin: 0;
  27. }
  28. .postbox .handle-order-higher,
  29. .postbox .handle-order-lower {
  30. display: none;
  31. }
  32. /*---------------------------------------------------------------------------------------------
  33. *
  34. * Postbox: Publish
  35. *
  36. *---------------------------------------------------------------------------------------------*/
  37. #minor-publishing-actions,
  38. #misc-publishing-actions #visibility,
  39. #misc-publishing-actions .edit-timestamp {
  40. display: none;
  41. }
  42. #minor-publishing {
  43. border-bottom: 0 none;
  44. }
  45. #misc-pub-section {
  46. border-bottom: 0 none;
  47. }
  48. #misc-publishing-actions .misc-pub-section {
  49. border-bottom-color: #F5F5F5;
  50. }
  51. /*---------------------------------------------------------------------------------------------
  52. *
  53. * Postbox: Fields
  54. *
  55. *---------------------------------------------------------------------------------------------*/
  56. #acf-field-group-fields {
  57. border: 0 none;
  58. box-shadow: none;
  59. /* links */
  60. /* table header */
  61. /* show keys */
  62. /* fields */
  63. }
  64. #acf-field-group-fields > .postbox-header,
  65. #acf-field-group-fields > .handlediv,
  66. #acf-field-group-fields > .hndle {
  67. display: none;
  68. }
  69. #acf-field-group-fields a {
  70. text-decoration: none;
  71. }
  72. #acf-field-group-fields a:active, #acf-field-group-fields a:focus {
  73. outline: none;
  74. box-shadow: none;
  75. }
  76. #acf-field-group-fields .li-field-order {
  77. width: 20%;
  78. }
  79. #acf-field-group-fields .li-field-label {
  80. width: 30%;
  81. }
  82. #acf-field-group-fields .li-field-name {
  83. width: 25%;
  84. }
  85. #acf-field-group-fields .li-field-type {
  86. width: 25%;
  87. }
  88. #acf-field-group-fields .li-field-key {
  89. display: none;
  90. }
  91. #acf-field-group-fields.show-field-keys .li-field-label,
  92. #acf-field-group-fields.show-field-keys .li-field-name,
  93. #acf-field-group-fields.show-field-keys .li-field-type,
  94. #acf-field-group-fields.show-field-keys .li-field-key {
  95. width: 20%;
  96. }
  97. #acf-field-group-fields.show-field-keys .li-field-key {
  98. display: block;
  99. }
  100. #acf-field-group-fields .acf-field-list-wrap {
  101. border: #ccd0d4 solid 1px;
  102. }
  103. #acf-field-group-fields .acf-field-list {
  104. background: #f5f5f5;
  105. margin-top: -1px;
  106. /* no fields */
  107. /* empty */
  108. }
  109. #acf-field-group-fields .acf-field-list .no-fields-message {
  110. padding: 15px 15px;
  111. background: #fff;
  112. display: none;
  113. }
  114. #acf-field-group-fields .acf-field-list.-empty .no-fields-message {
  115. display: block;
  116. }
  117. .acf-admin-3-8 #acf-field-group-fields .acf-field-list-wrap {
  118. border-color: #dfdfdf;
  119. }
  120. /* field object */
  121. .acf-field-object {
  122. border-top: #eeeeee solid 1px;
  123. background: #fff;
  124. /* sortable */
  125. /* meta */
  126. /* handle */
  127. /* open */
  128. /*
  129. // debug
  130. &[data-save="meta"] {
  131. > .handle {
  132. border-left: #ffb700 solid 5px !important;
  133. }
  134. }
  135. &[data-save="settings"] {
  136. > .handle {
  137. border-left: #0ec563 solid 5px !important;
  138. }
  139. }
  140. */
  141. /* hover */
  142. /* settings */
  143. /* conditional logic */
  144. }
  145. .acf-field-object.ui-sortable-helper {
  146. border-top-color: #fff;
  147. box-shadow: 0 0 0 1px #DFDFDF, 0 1px 4px rgba(0, 0, 0, 0.1);
  148. }
  149. .acf-field-object.ui-sortable-placeholder {
  150. box-shadow: 0 -1px 0 0 #DFDFDF;
  151. visibility: visible !important;
  152. background: #F9F9F9;
  153. border-top-color: transparent;
  154. min-height: 54px;
  155. }
  156. .acf-field-object.ui-sortable-placeholder:after, .acf-field-object.ui-sortable-placeholder:before {
  157. visibility: hidden;
  158. }
  159. .acf-field-object > .meta {
  160. display: none;
  161. }
  162. .acf-field-object > .handle a {
  163. -webkit-transition: none;
  164. -moz-transition: none;
  165. -o-transition: none;
  166. transition: none;
  167. }
  168. .acf-field-object > .handle li {
  169. padding-top: 10px;
  170. padding-bottom: 10px;
  171. word-wrap: break-word;
  172. }
  173. .acf-field-object > .handle .acf-icon {
  174. margin: 1px 0 0;
  175. cursor: move;
  176. background: transparent;
  177. float: left;
  178. height: 28px;
  179. line-height: 26px;
  180. width: 28px;
  181. font-size: 13px;
  182. color: #444;
  183. position: relative;
  184. z-index: 1;
  185. }
  186. .acf-field-object > .handle strong {
  187. display: block;
  188. padding-bottom: 6px;
  189. font-size: 14px;
  190. line-height: 14px;
  191. min-height: 14px;
  192. }
  193. .acf-field-object > .handle .row-options {
  194. visibility: hidden;
  195. }
  196. .acf-field-object > .handle .row-options a {
  197. margin-right: 4px;
  198. }
  199. .acf-field-object > .handle .row-options a.delete-field {
  200. color: #a00;
  201. }
  202. .acf-field-object > .handle .row-options a.delete-field:hover {
  203. color: #f00;
  204. }
  205. .acf-field-object.open + .acf-field-object {
  206. border-top-color: #E1E1E1;
  207. }
  208. .acf-field-object.open > .handle {
  209. background: #2a9bd9;
  210. border: #2696d3 solid 1px;
  211. text-shadow: #268FBB 0 1px 0;
  212. color: #fff;
  213. position: relative;
  214. margin: -1px -1px 0 -1px;
  215. }
  216. .acf-field-object.open > .handle a {
  217. color: #fff !important;
  218. }
  219. .acf-field-object.open > .handle a:hover {
  220. text-decoration: underline !important;
  221. }
  222. .acf-field-object.open > .handle .acf-icon {
  223. border-color: #fff;
  224. color: #fff;
  225. }
  226. .acf-field-object.open > .handle .acf-required {
  227. color: #fff;
  228. }
  229. .acf-field-object:hover > .handle .row-options, .acf-field-object.-hover > .handle .row-options {
  230. visibility: visible;
  231. }
  232. .acf-field-object > .settings {
  233. display: none;
  234. width: 100%;
  235. }
  236. .acf-field-object > .settings > .acf-table {
  237. border: none;
  238. }
  239. .acf-field-object .rule-groups {
  240. margin-top: 20px;
  241. }
  242. /*---------------------------------------------------------------------------------------------
  243. *
  244. * Postbox: Locations
  245. *
  246. *---------------------------------------------------------------------------------------------*/
  247. .rule-groups h4 {
  248. margin: 3px 0;
  249. }
  250. .rule-groups .rule-group {
  251. margin: 0 0 5px;
  252. }
  253. .rule-groups .rule-group h4 {
  254. margin: 0 0 3px;
  255. }
  256. .rule-groups .rule-group td.param {
  257. width: 35%;
  258. }
  259. .rule-groups .rule-group td.operator {
  260. width: 20%;
  261. }
  262. .rule-groups .rule-group td.add {
  263. width: 40px;
  264. }
  265. .rule-groups .rule-group td.remove {
  266. width: 28px;
  267. vertical-align: middle;
  268. }
  269. .rule-groups .rule-group td.remove a {
  270. visibility: hidden;
  271. }
  272. .rule-groups .rule-group tr:hover td.remove a {
  273. visibility: visible;
  274. }
  275. .rule-groups .rule-group select:empty {
  276. background: #f8f8f8;
  277. }
  278. .rule-groups:not(.rule-groups-multiple) .rule-group:first-child tr:first-child td.remove a {
  279. /* Don't allow user to delete the only rule group */
  280. visibility: hidden !important;
  281. }
  282. /*---------------------------------------------------------------------------------------------
  283. *
  284. * Options
  285. *
  286. *---------------------------------------------------------------------------------------------*/
  287. #acf-field-group-options tr[data-name=hide_on_screen] li {
  288. float: left;
  289. width: 33%;
  290. }
  291. @media (max-width: 1100px) {
  292. #acf-field-group-options tr[data-name=hide_on_screen] li {
  293. width: 50%;
  294. }
  295. }
  296. /*---------------------------------------------------------------------------------------------
  297. *
  298. * Conditional Logic
  299. *
  300. *---------------------------------------------------------------------------------------------*/
  301. table.conditional-logic-rules {
  302. background: transparent;
  303. border: 0 none;
  304. border-radius: 0;
  305. }
  306. table.conditional-logic-rules tbody td {
  307. background: transparent;
  308. border: 0 none !important;
  309. padding: 5px 2px !important;
  310. }
  311. /*---------------------------------------------------------------------------------------------
  312. *
  313. * Field: Tab
  314. *
  315. *---------------------------------------------------------------------------------------------*/
  316. .acf-field-object-tab .acf-field-setting-name, .acf-field-object-accordion .acf-field-setting-name,
  317. .acf-field-object-tab .acf-field-setting-instructions,
  318. .acf-field-object-accordion .acf-field-setting-instructions,
  319. .acf-field-object-tab .acf-field-setting-required,
  320. .acf-field-object-accordion .acf-field-setting-required,
  321. .acf-field-object-tab .acf-field-setting-warning,
  322. .acf-field-object-accordion .acf-field-setting-warning,
  323. .acf-field-object-tab .acf-field-setting-wrapper,
  324. .acf-field-object-accordion .acf-field-setting-wrapper {
  325. display: none;
  326. }
  327. .acf-field-object-tab .li-field-name, .acf-field-object-accordion .li-field-name {
  328. visibility: hidden;
  329. }
  330. .acf-field-object + .acf-field-object-tab:before, .acf-field-object + .acf-field-object-accordion:before {
  331. display: block;
  332. content: "";
  333. height: 5px;
  334. width: 100%;
  335. background: #f5f5f5;
  336. border-top: #e1e1e1 solid 1px;
  337. border-bottom: #e1e1e1 solid 1px;
  338. margin-top: -1px;
  339. }
  340. .acf-admin-3-8 .acf-field-object + .acf-field-object-tab:before, .acf-admin-3-8 .acf-field-object + .acf-field-object-accordion:before {
  341. border-color: #E5E5E5;
  342. }
  343. .acf-field-object-tab p:first-child, .acf-field-object-accordion p:first-child {
  344. margin: 0.5em 0;
  345. }
  346. /*---------------------------------------------------------------------------------------------
  347. *
  348. * Field: Accordion
  349. *
  350. *---------------------------------------------------------------------------------------------*/
  351. .acf-field-object-accordion .acf-field-setting-instructions {
  352. display: table-row;
  353. }
  354. /*---------------------------------------------------------------------------------------------
  355. *
  356. * Field: Message
  357. *
  358. *---------------------------------------------------------------------------------------------*/
  359. .acf-field-object-message tr[data-name=name],
  360. .acf-field-object-message tr[data-name=instructions],
  361. .acf-field-object-message tr[data-name=required] {
  362. display: none !important;
  363. }
  364. .acf-field-object-message .li-field-name {
  365. visibility: hidden;
  366. }
  367. .acf-field-object-message textarea {
  368. height: 175px !important;
  369. }
  370. /*---------------------------------------------------------------------------------------------
  371. *
  372. * Field: Separator
  373. *
  374. *---------------------------------------------------------------------------------------------*/
  375. .acf-field-object-separator tr[data-name=name],
  376. .acf-field-object-separator tr[data-name=instructions],
  377. .acf-field-object-separator tr[data-name=required] {
  378. display: none !important;
  379. }
  380. /*---------------------------------------------------------------------------------------------
  381. *
  382. * Field: Date Picker
  383. *
  384. *---------------------------------------------------------------------------------------------*/
  385. .acf-field-object-date-picker .acf-radio-list li,
  386. .acf-field-object-time-picker .acf-radio-list li,
  387. .acf-field-object-date-time-picker .acf-radio-list li {
  388. line-height: 25px;
  389. }
  390. .acf-field-object-date-picker .acf-radio-list span,
  391. .acf-field-object-time-picker .acf-radio-list span,
  392. .acf-field-object-date-time-picker .acf-radio-list span {
  393. display: inline-block;
  394. min-width: 10em;
  395. }
  396. .acf-field-object-date-picker .acf-radio-list input[type=text],
  397. .acf-field-object-time-picker .acf-radio-list input[type=text],
  398. .acf-field-object-date-time-picker .acf-radio-list input[type=text] {
  399. width: 100px;
  400. }
  401. .acf-field-object-date-time-picker .acf-radio-list span {
  402. min-width: 15em;
  403. }
  404. .acf-field-object-date-time-picker .acf-radio-list input[type=text] {
  405. width: 200px;
  406. }
  407. /*--------------------------------------------------------------------------------------------
  408. *
  409. * Slug
  410. *
  411. *--------------------------------------------------------------------------------------------*/
  412. #slugdiv .inside {
  413. padding: 12px;
  414. margin: 0;
  415. }
  416. #slugdiv input[type=text] {
  417. width: 100%;
  418. height: 28px;
  419. font-size: 14px;
  420. }
  421. /*--------------------------------------------------------------------------------------------
  422. *
  423. * RTL
  424. *
  425. *--------------------------------------------------------------------------------------------*/
  426. html[dir=rtl] .acf-field-object.open > .handle {
  427. margin: -1px -1px 0;
  428. }
  429. html[dir=rtl] .acf-field-object.open > .handle .acf-icon {
  430. float: right;
  431. }
  432. html[dir=rtl] .acf-field-object.open > .handle .li-field-order {
  433. padding-left: 0 !important;
  434. padding-right: 15px !important;
  435. }
  436. /*---------------------------------------------------------------------------------------------
  437. *
  438. * Device
  439. *
  440. *---------------------------------------------------------------------------------------------*/
  441. @media only screen and (max-width: 850px) {
  442. tr.acf-field,
  443. td.acf-label,
  444. td.acf-input {
  445. display: block !important;
  446. width: auto !important;
  447. border: 0 none !important;
  448. }
  449. tr.acf-field {
  450. border-top: #ededed solid 1px !important;
  451. margin-bottom: 0 !important;
  452. }
  453. td.acf-label {
  454. background: transparent !important;
  455. padding-bottom: 0 !important;
  456. }
  457. }
  458. /*# sourceMappingURL=acf-field-group.css.map*/