説明なし

pum-admin-general-rtl.css 60KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475
  1. /************************************************************
  2. * Copyright (c) 2020, Code Atlantic LLC
  3. ************************************************************/
  4. /*!******************************************************************************
  5. * Copyright (c) 2019, Code Atlantic LLC
  6. ******************************************************************************/
  7. .no-button {
  8. border: 0;
  9. padding: 0;
  10. background: none;
  11. cursor: pointer;
  12. }
  13. .no-button.link-button {
  14. color: #0073aa;
  15. }
  16. .no-button.link-button:hover {
  17. color: #00a0d2;
  18. }
  19. .no-button.delete-button {
  20. color: #a00;
  21. }
  22. .no-button.delete-button:hover {
  23. color: #f00;
  24. }
  25. .pum-half {
  26. width: 47.5%;
  27. max-width: 47.5%;
  28. margin-left: 5%;
  29. display: inline-block;
  30. }
  31. .pum-half.pum-dependencies-met {
  32. display: inline-block !important;
  33. }
  34. .pum-half > * {
  35. max-width: 100%;
  36. }
  37. .pum-half input,
  38. .pum-half textarea,
  39. .pum-half select {
  40. max-width: 100%;
  41. width: auto;
  42. }
  43. .pum-last {
  44. margin-left: 0 !important;
  45. }
  46. /*!******************************************************************************
  47. * Copyright (c) 2019, Code Atlantic LLC
  48. ******************************************************************************/
  49. .pum-desc {
  50. margin-top: 4px;
  51. margin-bottom: 0;
  52. }
  53. [data-pum-dependencies] {
  54. display: none;
  55. }
  56. .pum-field {
  57. position: relative;
  58. margin-bottom: 1em;
  59. }
  60. .pum-field > label {
  61. display: block;
  62. font-weight: bold;
  63. }
  64. .pum-field .pum-doclink {
  65. font-size: 16px;
  66. line-height: 20px;
  67. }
  68. /**
  69. * Sections
  70. */
  71. /**
  72. * Heading & separator fields
  73. */
  74. .pum-field-heading label,
  75. .pum-field-heading .pum-desc,
  76. .pum-field-separator label,
  77. .pum-field-separator .pum-desc {
  78. display: none !important;
  79. }
  80. .pum-field-hidden {
  81. display: none;
  82. }
  83. .pum-field-editor #insert-media-button {
  84. display: none;
  85. }
  86. /**
  87. * Select fields
  88. */
  89. .pum-field-select option.bold {
  90. font-weight: bold;
  91. font-size: 1.125em;
  92. }
  93. .pum-field-select2 .pumselect2-container.pumselect2-container--below.pumselect2-container--open + .pumselect2-container--open {
  94. top: 36px !important;
  95. }
  96. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple
  97. .pumselect2-search--inline
  98. .pumselect2-search__field {
  99. margin-top: 0;
  100. }
  101. .pum-field-select2 .pumselect2-container--default
  102. .pumselect2-selection--single
  103. .pumselect2-selection__arrow {
  104. height: 30px !important;
  105. }
  106. /**
  107. * Checkbox fields
  108. */
  109. .pum-field-checkbox {
  110. position: relative;
  111. }
  112. .pum-field-checkbox label {
  113. margin-right: 1.5em;
  114. }
  115. .pum-field-checkbox label.pum-desc {
  116. display: inline;
  117. font-weight: inherit;
  118. font-size: inherit;
  119. margin: 0 0 1em;
  120. }
  121. .pum-field-checkbox input[type='checkbox'] {
  122. position: absolute;
  123. top: 5px;
  124. }
  125. /**
  126. * Multicheck & Radio fields
  127. */
  128. .pum-field-multicheck input,
  129. .pum-field-multicheck label,
  130. .pum-field-radio input,
  131. .pum-field-radio label {
  132. line-height: 1em;
  133. }
  134. .pum-field-multicheck label,
  135. .pum-field-radio label {
  136. margin-bottom: 4px;
  137. }
  138. .pum-field-multicheck input[type='radio'],
  139. .pum-field-radio input[type='radio'] {
  140. display: inline-block;
  141. margin-left: 0.25em;
  142. }
  143. .pum-field-multicheck input + label,
  144. .pum-field-radio input + label {
  145. font-weight: normal;
  146. display: inline-block !important;
  147. }
  148. .pum-field-multicheck label:first-child,
  149. .pum-field-radio label:first-child {
  150. font-weight: bold;
  151. margin: 0 0 10px;
  152. }
  153. .pum-field-multicheck > p.pum-desc,
  154. .pum-field-radio > p.pum-desc {
  155. margin: 0 0 0.5em;
  156. }
  157. .pum-field-multicheck .pum-field-mulitcheck-list,
  158. .pum-field-multicheck .pum-field-radio-list,
  159. .pum-field-radio .pum-field-mulitcheck-list,
  160. .pum-field-radio .pum-field-radio-list {
  161. margin: 0;
  162. }
  163. /**
  164. * Range & range slider fields
  165. */
  166. .pum-field-range input[type='range'],
  167. .pum-field-rangeslider input[type='range'] {
  168. vertical-align: middle;
  169. }
  170. .pum-field-range .pum-range-manual,
  171. .pum-field-rangeslider .pum-range-manual {
  172. padding-left: 25px;
  173. text-align: left;
  174. width: 80px;
  175. vertical-align: middle;
  176. }
  177. .pum-field-range .pum-range-plus,
  178. .pum-field-range .pum-range-minus,
  179. .pum-field-rangeslider .pum-range-plus,
  180. .pum-field-rangeslider .pum-range-minus {
  181. text-align: center;
  182. height: 30px;
  183. width: 30px;
  184. font-size: 18px;
  185. vertical-align: middle;
  186. }
  187. .pum-field-range .pum-range-plus,
  188. .pum-field-rangeslider .pum-range-plus {
  189. margin-right: 5px;
  190. }
  191. .pum-field-range .range-value-unit,
  192. .pum-field-range .pum-range-value-unit,
  193. .pum-field-rangeslider .range-value-unit,
  194. .pum-field-rangeslider .pum-range-value-unit {
  195. position: relative;
  196. display: inline-block;
  197. margin-right: -30px;
  198. margin-left: 10px;
  199. width: 20px;
  200. text-align: right;
  201. top: 0.125em;
  202. }
  203. /**
  204. * Image fields
  205. */
  206. .pum-field-color .wp-color-result-text {
  207. line-height: 23px;
  208. }
  209. /**
  210. * Image fields
  211. */
  212. .pum-field-image .pum-image-field .pum-image-select,
  213. .pum-field-image .pum-image-field.pum-image-empty .pum-image-preview {
  214. display: none;
  215. }
  216. .pum-field-image .pum-image-field.pum-image-empty .pum-image-select {
  217. display: block;
  218. }
  219. .pum-field-image .pum-image-preview-img {
  220. float: right;
  221. line-height: 0;
  222. margin: 5px 0;
  223. }
  224. .pum-field-image .pum-image-preview-img img {
  225. max-width: 60px;
  226. width: auto;
  227. height: auto;
  228. }
  229. .pum-field-image select.pum-image-field__size {
  230. margin: 8px 10px 8px 0;
  231. width: 200px;
  232. }
  233. .pum-field-image .pum-image-edit {
  234. margin: 0 11px 0 0;
  235. }
  236. .pum-field-image .pum-image-replace,
  237. .pum-field-image .pum-image-remove {
  238. margin: 0 8px 0 0;
  239. }
  240. /**
  241. * Conditions field
  242. */
  243. .pum-field-conditions {
  244. /* Conditionals */
  245. }
  246. .pum-field-conditions .facet-builder {
  247. /* + AND + OR link stylings */
  248. }
  249. .pum-field-conditions .facet-builder p {
  250. margin: 0 0 1em;
  251. }
  252. .pum-field-conditions .facet-builder a {
  253. text-decoration: none;
  254. }
  255. .pum-field-conditions .facet-builder .facet-groups {
  256. display: none;
  257. }
  258. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .facet-group {
  259. box-shadow: 0 1px 0 #ccc;
  260. color: #555;
  261. border: 1px solid #ccc;
  262. background: #f7f7f7;
  263. }
  264. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and em,
  265. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and a,
  266. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and button,
  267. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or em,
  268. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or a,
  269. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or button {
  270. color: #0073aa;
  271. cursor: pointer;
  272. }
  273. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and em::before,
  274. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and a::before,
  275. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap:last-child .and button::before,
  276. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or em::before,
  277. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or a::before,
  278. .pum-field-conditions .facet-builder .facet-groups .facet-group-wrap .add-or button::before {
  279. content: '+ ';
  280. }
  281. .pum-field-conditions .facet-builder .facet {
  282. position: relative;
  283. padding: 12px 10px 6px 30px;
  284. border-bottom: 1px solid #e1e1e1;
  285. border-top: 1px solid #fff;
  286. }
  287. .pum-field-conditions .facet-builder .facet:first-child {
  288. border-top: 0;
  289. }
  290. .pum-field-conditions .facet-builder .facet:first-child .or {
  291. display: none;
  292. }
  293. .pum-field-conditions .facet-builder .facet::before, .pum-field-conditions .facet-builder .facet::after {
  294. display: table;
  295. content: '';
  296. line-height: 0;
  297. }
  298. .pum-field-conditions .facet-builder .facet::after {
  299. clear: both;
  300. }
  301. .pum-field-conditions .facet-builder .pum-field {
  302. margin-bottom: 0.5em;
  303. }
  304. .pum-field-conditions .facet-builder .facet-col {
  305. float: right;
  306. margin-left: 20px;
  307. padding-bottom: 6px;
  308. position: relative;
  309. min-width: 175px;
  310. }
  311. .pum-field-conditions .facet-builder .facet-col select,
  312. .pum-field-conditions .facet-builder .facet-col input {
  313. margin: 0;
  314. max-width: 100%;
  315. }
  316. .pum-field-conditions .facet-builder .facet-target {
  317. position: relative;
  318. max-width: 240px;
  319. }
  320. .pum-field-conditions .facet-builder .facet-target * {
  321. box-sizing: border-box;
  322. }
  323. .pum-field-conditions .facet-builder .facet-target select,
  324. .pum-field-conditions .facet-builder .facet-target .pumselect2-container
  325. .pumselect2-selection {
  326. padding-right: 28px;
  327. }
  328. .pum-field-conditions .facet-builder .facet-target select .pumselect2-selection__rendered,
  329. .pum-field-conditions .facet-builder .facet-target .pumselect2-container
  330. .pumselect2-selection .pumselect2-selection__rendered {
  331. padding-right: 3px;
  332. }
  333. .pum-field-conditions .facet-builder .facet-target .pum-not-operand {
  334. cursor: pointer;
  335. position: absolute;
  336. right: 2px;
  337. top: 2px;
  338. z-index: 10;
  339. line-height: 24px;
  340. height: 28px;
  341. background: #f7f7f7;
  342. border: 1px solid transparent;
  343. border-radius: 0 2px 2px 0;
  344. border-left: 1px solid #ddd;
  345. text-align: center;
  346. }
  347. .pum-field-conditions .facet-builder .facet-target .pum-not-operand span {
  348. font-size: 1.25em;
  349. }
  350. .pum-field-conditions .facet-builder .facet-target .pum-not-operand::before {
  351. color: #555;
  352. font-size: 16px;
  353. line-height: 24px;
  354. }
  355. .pum-field-conditions .facet-builder .facet-target .pum-not-operand input[type='checkbox'] {
  356. display: none;
  357. }
  358. .pum-field-conditions .facet-builder .facet-target .pum-not-operand:focus {
  359. outline: none;
  360. border: 1px solid #5b9dd9;
  361. box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
  362. }
  363. .pum-field-conditions .facet-builder .facet-target.not-operand-checked .pum-not-operand span, .pum-field-conditions .facet-builder .facet-target.not-operand-checked .pum-not-operand::before {
  364. color: #a00;
  365. }
  366. .pum-field-conditions .facet-builder .facet-target .pumselect2-container-active .pumselect2-choices,
  367. .pum-field-conditions .facet-builder .facet-target .pumselect2-container-active .pumselect2-single {
  368. border-color: #5b9dd9;
  369. box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
  370. }
  371. .pum-field-conditions .facet-builder .facet-actions {
  372. position: absolute;
  373. left: 6px;
  374. top: 18px;
  375. }
  376. .pum-field-conditions .facet-builder .facet-actions button {
  377. border: 0;
  378. padding: 0;
  379. background: none;
  380. margin-right: 5px;
  381. }
  382. .pum-field-conditions .facet-builder .dashicons-plus-alt,
  383. .pum-field-conditions .facet-builder .dashicons-dismiss {
  384. color: #999;
  385. }
  386. .pum-field-conditions .facet-builder .or {
  387. color: #484848;
  388. font-weight: 500;
  389. margin-right: -21px;
  390. right: 50%;
  391. position: absolute;
  392. top: -6px;
  393. font-style: normal;
  394. line-height: 10px;
  395. text-transform: uppercase;
  396. }
  397. .pum-field-conditions .facet-builder .add-or {
  398. border-top: 1px solid #fff;
  399. text-align: center;
  400. }
  401. .pum-field-conditions .facet-builder .add-or > .add {
  402. right: -6.5px;
  403. position: relative;
  404. top: -9px;
  405. }
  406. .pum-field-conditions .facet-builder .and {
  407. border-bottom: 1px dashed #e1e1e1;
  408. margin: 0.5em 0 1.7em;
  409. text-align: center;
  410. }
  411. .pum-field-conditions .facet-builder .or,
  412. .pum-field-conditions .facet-builder .add-or > .add {
  413. background: #f7f7f7;
  414. font-size: 1.1em;
  415. padding: 0 10px;
  416. }
  417. .pum-field-conditions .facet-builder .and em,
  418. .pum-field-conditions .facet-builder .and a,
  419. .pum-field-conditions .facet-builder .and button,
  420. .pum-field-conditions .facet-builder .and label,
  421. .pum-field-conditions .facet-builder .add-or em,
  422. .pum-field-conditions .facet-builder .add-or a,
  423. .pum-field-conditions .facet-builder .add-or button,
  424. .pum-field-conditions .facet-builder .add-or label {
  425. background: #fff;
  426. font-size: 1.1em;
  427. font-style: normal;
  428. margin: 0 10px;
  429. padding: 0 10px;
  430. position: relative;
  431. top: 9px;
  432. text-transform: uppercase;
  433. box-shadow: none;
  434. color: #484848;
  435. cursor: default;
  436. border: 0;
  437. }
  438. .pum-field-conditions .facet-builder .and em,
  439. .pum-field-conditions .facet-builder .add-or em {
  440. color: #484848;
  441. }
  442. .pum-field-conditions .no-facet-groups {
  443. display: block;
  444. }
  445. .pum-field-conditions .no-facet-groups .facet-target {
  446. max-width: 100%;
  447. }
  448. .pum-field-conditions .has-conditions .facet-groups {
  449. display: block;
  450. }
  451. .pum-field-conditions .has-conditions .no-facet-groups {
  452. display: none;
  453. }
  454. .pum-field-conditions .pum-field-select2 select {
  455. width: 100% !important;
  456. }
  457. /**
  458. * License fields.
  459. */
  460. .pum-field-license_key {
  461. background: #fafafa;
  462. padding: 14px;
  463. border-top: 2px solid #999;
  464. border-bottom: 2px solid #999;
  465. margin: 0 -14px 14px;
  466. }
  467. .pum-field-license_key p {
  468. font-size: 13px;
  469. margin-top: 0;
  470. }
  471. .pum-field-license_key a {
  472. color: #444;
  473. }
  474. .pum-field-license_key a:hover {
  475. text-decoration: none;
  476. }
  477. .pum-field-license_key span.pum-license-status {
  478. margin-right: 5px;
  479. margin-left: 5px;
  480. }
  481. .pum-field-license_key .pum-license-messages p:last-child {
  482. margin-bottom: 0;
  483. }
  484. .pum-field-license_key.pum-license-expires-soon-notice {
  485. border-color: #dc3232;
  486. }
  487. .pum-field-license_key.pum-license-valid-notice {
  488. border-color: #46b450;
  489. }
  490. .pum-field-license_key.pum-license-valid-notice .pum-license-status {
  491. color: #46b450;
  492. }
  493. .pum-field-license_key.pum-license-inactive-notice {
  494. border-color: #0073aa;
  495. }
  496. .pum-field-license_key.pum-license-expired-notice {
  497. background-color: #e24e4e;
  498. color: #fff;
  499. border-color: #dc3232;
  500. }
  501. .pum-field-license_key.pum-license-error-notice, .pum-field-license_key.pum-license-missing-notice, .pum-field-license_key.pum-license-invalid-notice, .pum-field-license_key.pum-license-site_inactive-notice, .pum-field-license_key.pum-license-item_name_mismatch-notice {
  502. background-color: #ffebcd;
  503. border-color: #dc3232;
  504. }
  505. .pum-field-license_key.pum-license-expired-notice a {
  506. color: #fff;
  507. }
  508. .pum-field-license_key.pum-license-expired-notice a:hover {
  509. text-decoration: none;
  510. }
  511. /**
  512. * Link fields.
  513. */
  514. .pum-field-link input {
  515. margin-left: 24px;
  516. display: block;
  517. }
  518. .pum-field-link button.dashicons {
  519. float: left;
  520. width: 1.5em;
  521. height: 1.5em;
  522. line-height: 1;
  523. padding: 0;
  524. font-size: 16px;
  525. vertical-align: sub;
  526. margin-top: 1px;
  527. box-shadow: 0 0 0 #cccccc;
  528. }
  529. /*!******************************************************************************
  530. * Copyright (c) 2019, Code Atlantic LLC
  531. *
  532. * The bulk of this is to style jquery select2 to better
  533. * resemble the default WP dashboard inputs.
  534. ******************************************************************************/
  535. .pum-field-select2 {
  536. position: relative;
  537. }
  538. .pum-field-select2 .pumselect2-container {
  539. box-sizing: border-box;
  540. display: inline-block;
  541. margin: 0;
  542. position: relative;
  543. vertical-align: middle;
  544. }
  545. .pum-field-select2 .pumselect2-container .pumselect2-selection--single {
  546. box-sizing: border-box;
  547. cursor: pointer;
  548. display: block;
  549. height: 28px;
  550. -ms-user-select: none;
  551. user-select: none;
  552. -webkit-user-select: none;
  553. }
  554. .pum-field-select2 .pumselect2-container .pumselect2-selection--single .pumselect2-selection__rendered {
  555. display: block;
  556. padding-right: 8px;
  557. padding-left: 20px;
  558. overflow: hidden;
  559. text-overflow: ellipsis;
  560. white-space: nowrap;
  561. }
  562. .pum-field-select2 .pumselect2-container .pumselect2-selection--single .pumselect2-selection__clear {
  563. position: relative;
  564. }
  565. .pum-field-select2 .pumselect2-container[dir='rtl'] .pumselect2-selection--single .pumselect2-selection__rendered {
  566. padding-left: 8px;
  567. padding-right: 20px;
  568. }
  569. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple {
  570. box-sizing: border-box;
  571. cursor: pointer;
  572. display: block;
  573. min-height: 32px;
  574. -ms-user-select: none;
  575. user-select: none;
  576. -webkit-user-select: none;
  577. }
  578. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple .pumselect2-selection__rendered {
  579. display: inline-block;
  580. overflow: hidden;
  581. padding-right: 8px;
  582. text-overflow: ellipsis;
  583. white-space: nowrap;
  584. }
  585. .pum-field-select2 .pumselect2-container .pumselect2-search--inline {
  586. float: right;
  587. }
  588. .pum-field-select2 .pumselect2-container .pumselect2-search--inline .pumselect2-search__field {
  589. box-sizing: border-box;
  590. border: none;
  591. font-size: 100%;
  592. margin-top: 5px;
  593. padding: 0;
  594. }
  595. .pum-field-select2 .pumselect2-container .pumselect2-search--inline .pumselect2-search__field::-webkit-search-cancel-button {
  596. -webkit-appearance: none;
  597. }
  598. .pum-field-select2 .pumselect2-dropdown {
  599. background-color: white;
  600. border: 1px solid #aaa;
  601. border-radius: 4px;
  602. box-sizing: border-box;
  603. display: block;
  604. position: absolute;
  605. right: -100000px;
  606. width: 100%;
  607. z-index: 1051;
  608. }
  609. .pum-field-select2 .pumselect2-results {
  610. display: block;
  611. }
  612. .pum-field-select2 .pumselect2-results__options {
  613. list-style: none;
  614. margin: 0;
  615. padding: 0;
  616. }
  617. .pum-field-select2 .pumselect2-results__option {
  618. padding: 6px;
  619. -ms-user-select: none;
  620. user-select: none;
  621. -webkit-user-select: none;
  622. }
  623. .pum-field-select2 .pumselect2-results__option[aria-selected] {
  624. cursor: pointer;
  625. }
  626. .pum-field-select2 .pumselect2-container--open .pumselect2-dropdown {
  627. right: 0;
  628. }
  629. .pum-field-select2 .pumselect2-container--open .pumselect2-dropdown--above {
  630. border-bottom: none;
  631. border-bottom-right-radius: 0;
  632. border-bottom-left-radius: 0;
  633. }
  634. .pum-field-select2 .pumselect2-container--open .pumselect2-dropdown--below {
  635. border-top: none;
  636. border-top-right-radius: 0;
  637. border-top-left-radius: 0;
  638. }
  639. .pum-field-select2 .pumselect2-search--dropdown {
  640. display: block;
  641. padding: 4px;
  642. }
  643. .pum-field-select2 .pumselect2-search--dropdown .pumselect2-search__field {
  644. padding: 4px;
  645. width: 100%;
  646. box-sizing: border-box;
  647. }
  648. .pum-field-select2 .pumselect2-search--dropdown .pumselect2-search__field::-webkit-search-cancel-button {
  649. -webkit-appearance: none;
  650. }
  651. .pum-field-select2 .pumselect2-search--dropdown.pumselect2-search--hide {
  652. display: none;
  653. }
  654. .pum-field-select2 .pumselect2-close-mask {
  655. border: 0;
  656. margin: 0;
  657. padding: 0;
  658. display: block;
  659. position: fixed;
  660. right: 0;
  661. top: 0;
  662. min-height: 100%;
  663. min-width: 100%;
  664. height: auto;
  665. width: auto;
  666. opacity: 0;
  667. z-index: 99;
  668. background-color: #fff;
  669. filter: alpha(opacity=0);
  670. }
  671. .pum-field-select2 .pumselect2-hidden-accessible {
  672. border: 0 !important;
  673. clip: rect(0 0 0 0) !important;
  674. height: 1px !important;
  675. margin: -1px !important;
  676. overflow: hidden !important;
  677. padding: 0 !important;
  678. position: absolute !important;
  679. width: 1px !important;
  680. }
  681. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single {
  682. background-color: #fff;
  683. border: 1px solid #aaa;
  684. border-radius: 4px;
  685. }
  686. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single .pumselect2-selection__rendered {
  687. color: #444;
  688. line-height: 28px;
  689. }
  690. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single .pumselect2-selection__clear {
  691. cursor: pointer;
  692. float: left;
  693. font-weight: bold;
  694. }
  695. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single .pumselect2-selection__placeholder {
  696. color: #999;
  697. }
  698. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single .pumselect2-selection__arrow {
  699. height: 26px;
  700. position: absolute;
  701. top: 1px;
  702. left: 1px;
  703. width: 20px;
  704. }
  705. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--single .pumselect2-selection__arrow b {
  706. border-color: #888 transparent transparent transparent;
  707. border-style: solid;
  708. border-width: 5px 4px 0 4px;
  709. height: 0;
  710. right: 50%;
  711. margin-right: -4px;
  712. margin-top: -2px;
  713. position: absolute;
  714. top: 50%;
  715. width: 0;
  716. }
  717. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--single .pumselect2-selection__clear {
  718. float: right;
  719. }
  720. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--single .pumselect2-selection__arrow {
  721. right: 1px;
  722. left: auto;
  723. }
  724. .pum-field-select2 .pumselect2-container--default.pumselect2-container--disabled .pumselect2-selection--single {
  725. background-color: #eee;
  726. cursor: default;
  727. }
  728. .pum-field-select2 .pumselect2-container--default.pumselect2-container--disabled .pumselect2-selection--single .pumselect2-selection__clear {
  729. display: none;
  730. }
  731. .pum-field-select2 .pumselect2-container--default.pumselect2-container--open .pumselect2-selection--single .pumselect2-selection__arrow b {
  732. border-color: transparent transparent #888 transparent;
  733. border-width: 0 4px 5px 4px;
  734. }
  735. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple {
  736. background-color: white;
  737. border: 1px solid #aaa;
  738. border-radius: 4px;
  739. cursor: text;
  740. }
  741. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__rendered {
  742. box-sizing: border-box;
  743. list-style: none;
  744. margin: 0;
  745. padding: 0 5px;
  746. width: 100%;
  747. }
  748. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__rendered li {
  749. list-style: none;
  750. }
  751. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__placeholder {
  752. color: #999;
  753. margin-top: 5px;
  754. float: right;
  755. }
  756. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__clear {
  757. cursor: pointer;
  758. float: left;
  759. font-weight: bold;
  760. margin-top: 5px;
  761. margin-left: 10px;
  762. }
  763. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__choice {
  764. background-color: #e4e4e4;
  765. border: 1px solid #aaa;
  766. border-radius: 4px;
  767. cursor: default;
  768. float: right;
  769. margin-left: 5px;
  770. margin-top: 5px;
  771. padding: 0 5px;
  772. }
  773. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__choice__remove {
  774. color: #999;
  775. cursor: pointer;
  776. display: inline-block;
  777. font-weight: bold;
  778. margin-left: 2px;
  779. }
  780. .pum-field-select2 .pumselect2-container--default .pumselect2-selection--multiple .pumselect2-selection__choice__remove:hover {
  781. color: #333;
  782. }
  783. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice,
  784. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__placeholder,
  785. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--multiple .pumselect2-search--inline {
  786. float: left;
  787. }
  788. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice {
  789. margin-right: 5px;
  790. margin-left: auto;
  791. }
  792. .pum-field-select2 .pumselect2-container--default[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice__remove {
  793. margin-right: 2px;
  794. margin-left: auto;
  795. }
  796. .pum-field-select2 .pumselect2-container--default.pumselect2-container--focus .pumselect2-selection--multiple {
  797. border: solid black 1px;
  798. outline: 0;
  799. }
  800. .pum-field-select2 .pumselect2-container--default.pumselect2-container--disabled .pumselect2-selection--multiple {
  801. background-color: #eee;
  802. cursor: default;
  803. }
  804. .pum-field-select2 .pumselect2-container--default.pumselect2-container--disabled .pumselect2-selection__choice__remove {
  805. display: none;
  806. }
  807. .pum-field-select2 .pumselect2-container--default.pumselect2-container--open.pumselect2-container--above .pumselect2-selection--single,
  808. .pum-field-select2 .pumselect2-container--default.pumselect2-container--open.pumselect2-container--above .pumselect2-selection--multiple {
  809. border-top-right-radius: 0;
  810. border-top-left-radius: 0;
  811. }
  812. .pum-field-select2 .pumselect2-container--default.pumselect2-container--open.pumselect2-container--below .pumselect2-selection--single,
  813. .pum-field-select2 .pumselect2-container--default.pumselect2-container--open.pumselect2-container--below .pumselect2-selection--multiple {
  814. border-bottom-right-radius: 0;
  815. border-bottom-left-radius: 0;
  816. }
  817. .pum-field-select2 .pumselect2-container--default .pumselect2-search--dropdown .pumselect2-search__field {
  818. border: 1px solid #aaa;
  819. }
  820. .pum-field-select2 .pumselect2-container--default .pumselect2-search--inline .pumselect2-search__field {
  821. background: transparent;
  822. border: none;
  823. outline: 0;
  824. box-shadow: none;
  825. -webkit-appearance: textfield;
  826. }
  827. .pum-field-select2 .pumselect2-container--default .pumselect2-results > .pumselect2-results__options {
  828. max-height: 200px;
  829. overflow-y: auto;
  830. }
  831. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option[role='group'] {
  832. padding: 0;
  833. }
  834. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option[aria-disabled='true'] {
  835. color: #999;
  836. }
  837. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option[aria-selected='true'] {
  838. background-color: #ddd;
  839. }
  840. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option {
  841. padding-right: 1em;
  842. }
  843. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__group {
  844. padding-right: 0;
  845. }
  846. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option {
  847. margin-right: -1em;
  848. padding-right: 2em;
  849. }
  850. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option {
  851. margin-right: -2em;
  852. padding-right: 3em;
  853. }
  854. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option {
  855. margin-right: -3em;
  856. padding-right: 4em;
  857. }
  858. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option {
  859. margin-right: -4em;
  860. padding-right: 5em;
  861. }
  862. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option .pumselect2-results__option {
  863. margin-right: -5em;
  864. padding-right: 6em;
  865. }
  866. .pum-field-select2 .pumselect2-container--default .pumselect2-results__option--highlighted[aria-selected] {
  867. background-color: #5897fb;
  868. color: white;
  869. }
  870. .pum-field-select2 .pumselect2-container--default .pumselect2-results__group {
  871. cursor: default;
  872. display: block;
  873. padding: 6px;
  874. }
  875. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single {
  876. background-color: #f7f7f7;
  877. border: 1px solid #aaa;
  878. border-radius: 4px;
  879. outline: 0;
  880. background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  881. background-repeat: repeat-x;
  882. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  883. }
  884. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single:focus {
  885. border: 1px solid #5897fb;
  886. }
  887. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single .pumselect2-selection__rendered {
  888. color: #444;
  889. line-height: 28px;
  890. }
  891. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single .pumselect2-selection__clear {
  892. cursor: pointer;
  893. float: left;
  894. font-weight: bold;
  895. margin-left: 10px;
  896. }
  897. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single .pumselect2-selection__placeholder {
  898. color: #999;
  899. }
  900. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single .pumselect2-selection__arrow {
  901. background-color: #ddd;
  902. border: none;
  903. border-right: 1px solid #aaa;
  904. border-top-left-radius: 4px;
  905. border-bottom-left-radius: 4px;
  906. height: 26px;
  907. position: absolute;
  908. top: 1px;
  909. left: 1px;
  910. width: 20px;
  911. background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  912. background-repeat: repeat-x;
  913. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
  914. }
  915. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--single .pumselect2-selection__arrow b {
  916. border-color: #888 transparent transparent transparent;
  917. border-style: solid;
  918. border-width: 5px 4px 0 4px;
  919. height: 0;
  920. right: 50%;
  921. margin-right: -4px;
  922. margin-top: -2px;
  923. position: absolute;
  924. top: 50%;
  925. width: 0;
  926. }
  927. .pum-field-select2 .pumselect2-container--classic[dir='rtl'] .pumselect2-selection--single .pumselect2-selection__clear {
  928. float: right;
  929. }
  930. .pum-field-select2 .pumselect2-container--classic[dir='rtl'] .pumselect2-selection--single .pumselect2-selection__arrow {
  931. border: none;
  932. border-left: 1px solid #aaa;
  933. border-radius: 0;
  934. border-top-right-radius: 4px;
  935. border-bottom-right-radius: 4px;
  936. right: 1px;
  937. left: auto;
  938. }
  939. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open .pumselect2-selection--single {
  940. border: 1px solid #5897fb;
  941. }
  942. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open .pumselect2-selection--single .pumselect2-selection__arrow {
  943. background: transparent;
  944. border: none;
  945. }
  946. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open .pumselect2-selection--single .pumselect2-selection__arrow b {
  947. border-color: transparent transparent #888 transparent;
  948. border-width: 0 4px 5px 4px;
  949. }
  950. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open.pumselect2-container--above .pumselect2-selection--single {
  951. border-top: none;
  952. border-top-right-radius: 0;
  953. border-top-left-radius: 0;
  954. background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  955. background-repeat: repeat-x;
  956. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
  957. }
  958. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open.pumselect2-container--below .pumselect2-selection--single {
  959. border-bottom: none;
  960. border-bottom-right-radius: 0;
  961. border-bottom-left-radius: 0;
  962. background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  963. background-repeat: repeat-x;
  964. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
  965. }
  966. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple {
  967. background-color: white;
  968. border: 1px solid #aaa;
  969. border-radius: 4px;
  970. cursor: text;
  971. outline: 0;
  972. }
  973. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple:focus {
  974. border: 1px solid #5897fb;
  975. }
  976. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple .pumselect2-selection__rendered {
  977. list-style: none;
  978. margin: 0;
  979. padding: 0 5px;
  980. }
  981. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple .pumselect2-selection__clear {
  982. display: none;
  983. }
  984. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple .pumselect2-selection__choice {
  985. background-color: #e4e4e4;
  986. border: 1px solid #aaa;
  987. border-radius: 4px;
  988. cursor: default;
  989. float: right;
  990. margin-left: 5px;
  991. margin-top: 5px;
  992. padding: 0 5px;
  993. }
  994. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple .pumselect2-selection__choice__remove {
  995. color: #888;
  996. cursor: pointer;
  997. display: inline-block;
  998. font-weight: bold;
  999. margin-left: 2px;
  1000. }
  1001. .pum-field-select2 .pumselect2-container--classic .pumselect2-selection--multiple .pumselect2-selection__choice__remove:hover {
  1002. color: #555;
  1003. }
  1004. .pum-field-select2 .pumselect2-container--classic[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice {
  1005. float: left;
  1006. }
  1007. .pum-field-select2 .pumselect2-container--classic[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice {
  1008. margin-right: 5px;
  1009. margin-left: auto;
  1010. }
  1011. .pum-field-select2 .pumselect2-container--classic[dir='rtl'] .pumselect2-selection--multiple .pumselect2-selection__choice__remove {
  1012. margin-right: 2px;
  1013. margin-left: auto;
  1014. }
  1015. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open .pumselect2-selection--multiple {
  1016. border: 1px solid #5897fb;
  1017. }
  1018. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open.pumselect2-container--above .pumselect2-selection--multiple {
  1019. border-top: none;
  1020. border-top-right-radius: 0;
  1021. border-top-left-radius: 0;
  1022. }
  1023. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open.pumselect2-container--below .pumselect2-selection--multiple {
  1024. border-bottom: none;
  1025. border-bottom-right-radius: 0;
  1026. border-bottom-left-radius: 0;
  1027. }
  1028. .pum-field-select2 .pumselect2-container--classic .pumselect2-search--dropdown .pumselect2-search__field {
  1029. border: 1px solid #aaa;
  1030. outline: 0;
  1031. }
  1032. .pum-field-select2 .pumselect2-container--classic .pumselect2-search--inline .pumselect2-search__field {
  1033. outline: 0;
  1034. box-shadow: none;
  1035. }
  1036. .pum-field-select2 .pumselect2-container--classic .pumselect2-dropdown {
  1037. background-color: white;
  1038. border: 1px solid transparent;
  1039. }
  1040. .pum-field-select2 .pumselect2-container--classic .pumselect2-dropdown--above {
  1041. border-bottom: none;
  1042. }
  1043. .pum-field-select2 .pumselect2-container--classic .pumselect2-dropdown--below {
  1044. border-top: none;
  1045. }
  1046. .pum-field-select2 .pumselect2-container--classic .pumselect2-results > .pumselect2-results__options {
  1047. max-height: 200px;
  1048. overflow-y: auto;
  1049. }
  1050. .pum-field-select2 .pumselect2-container--classic .pumselect2-results__option[role='group'] {
  1051. padding: 0;
  1052. }
  1053. .pum-field-select2 .pumselect2-container--classic .pumselect2-results__option[aria-disabled='true'] {
  1054. color: grey;
  1055. }
  1056. .pum-field-select2 .pumselect2-container--classic .pumselect2-results__option--highlighted[aria-selected] {
  1057. background-color: #3875d7;
  1058. color: white;
  1059. }
  1060. .pum-field-select2 .pumselect2-container--classic .pumselect2-results__group {
  1061. cursor: default;
  1062. display: block;
  1063. padding: 6px;
  1064. }
  1065. .pum-field-select2 .pumselect2-container--classic.pumselect2-container--open .pumselect2-dropdown {
  1066. border-color: #5897fb;
  1067. }
  1068. .pum-field-select2 > .pumselect2-container--below.pumselect2-container--open
  1069. + .pumselect2-container--open,
  1070. .pum-field-select2 > .pumselect2-container--below.pumselect2-container--open
  1071. + .pum-desc
  1072. + .pumselect2-container--open {
  1073. position: absolute !important;
  1074. }
  1075. .pum-field-select2 .pumselect2-container .pumselect2-selection {
  1076. margin: 1px;
  1077. font-size: 14px;
  1078. border-radius: 0;
  1079. box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
  1080. border-color: #ddd;
  1081. transition: 0.05s border-color ease-in-out;
  1082. min-height: 30px;
  1083. }
  1084. .pum-field-select2 .pumselect2-container.pumselect2-container--focus .pumselect2-selection {
  1085. outline: none;
  1086. border-color: #5b9dd9;
  1087. box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
  1088. }
  1089. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple {
  1090. overflow-y: auto;
  1091. max-height: 150px;
  1092. min-height: 28px;
  1093. line-height: 16px;
  1094. font-size: 12px;
  1095. }
  1096. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple .pumselect2-selection__clear {
  1097. margin-left: 3px;
  1098. }
  1099. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple .pumselect2-search--inline {
  1100. margin: 0;
  1101. }
  1102. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple .pumselect2-search--inline .pumselect2-search__field {
  1103. border-color: #ddd;
  1104. min-width: 5em;
  1105. width: 100% !important;
  1106. }
  1107. .pum-field-select2 .pumselect2-container .pumselect2-selection--multiple .pumselect2-selection__choice {
  1108. margin-top: 4px;
  1109. margin-bottom: 0;
  1110. }
  1111. .pum-field-select2 .pumselect2-container .pumselect2-dropdown {
  1112. margin: 0 1px;
  1113. border-color: #ddd;
  1114. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  1115. max-width: calc( 100% - 4px);
  1116. position: relative;
  1117. }
  1118. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-search__field {
  1119. border-color: #ddd;
  1120. min-width: 5em;
  1121. }
  1122. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-results .pumselect2-results__option {
  1123. padding: 3px 6px;
  1124. margin: 0;
  1125. }
  1126. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-results .pumselect2-results__option[role='group'] {
  1127. padding: 3px 0 0;
  1128. }
  1129. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-results .pumselect2-results__option[role='group'] .pumselect2-results__group {
  1130. padding: 0 6px;
  1131. }
  1132. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-results .pumselect2-results__options--nested {
  1133. padding: 3px 6px 0;
  1134. }
  1135. .pum-field-select2 .pumselect2-container .pumselect2-dropdown .pumselect2-results .pumselect2-results__option--highlighted {
  1136. background: #3e86d0;
  1137. }
  1138. .pum-field-select2 .pumselect2-container
  1139. + .pumselect2-container--open {
  1140. top: inherit !important;
  1141. }
  1142. /*!******************************************************************************
  1143. * Copyright (c) 2019, Code Atlantic LLC
  1144. ******************************************************************************/
  1145. .pum-tabs-container {
  1146. box-sizing: border-box;
  1147. position: relative;
  1148. }
  1149. .pum-tabs-container > * {
  1150. box-sizing: border-box;
  1151. }
  1152. .pum-tabs-container > ul.tabs {
  1153. margin: 0;
  1154. }
  1155. .pum-tabs-container > ul.tabs .tab {
  1156. font-size: 1.2em;
  1157. }
  1158. .pum-tabs-container > ul.tabs .tab a {
  1159. padding: 8px 16px;
  1160. border: 0;
  1161. display: block;
  1162. text-decoration: none;
  1163. }
  1164. .pum-tabs-container > ul.tabs .tab a:focus {
  1165. box-shadow: none;
  1166. }
  1167. .pum-tabs-container > .tab-content {
  1168. display: none;
  1169. padding: 16px;
  1170. }
  1171. .pum-tabs-container > .tab-content.active {
  1172. display: block;
  1173. }
  1174. .pum-tabs-container > .tab-content .form-table {
  1175. display: block;
  1176. }
  1177. .pum-tabs-container > .tab-content .form-table:first-child {
  1178. margin-top: 0;
  1179. }
  1180. .pum-tabs-container.horizontal-tabs {
  1181. display: block;
  1182. }
  1183. .pum-tabs-container.horizontal-tabs > ul.tabs > li.tab {
  1184. display: inline-block;
  1185. padding: 0;
  1186. margin: 0;
  1187. }
  1188. .pum-tabs-container.horizontal-tabs > ul.tabs > li.tab a {
  1189. padding: 0.5em 1em;
  1190. }
  1191. .pum-tabs-container.horizontal-tabs > .tab-content {
  1192. padding-top: 16px;
  1193. }
  1194. .pum-tabs-container.vertical-tabs {
  1195. min-height: 100px;
  1196. padding-right: 140px;
  1197. width: 100%;
  1198. }
  1199. .pum-tabs-container.vertical-tabs > ul.tabs {
  1200. width: 140px;
  1201. min-height: 100%;
  1202. display: block;
  1203. position: absolute;
  1204. right: 0;
  1205. top: 0;
  1206. margin: 0;
  1207. border-top: 0;
  1208. border-left: 1px solid #dfdfdf;
  1209. }
  1210. .pum-tabs-container.vertical-tabs > ul.tabs > .tab {
  1211. margin: 0;
  1212. display: block;
  1213. border-bottom: 1px solid #eee;
  1214. }
  1215. .pum-tabs-container.vertical-tabs > ul.tabs > .tab a {
  1216. background: #fcfcfc;
  1217. color: #000;
  1218. display: block;
  1219. }
  1220. .pum-tabs-container.vertical-tabs > ul.tabs > .tab:hover a,
  1221. .pum-tabs-container.vertical-tabs > ul.tabs > .tab a:focus {
  1222. background-color: #0073aa;
  1223. }
  1224. .pum-tabs-container.vertical-tabs > ul.tabs > .tab.active a {
  1225. background-color: #32373c;
  1226. color: #fff;
  1227. }
  1228. .pum-tabs-container.vertical-tabs > ul.tabs > .tab:first-child {
  1229. margin-top: 8px;
  1230. }
  1231. .pum-tabs-container.link-tabs > ul.tabs {
  1232. display: block;
  1233. }
  1234. .pum-tabs-container.link-tabs > ul.tabs > li.tab {
  1235. display: inline-block;
  1236. }
  1237. .pum-tabs-container.link-tabs > ul.tabs > li.tab a {
  1238. display: inline;
  1239. padding: 0 0.25em;
  1240. color: #0073aa;
  1241. }
  1242. .pum-tabs-container.link-tabs > ul.tabs > li.tab.active a,
  1243. .pum-tabs-container.link-tabs > ul.tabs > li.tab a:active {
  1244. color: #000;
  1245. }
  1246. .pum-tabs-container.link-tabs > ul.tabs > li.tab.active a,
  1247. .pum-tabs-container.link-tabs > ul.tabs > li.tab:hover a,
  1248. .pum-tabs-container.link-tabs > ul.tabs > li.tab a:active {
  1249. text-decoration: underline;
  1250. }
  1251. .pum-tabs-container.link-tabs > ul.tabs > li.tab::after {
  1252. display: inline-block;
  1253. content: '|';
  1254. margin: 0 0.25em;
  1255. }
  1256. .pum-tabs-container.link-tabs > ul.tabs > li.tab:last-child::after {
  1257. content: '';
  1258. }
  1259. .pum-tabs-container.sub-tabs > .tab-content {
  1260. padding: 16px 0 0;
  1261. }
  1262. .pum-tabs-container.sub-tabs > .tab-content .pum-field:first-child h3 {
  1263. margin-top: 0;
  1264. }
  1265. .pum-tabs-container[data-tab-count='0'].horizontal-tabs > ul.tabs, .pum-tabs-container[data-tab-count='1'].horizontal-tabs > ul.tabs {
  1266. display: none;
  1267. }
  1268. .pum-tabs-container[data-tab-count='0'].sub-tabs > .tab-content, .pum-tabs-container[data-tab-count='1'].sub-tabs > .tab-content {
  1269. padding-top: 0;
  1270. }
  1271. #pum-settings_extensions
  1272. .pum-tabs-container[data-tab-count='1'].horizontal-tabs
  1273. > ul.tabs {
  1274. display: block !important;
  1275. }
  1276. #pum-settings_extensions
  1277. .pum-tabs-container[data-tab-count='1'].sub-tabs
  1278. > .tab-content {
  1279. padding-top: 16px !important;
  1280. }
  1281. .pum-tab-panel {
  1282. box-sizing: border-box;
  1283. position: relative;
  1284. }
  1285. .pum-tab-panel > * {
  1286. box-sizing: border-box;
  1287. }
  1288. .pum-tab-panel > .components-tab-panel__tabs {
  1289. margin: 0;
  1290. }
  1291. .pum-tab-panel > .components-tab-panel__tabs .components-tab-panel__tab {
  1292. font-size: 1.2em;
  1293. padding: 8px 16px;
  1294. border: 0;
  1295. display: block;
  1296. text-decoration: none;
  1297. }
  1298. .pum-tab-panel > .components-tab-panel__tabs .components-tab-panel__tab:focus {
  1299. box-shadow: none;
  1300. }
  1301. .pum-tab-panel > .components-tab-panel__tab-content {
  1302. padding: 16px;
  1303. }
  1304. .pum-tab-panel > .components-tab-panel__tab-content .form-table {
  1305. display: block;
  1306. }
  1307. .pum-tab-panel > .components-tab-panel__tab-content .form-table:first-child {
  1308. margin-top: 0;
  1309. }
  1310. .pum-tab-panel.pum-horizontal-tabs {
  1311. display: block;
  1312. }
  1313. .pum-tab-panel.pum-horizontal-tabs > .components-tab-panel__tabs > .components-tab-panel__tab {
  1314. display: inline-block;
  1315. padding: 0;
  1316. margin: 0;
  1317. }
  1318. .pum-tab-panel.pum-horizontal-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a {
  1319. padding: 0.5em 1em;
  1320. }
  1321. .pum-tab-panel.pum-horizontal-tabs > .components-tab-panel__tab-content {
  1322. padding-top: 16px;
  1323. }
  1324. .pum-tab-panel.pum-vertical-tabs {
  1325. min-height: 100px;
  1326. padding-right: 140px;
  1327. width: 100%;
  1328. }
  1329. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs {
  1330. width: 140px;
  1331. min-height: 100%;
  1332. display: block;
  1333. position: absolute;
  1334. right: 0;
  1335. top: 0;
  1336. margin: 0;
  1337. border-top: 0;
  1338. border-left: 1px solid #dfdfdf;
  1339. }
  1340. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab {
  1341. margin: 0;
  1342. display: block;
  1343. border-bottom: 1px solid #eee;
  1344. }
  1345. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a {
  1346. background: #fcfcfc;
  1347. color: #000;
  1348. display: block;
  1349. }
  1350. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab:hover a,
  1351. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a:focus {
  1352. background-color: #0073aa;
  1353. }
  1354. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab.is-active a {
  1355. background-color: #32373c;
  1356. color: #fff;
  1357. }
  1358. .pum-tab-panel.pum-vertical-tabs > .components-tab-panel__tabs > .components-tab-panel__tab:first-child {
  1359. margin-top: 8px;
  1360. }
  1361. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs {
  1362. display: block;
  1363. }
  1364. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab {
  1365. display: inline-block;
  1366. }
  1367. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a {
  1368. display: inline;
  1369. padding: 0 0.25em;
  1370. color: #0073aa;
  1371. }
  1372. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab.is-active a,
  1373. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a:active {
  1374. color: #000;
  1375. }
  1376. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab.is-active a,
  1377. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab:hover a,
  1378. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab a:active {
  1379. text-decoration: underline;
  1380. }
  1381. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab::after {
  1382. display: inline-block;
  1383. content: '|';
  1384. margin: 0 0.25em;
  1385. }
  1386. .pum-tab-panel.pum-link-tabs > .components-tab-panel__tabs > .components-tab-panel__tab:last-child::after {
  1387. content: '';
  1388. }
  1389. .pum-tab-panel.pum-sub-tabs > .components-tab-panel__tab-content {
  1390. padding: 16px 0 0;
  1391. }
  1392. .pum-tab-panel.pum-sub-tabs > .components-tab-panel__tab-content .pum-field:first-child h3 {
  1393. margin-top: 0;
  1394. }
  1395. .pum-tab-panel[data-tab-count='0'].pum-horizontal-tabs > .components-tab-panel__tabs, .pum-tab-panel[data-tab-count='1'].pum-horizontal-tabs > .components-tab-panel__tabs {
  1396. display: none;
  1397. }
  1398. .pum-tab-panel[data-tab-count='0'].pum-sub-tabs > .components-tab-panel__tab-content, .pum-tab-panel[data-tab-count='1'].pum-sub-tabs > .components-tab-panel__tab-content {
  1399. padding-top: 0;
  1400. }
  1401. .pum-modal-background {
  1402. display: none;
  1403. position: fixed;
  1404. top: 0;
  1405. right: 0;
  1406. left: 0;
  1407. bottom: 0;
  1408. height: 100%;
  1409. width: 100%;
  1410. background: rgba(0, 0, 0, 0.7);
  1411. z-index: 100100;
  1412. overflow-y: scroll;
  1413. }
  1414. .pum-modal-background, .pum-modal-background:before, .pum-modal-background:after,
  1415. .pum-modal-background *,
  1416. .pum-modal-background *:before,
  1417. .pum-modal-background *:after {
  1418. /* Safari/Chrome, other WebKit */
  1419. /* Firefox, other Gecko */
  1420. box-sizing: border-box;
  1421. }
  1422. .pum-modal-background .pum-modal-wrap {
  1423. position: absolute;
  1424. top: 60px;
  1425. margin-bottom: 60px;
  1426. right: 50%;
  1427. width: 550px;
  1428. margin-right: -300px;
  1429. background-color: #fff;
  1430. box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  1431. z-index: 100105;
  1432. transition: height 0.2s, margin-top 0.2s;
  1433. }
  1434. @media screen and (max-width: 520px) {
  1435. .pum-modal-background .pum-modal-wrap {
  1436. width: auto;
  1437. margin-right: 0;
  1438. top: 10px;
  1439. left: 10px;
  1440. bottom: 10px;
  1441. right: 10px;
  1442. }
  1443. }
  1444. .pum-modal-background .pum-modal-header {
  1445. position: absolute;
  1446. top: 0;
  1447. left: 0;
  1448. right: 0;
  1449. height: 36px;
  1450. padding: 0 16px 0 36px;
  1451. font-size: 18px;
  1452. font-weight: 600;
  1453. line-height: 36px;
  1454. background: #fcfcfc;
  1455. border-bottom: 1px solid #dfdfdf;
  1456. }
  1457. .pum-modal-background .pum-modal-header .pum-modal-close {
  1458. position: absolute;
  1459. top: 0;
  1460. left: 0;
  1461. width: 36px;
  1462. height: 36px;
  1463. padding: 0;
  1464. color: #666;
  1465. text-align: center;
  1466. background: 100% 0;
  1467. border: none;
  1468. cursor: pointer;
  1469. }
  1470. .pum-modal-background .pum-modal-header .pum-modal-close::before {
  1471. font: 400 20px/36px dashicons;
  1472. vertical-align: top;
  1473. speak: none;
  1474. -webkit-font-smoothing: antialiased;
  1475. -moz-osx-font-smoothing: grayscale;
  1476. width: 36px;
  1477. height: 36px;
  1478. content: '\f158';
  1479. }
  1480. .pum-modal-background .pum-modal-content {
  1481. padding: 52px 16px 60px;
  1482. }
  1483. .pum-modal-background .pum-modal-content div.error {
  1484. margin: 0 0 10px;
  1485. }
  1486. .pum-modal-background .pum-modal-content p {
  1487. margin-top: 0;
  1488. }
  1489. .pum-modal-background .pum-modal-content textarea {
  1490. width: 100%;
  1491. }
  1492. @media screen and (max-width: 782px) {
  1493. .pum-modal-background .pum-modal-content {
  1494. padding: 50px 16px 60px;
  1495. }
  1496. }
  1497. .pum-modal-background .pum-modal-footer {
  1498. position: absolute;
  1499. bottom: 0;
  1500. right: 0;
  1501. left: 0;
  1502. padding: 8px 16px;
  1503. background: #fcfcfc;
  1504. border-top: 1px solid #dfdfdf;
  1505. }
  1506. .pum-modal-background .pum-modal-footer .cancel {
  1507. line-height: 25px;
  1508. float: right;
  1509. }
  1510. .pum-modal-background .pum-modal-footer .cancel .no-button {
  1511. border: 0;
  1512. padding: 0;
  1513. background: none;
  1514. cursor: pointer;
  1515. }
  1516. .pum-modal-background .pum-modal-footer .cancel .no-button.link-button {
  1517. color: #0073aa;
  1518. text-decoration: underline;
  1519. }
  1520. .pum-modal-background .pum-modal-footer .cancel .submitdelete {
  1521. text-decoration: none;
  1522. padding: 1px 2px;
  1523. }
  1524. @media screen and (max-width: 782px) {
  1525. .pum-modal-background .pum-modal-footer .cancel {
  1526. line-height: 32px;
  1527. }
  1528. }
  1529. .pum-modal-background .pum-modal-footer .pum-submit {
  1530. line-height: 23px;
  1531. float: left;
  1532. }
  1533. .pum-modal-background .pum-modal-footer .pum-submit button {
  1534. float: left;
  1535. margin-bottom: 0;
  1536. }
  1537. .pum-modal-background .pum-modal-footer .pum-submit .spinner {
  1538. float: right;
  1539. vertical-align: middle;
  1540. }
  1541. .pum-modal-background.tabbed-content .pum-modal-content {
  1542. padding: 36px 0 44px;
  1543. }
  1544. /*!******************************************************************************
  1545. * Copyright (c) 2019, Code Atlantic LLC
  1546. ******************************************************************************/
  1547. .pum-alert {
  1548. position: relative;
  1549. padding: 0 12px;
  1550. border-right: 4px solid #ccc;
  1551. background: #fff;
  1552. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  1553. width: 100%;
  1554. }
  1555. .pum-alert.pum-alert__success {
  1556. border-right-color: #46b450;
  1557. }
  1558. .pum-alert.pum-alert__info {
  1559. border-right-color: #00a0d2;
  1560. }
  1561. .pum-alert.pum-alert__warning {
  1562. border-right-color: #ffb900;
  1563. }
  1564. .pum-alert.pum-alert__error {
  1565. border-right-color: #dc3232;
  1566. }
  1567. .pum-alert-holder {
  1568. display: flex;
  1569. margin-bottom: 0.8em;
  1570. }
  1571. .pum-alerts {
  1572. position: relative;
  1573. max-width: 1280px;
  1574. margin: 20px 0 1px;
  1575. padding: 20px 20px 0;
  1576. border: 1px solid #e5e5e5;
  1577. background-color: #fdfdfd;
  1578. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1579. clear: both;
  1580. top: 10px;
  1581. margin-left: 20px !important;
  1582. }
  1583. .pum-alerts > h2:first-child {
  1584. margin: 0;
  1585. padding: 9px 0 4px;
  1586. font-size: 23px;
  1587. font-weight: 400;
  1588. line-height: 29px;
  1589. }
  1590. .pum-alerts h3 {
  1591. margin: -20px -20px 0;
  1592. padding: 1em;
  1593. border-bottom: 1px solid #ccc;
  1594. background-color: #fdfdfd;
  1595. font-size: 1.4em;
  1596. }
  1597. .pum-alerts img.logo {
  1598. width: 25px;
  1599. margin: -2px 0 -2px 5px;
  1600. }
  1601. .pum-alerts .pum-alert {
  1602. width: 100%;
  1603. }
  1604. .pum-alerts .button.dismiss, .pum-alerts .button.restore {
  1605. width: 45px;
  1606. height: 45px;
  1607. margin-right: 10px;
  1608. padding: 0;
  1609. outline: 0;
  1610. line-height: inherit;
  1611. cursor: pointer;
  1612. flex: 0 0 45px;
  1613. display: flex;
  1614. justify-content: center;
  1615. align-items: center;
  1616. }
  1617. .pum-alerts .button.dismiss .dashicons, .pum-alerts .button.restore .dashicons {
  1618. width: 24px;
  1619. height: 24px;
  1620. font-size: 24px;
  1621. }
  1622. .pum-alerts .button.dismiss:focus, .pum-alerts .button.dismiss:hover {
  1623. background: 100% 0;
  1624. }
  1625. .pum-alerts .button.restore:focus, .pum-alerts .button.restore:hover {
  1626. background: 100% 0;
  1627. }
  1628. .popup_page_pum-extensions .pum-alerts {
  1629. top: 0;
  1630. }
  1631. .pum-alerts .screen-reader-text {
  1632. overflow: hidden;
  1633. clip: rect(1px, 1px, 1px, 1px);
  1634. position: absolute !important;
  1635. width: 1px;
  1636. height: 1px;
  1637. padding: 0;
  1638. border: 0;
  1639. word-wrap: normal !important;
  1640. -webkit-clip-path: inset(50%);
  1641. clip-path: inset(50%);
  1642. }
  1643. .pum-bottom-spacing {
  1644. margin-bottom: 20px;
  1645. }
  1646. .pum-container-disabled {
  1647. display: table-cell;
  1648. position: absolute;
  1649. top: 0;
  1650. left: 0;
  1651. bottom: 0;
  1652. right: 0;
  1653. border-radius: 4px;
  1654. background-color: rgba(232, 232, 232, 0.7);
  1655. }
  1656. .pum-muted-title {
  1657. overflow: hidden;
  1658. font-weight: 600;
  1659. font-style: italic;
  1660. }
  1661. .pum-muted-title:after {
  1662. display: inline-block;
  1663. width: 100%;
  1664. height: 0.5em;
  1665. margin-left: -100%;
  1666. margin-right: 10px;
  1667. border-top: 1px solid #ddd;
  1668. vertical-align: bottom;
  1669. content: '';
  1670. }
  1671. /*!******************************************************************************
  1672. * Copyright (c) 2019, Code Atlantic LLC
  1673. ******************************************************************************/
  1674. /*!******************************************************************************
  1675. * Copyright (c) 2019, Code Atlantic LLC
  1676. ******************************************************************************/
  1677. /**
  1678. * Triggers field
  1679. */
  1680. .pum-field-triggers .pum-popup-trigger-editor .pum-add-new,
  1681. .pum-field-triggers .pum-popup-trigger-editor .add-new {
  1682. float: left;
  1683. }
  1684. .pum-field-triggers .pum-popup-trigger-editor .list-table {
  1685. display: none !important;
  1686. }
  1687. .pum-field-triggers .pum-popup-trigger-editor .list-table thead th,
  1688. .pum-field-triggers .pum-popup-trigger-editor .list-table thead td,
  1689. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody th,
  1690. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody td {
  1691. text-align: center;
  1692. }
  1693. .pum-field-triggers .pum-popup-trigger-editor .list-table thead th:first-child,
  1694. .pum-field-triggers .pum-popup-trigger-editor .list-table thead td:first-child,
  1695. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody th:first-child,
  1696. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody td:first-child {
  1697. text-align: right;
  1698. }
  1699. .pum-field-triggers .pum-popup-trigger-editor .list-table thead th:last-child,
  1700. .pum-field-triggers .pum-popup-trigger-editor .list-table thead td:last-child,
  1701. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody th:last-child,
  1702. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody td:last-child {
  1703. text-align: left;
  1704. }
  1705. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody th:first-child,
  1706. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody td:first-child {
  1707. padding-right: 0;
  1708. }
  1709. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody th:last-child,
  1710. .pum-field-triggers .pum-popup-trigger-editor .list-table tbody td:last-child {
  1711. padding-left: 0;
  1712. }
  1713. .pum-field-triggers .pum-popup-trigger-editor span.edit {
  1714. cursor: pointer;
  1715. color: #0073aa;
  1716. text-decoration: underline;
  1717. }
  1718. .pum-field-triggers .pum-popup-trigger-editor .list-item-actions i {
  1719. cursor: pointer;
  1720. }
  1721. .pum-field-triggers .pum-popup-trigger-editor .no-list-items {
  1722. display: block;
  1723. }
  1724. .pum-field-triggers .pum-popup-trigger-editor .no-list-items select {
  1725. max-width: 100%;
  1726. }
  1727. .pum-field-triggers .pum-popup-trigger-editor.has-list-items .list-table {
  1728. display: block !important;
  1729. }
  1730. .pum-field-triggers .pum-popup-trigger-editor.has-list-items .no-list-items {
  1731. display: none !important;
  1732. }
  1733. /**
  1734. * Cookies field
  1735. */
  1736. .pum-field-cookies .pum-popup-cookie-editor .pum-add-new,
  1737. .pum-field-cookies .pum-popup-cookie-editor .add-new {
  1738. float: left;
  1739. }
  1740. .pum-field-cookies .pum-popup-cookie-editor .list-table {
  1741. display: none !important;
  1742. }
  1743. .pum-field-cookies .pum-popup-cookie-editor .list-table thead th,
  1744. .pum-field-cookies .pum-popup-cookie-editor .list-table thead td,
  1745. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody th,
  1746. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody td {
  1747. text-align: center;
  1748. }
  1749. .pum-field-cookies .pum-popup-cookie-editor .list-table thead th:first-child,
  1750. .pum-field-cookies .pum-popup-cookie-editor .list-table thead td:first-child,
  1751. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody th:first-child,
  1752. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody td:first-child {
  1753. text-align: right;
  1754. }
  1755. .pum-field-cookies .pum-popup-cookie-editor .list-table thead th:last-child,
  1756. .pum-field-cookies .pum-popup-cookie-editor .list-table thead td:last-child,
  1757. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody th:last-child,
  1758. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody td:last-child {
  1759. text-align: left;
  1760. }
  1761. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody th:first-child,
  1762. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody td:first-child {
  1763. padding-right: 0;
  1764. }
  1765. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody th:last-child,
  1766. .pum-field-cookies .pum-popup-cookie-editor .list-table tbody td:last-child {
  1767. padding-left: 0;
  1768. }
  1769. .pum-field-cookies .pum-popup-cookie-editor span.edit {
  1770. cursor: pointer;
  1771. color: #0073aa;
  1772. text-decoration: underline;
  1773. }
  1774. .pum-field-cookies .pum-popup-cookie-editor .list-item-actions i {
  1775. cursor: pointer;
  1776. }
  1777. .pum-field-cookies .pum-popup-cookie-editor .no-list-items {
  1778. display: block;
  1779. }
  1780. .pum-field-cookies .pum-popup-cookie-editor .no-list-items select {
  1781. max-width: 100%;
  1782. }
  1783. .pum-field-cookies .pum-popup-cookie-editor.has-list-items .list-table {
  1784. display: block !important;
  1785. }
  1786. .pum-field-cookies .pum-popup-cookie-editor.has-list-items .no-list-items {
  1787. display: none !important;
  1788. }
  1789. .pum-field-cookie_key .cookie-key {
  1790. position: relative;
  1791. display: inline-block;
  1792. }
  1793. .pum-field-cookie_key .cookie-key button.reset {
  1794. position: absolute;
  1795. left: 0;
  1796. top: 0;
  1797. bottom: 0;
  1798. height: 100%;
  1799. }
  1800. /* Upgrade Tips */
  1801. /*!******************************************************************************
  1802. * Copyright (c) 2019, Code Atlantic LLC
  1803. ******************************************************************************/
  1804. .pum-upgrade-tip {
  1805. color: #333;
  1806. line-height: 2em !important;
  1807. }
  1808. .pum-upgrade-tipdiv {
  1809. margin-bottom: 15px;
  1810. display: block;
  1811. font-weight: bold;
  1812. }
  1813. .pum-upgrade-tip img {
  1814. float: right;
  1815. margin-left: 15px;
  1816. }
  1817. /* Form Table Dividers */
  1818. /*!******************************************************************************
  1819. * Copyright (c) 2019, Code Atlantic LLC
  1820. ******************************************************************************/
  1821. .title-divider th {
  1822. border-top: 1px solid #ccc;
  1823. padding: 0;
  1824. }
  1825. .title-divider .title {
  1826. font-size: 1.125em;
  1827. padding-right: 0 !important;
  1828. padding-top: 20px !important;
  1829. padding-bottom: 0 !important;
  1830. }
  1831. .form-table td,
  1832. .form-table tr {
  1833. padding-top: 10px;
  1834. }
  1835. .posttypediv,
  1836. .taxonomydiv {
  1837. margin-bottom: 10px;
  1838. clear: both;
  1839. overflow: auto;
  1840. }
  1841. /************
  1842. Styles for upgrade notice bar
  1843. ************/
  1844. @media screen and (max-width: 1023px) {
  1845. .pum-notice-bar {
  1846. display: none !important;
  1847. }
  1848. }
  1849. .pum-notice-bar-wrapper {
  1850. position: absolute;
  1851. z-index: 10;
  1852. visibility: hidden;
  1853. width: 50%;
  1854. right: 0;
  1855. left: 0;
  1856. margin: 0 auto;
  1857. }
  1858. .pum-notice-bar-wrapper .pum-notice-bar {
  1859. display: flex;
  1860. justify-content: center;
  1861. background-color: #f6f6f6;
  1862. border-top: 3px solid #ad1b8e;
  1863. color: #777;
  1864. padding: 7px;
  1865. max-height: 100px;
  1866. visibility: visible;
  1867. }
  1868. .pum-notice-bar-wrapper .pum-notice-bar a {
  1869. color: #9aba27;
  1870. }
  1871. /************
  1872. Styles for our log viewers
  1873. ************/
  1874. #log-viewer {
  1875. background-color: #fff;
  1876. border: 1px solid #e5e5e5;
  1877. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  1878. padding: 5px 20px;
  1879. margin: 20px 0;
  1880. }
  1881. #log-viewer pre {
  1882. font-family: monospace;
  1883. white-space: pre-wrap;
  1884. }
  1885. /************
  1886. Styles for welcome screen
  1887. ************/
  1888. .pum-welcome-wrapper {
  1889. margin: 0;
  1890. padding: 10px;
  1891. background-color: #fff;
  1892. }
  1893. @media only screen and (min-width: 600px) {
  1894. .pum-welcome-wrapper {
  1895. max-width: 500px;
  1896. margin: 40px auto 0;
  1897. padding: 40px 30px;
  1898. }
  1899. }
  1900. .pum-welcome-wrapper ul {
  1901. list-style: disc;
  1902. padding-right: 20px;
  1903. }
  1904. .pum-welcome-wrapper .pum-welcome-signature {
  1905. margin-top: 20px;
  1906. font-style: italic;
  1907. display: flex;
  1908. align-items: center;
  1909. }
  1910. .pum-welcome-wrapper .pum-welcome-signature img {
  1911. margin-left: 10px;
  1912. width: 60px;
  1913. }
  1914. .pum-welcome-wrapper .pum-welcome-cta {
  1915. margin-top: 30px;
  1916. }
  1917. /************
  1918. Styles for toggle buttons
  1919. ************/
  1920. .pum-toggle-button {
  1921. position: relative;
  1922. width: 36px;
  1923. height: 18px;
  1924. }
  1925. .pum-toggle-button label {
  1926. position: absolute;
  1927. cursor: pointer;
  1928. top: 0;
  1929. right: 0;
  1930. left: 0;
  1931. bottom: 0;
  1932. background-color: #fff;
  1933. transition: background-color 0.2s ease;
  1934. border-radius: 9px;
  1935. border: 1px solid #1e1e1e;
  1936. }
  1937. .pum-toggle-button label::before {
  1938. position: absolute;
  1939. content: '';
  1940. height: 14px;
  1941. width: 14px;
  1942. right: 2px;
  1943. bottom: 1px;
  1944. background-color: #1e1e1e;
  1945. transition: 0.2s ease;
  1946. border-radius: 50%;
  1947. }
  1948. .pum-toggle-button input {
  1949. opacity: 0;
  1950. width: 0;
  1951. height: 0;
  1952. }
  1953. .pum-toggle-button input:focus + label {
  1954. box-shadow: -2px 2px 7px #2196f3;
  1955. }
  1956. .pum-toggle-button input:checked + label {
  1957. background-color: #9ab927;
  1958. }
  1959. .pum-toggle-button input:checked + label::before {
  1960. background-color: #fff;
  1961. transform: translateX(-15px);
  1962. }
  1963. .wp-core-ui .button-with-icon {
  1964. display: inline-flex;
  1965. align-items: center;
  1966. }
  1967. .wp-list-table .type-popup .row-actions {
  1968. color: #999;
  1969. }
  1970. .pum-flex-row {
  1971. display: flex;
  1972. }
  1973. .pum-flex-row .pum-flex-column {
  1974. flex: 1;
  1975. padding: 1%;
  1976. }
  1977. .pum-flex-row .pum-flex-column.pum-flex-quarter {
  1978. max-width: 25% !important;
  1979. }
  1980. .pum-flex-row .pum-flex-column.pum-flex-quarter:nth-child(4n + 1) {
  1981. padding-right: 0;
  1982. }
  1983. .pum-flex-row .pum-flex-column.pum-flex-quarter:nth-child(4n + 4) {
  1984. padding-left: 0;
  1985. }
  1986. .pum-flex-row .pum-flex-column.pum-flex-third {
  1987. max-width: 33.333% !important;
  1988. }
  1989. .pum-flex-row .pum-flex-column.pum-flex-third:nth-child(3n + 1) {
  1990. padding-right: 0;
  1991. }
  1992. .pum-flex-row .pum-flex-column.pum-flex-third:nth-child(3n + 3) {
  1993. padding-left: 0;
  1994. }
  1995. .pum-flex-row .pum-flex-column.pum-flex-half {
  1996. max-width: 50% !important;
  1997. }
  1998. .pum-flex-row .pum-flex-column.pum-flex-half:nth-child(2n + 1) {
  1999. padding-right: 0;
  2000. }
  2001. .pum-flex-row .pum-flex-column.pum-flex-half:nth-child(2n + 2) {
  2002. padding-left: 0;
  2003. }
  2004. .pum-flex-row .pum-flex-column.pum-flex-three-quarter {
  2005. max-width: 75% !important;
  2006. }
  2007. .pum-flex-row .pum-flex-column label,
  2008. .pum-flex-row .pum-flex-column input {
  2009. display: block;
  2010. width: 100%;
  2011. }
  2012. .pum-tabbed-form .pum-field {
  2013. position: relative;
  2014. margin: 0 0 24px;
  2015. }
  2016. .pum-tabbed-form .pum-field label,
  2017. .pum-tabbed-form .pum-field .pum-desc {
  2018. display: block;
  2019. }
  2020. .pum-tabbed-form .pum-field label {
  2021. margin-bottom: 4px;
  2022. }
  2023. .pum-tabbed-form .pum-field .pum-desc {
  2024. margin-top: 4px;
  2025. margin-bottom: 0;
  2026. }
  2027. .pum-tabbed-form .pumselect2-container--default {
  2028. width: 100% !important;
  2029. }
  2030. .pum-tabbed-form .pum-field-select2 select {
  2031. width: 100%;
  2032. }
  2033. .pum-tabbed-form label {
  2034. display: block;
  2035. font-weight: bold;
  2036. font-size: 1.1em;
  2037. }
  2038. .pum-tabbed-form .pum-field.checkbox label.pum-desc {
  2039. display: inline;
  2040. font-weight: inherit;
  2041. font-size: inherit;
  2042. margin: 0 0 1em;
  2043. }
  2044. .pum-tabbed-form .pum-required label::after {
  2045. color: #a00;
  2046. content: '*';
  2047. margin-right: 5px;
  2048. }
  2049. .edit-php.post-type-popup .wrap .nav-tab-wrapper .page-title-action,
  2050. .edit-php.post-type-popup_theme .wrap .nav-tab-wrapper .page-title-action,
  2051. .popup_page_pum-extensions .wrap .nav-tab-wrapper .page-title-action {
  2052. top: 7px;
  2053. margin-right: 5px;
  2054. }
  2055. @media only screen and (min-width: 0px) and (max-width: 783px) {
  2056. .edit-php.post-type-popup .wrap .nav-tab-wrapper .page-title-action,
  2057. .edit-php.post-type-popup_theme .wrap .nav-tab-wrapper .page-title-action,
  2058. .popup_page_pum-extensions .wrap .nav-tab-wrapper .page-title-action {
  2059. display: none !important;
  2060. }
  2061. }
  2062. /*# sourceMappingURL=pum-admin-general-rtl.css.map */