Skip to content

Instantly share code, notes, and snippets.

@bwedding
Last active February 27, 2018 07:43
Show Gist options
  • Save bwedding/8bfff23631a141f0c7c29f52d5f63395 to your computer and use it in GitHub Desktop.
Save bwedding/8bfff23631a141f0c7c29f52d5f63395 to your computer and use it in GitHub Desktop.
Adds icons to convertri input forms
<style>.element-body.text-input[data-type=email]
{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAFQUlEQVR4Xu2ZSY8bZR6Hn6ryWrarvC/tXtI9nU4z0RBpxHAJCAmJERLiMJc5cJpPgJBy4MB5pMkBCfgO8xE4j4SIkBCLAAERJGnabsdL226v5XJt7zhWIiszdiaZTqeN8CP9b6XS76nfuxxKEkLwa0YGfrsCK4GVwEpgJbAS8HGfb96TuM/bwDWgCCgsBy5QAd4HPgK48ncxE5jBp/5Y+OraGy8Q2cri11SWAbtnKMPDxubdj7/40O6P/gq8BPyXwLVgInr14luvoEgKlIe44z6uJzhPFFnCH5SJpxPE/vYqt/75yVWz3X8XuP6fAu8UnttB6Ts4PRPPEywDrguuDbJh49N85CcZf7nxzdvzBIqBaIxx02QZcQG36TDJCFCYt4Sk2nc/TQx/h+xTWEY8x6X2420AaZ4AfjXEnRtfUdjfJpKKs0wMWx2qNw/Q13MAzBXI7G4R1mK0y1X69RbZnXVkReY88VyPxp0jbMcl//tdotkkrdvl+QJ4LtG0Pp3Gz4ccfPkD+d11VC3CeWD0htRuHRErpNm4uPXAaHEDuB4PyO5sEIqotCoNBs0OmWIWSZZ4FghPcFxpMB47ZHY30XKph7I9QuBhOy0dJ5bUOD6o8Mv3d8hvZgmpIc4S0zCplRpEMwk29i4gyfIs1/8SEAsezFxYIxAOUfr5kGRaJzUZSXq6bQghaDW7tCeTv7iFnkuCEIsyLW5gEXpaJxq/TOuoTumgSj4XJxj08zQYj21q9Q5qUmf3T5dRfMqcLKcUAFAkyG7k6AT9lA6rJOMRkrrKaWh3DdqdIdmtAvFscnGO0wvMiKd0olqEdq1F+e4JuYRK4AkvP8txqZ8YhOMxdv5QwOf3zQl+RgIAPlkiu5amMrYpNXqkokESqp/H4cSwaQ3GRLTo9B2P0f4pNvECHNuhfdzBCytsv/pHut/XODqokYsG8C84bm1PUB9YqNt5ti/nqX12m3q5TjITnzYAPJsGOid9jusn5F7cZnO/iNRxUNeLNByZ0sER6ZCCFpCZAT3Lo2m6pLfXya4XUISP6OvP07hZ4eDzAzK5BPFE7GwFXNej3eoxkjz2/nKFkBSA8gBz5AGQyKdQYyqdWou7zTbZkARAwxQE0kk291IEI2Fs05pOqC+TW0+jFzUO//UTdtUimdJQFPnpC/R6I+rHXbLPF9jYzyN1XNy+ge0IZjA9WnNbeVp+hVKlAUCymCW1lmGK4/AAsw/+kU0oprD32j71mzXufFsll9HRtPDTERBC0DwZYgiX3T/voipBKBuMTQ8hWEgqEyeR1ACQFRlsm3nYNjgmBPsy+WISLR+h9FmJ8dginYggSdL/v4n7hkW3bxLdirF3MYPcc3F6BrYreBwkpiA8l0chgJEF/qGFqsnsvXyB2s/HHB120GMhYmrgyRtodkcMPY+NF7JE/QGomJizr34mTNsYM90ba2s6g0yY8tcNxqZFWg8/joCHYTl0DQt/MsilvQTyQOA2TSxHcMbM2rAhMJKIxmQuvZijcqtDtTlAVwOoAd9igVZ/RM9yWX9ORw8HoD5mZAiE4JkztkEyITyQ2ChG6Cb9HP3YRQsoiwVcP1yahPeZ4NVMTJtzRQCGDaER6DGZyBWdo1uDhQIiEwhIvpo9De4JlgbTAdl0CflhkpEutpgnUB0a1prkKCwj3v02hpYLUJ0n8FHLcP4RkkGRWEpcAZOM06zzBK5bnniz3LevpoMSYUVaGhFXwMgVNMcCR3ADuD5PAOAlR3CtZop3QKwB8hKtoLvAB8D7zOC3/Z94JbASWAmsBFYC/wYNE0czMnT7cwAAAABJRU5ErkJggg==') 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=firstName],.element-body.text-input[data-type=lastName],.element-body.text-input[data-type=name]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAALpJREFUSMft1DGuAVEYxfGfZwMW4BUqC7AKEnkrEOsjEqUo7MAeFJS8GD2jmDsFkZlhbkHiJKc6uf+TfN+9l68+Rb+Y4RQ8Rzcm/ID0zv8hq63ZA3juaYyCU0FBUnb4p2Z5GqNgVZAtY4yoK1vo/Xj2aMcoILstU9nME0xiwt9bjYKsiT4G6KGDVsiO2GCNRfD5meK/AEgreoNhVfgYlyfguS8YVSnYvQDPva2yg9LXWaIbZt2v4qsP0BW7m1Z7xIO2qwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMi0yNVQyMjoyNjowOCswMDowMP5ExOgAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDItMjVUMjI6MjY6MDgrMDA6MDCPGXxUAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLWE0TFVvQjZIABFKawAAAABJRU5ErkJggg==) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=website]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAY1JREFUSMfdlM8uA1EUxn+V8ADCQsqCFZZ9BpFaqUa9ARtS7Els2z4DG3ShG5a8Ayu00ao/CxtiQ/xNjEW/pqfjTjtprPolJ2fmN989N/feuQe6XX1ACtgHisCrogTkgQV5OlISqABem6jIG1o9QNYUOAfu9Xys8IBb4NL4chrbVhkNeAOWgRHgE/gCxoEJPX8Aw0AaeNeYbLvic6b4lNiW2IHxFcQ29T5tJkkEFe8FyjKtGF7fhrhhcbEzw9JiVQIOfiHEgYaNlD3QugKX1oFmXfBKs8cMWxLbdvh39G3RsJhYybWCIeWqYf3KT44JHn0egBvlqGsClzzliONbxOex+nFN8KA8Ztiz8oCjyKDPAzDqq9WkPP/3F+26VnDI/+nIBe1FSxt+wd+LNiN2atia2DUtOmxSpndq1x8araJgfPVWsaH3OLXe5BFwB6xyZpJVmpvdpOJbBaPAuimeCbN//nZdpNGuTxQecEftQnmmeKh2XVfCnEmrKIfZliD1Umtce1rJi6IoNi9PF+sXQPmrqzQ9UK8AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDItMjVUMjI6Mjk6MTcrMDA6MDA1re8SAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAyLTI1VDIyOjI5OjE3KzAwOjAwRPBXrgAAACh0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vdG1wL21hZ2ljay1NaDFQVHNTTCiFhCIAAAAASUVORK5CYII=) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=phone]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAHdJREFUSMftlTEOgCAMRZ8OnB3P4UE4DXgMHGQwVZQaDQ59yV8a2tewFDrhgAlIQL5JBHzpacY3DJbxGkHL5jKLRpCBoHgfSs+BUWN9gglMYAIT/EEwVOpZNeViXrcvSpXt9pFEjWA+qckL1tJTxbHd2MhHR/81Vl+IPDKWUFkbAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAyLTI1VDIyOjI2OjI4KzAwOjAwvGHDlQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMi0yNVQyMjoyNjoyOCswMDowMM08eykAAAAodEVYdHN2ZzpiYXNlLXVyaQBmaWxlOi8vL3RtcC9tYWdpY2sta1I4THJIcXS7RzqJAAAAAElFTkSuQmCC) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=city]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAFdJREFUSMdjYBhpoIGBgaGDlob/h2KqW4JsOE0sgRmKi48TMFHbq+iAEYtLKdFPfx/gsoARh+twiQ+cDyiNA4LmDpk4wBk3o3FAEIzGAUFzae6DUUAQAADvaxE5GQGUoAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxOC0wMi0yNVQyMjoyNToyNCswMDowMJD2EuIAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTgtMDItMjVUMjI6MjU6MjQrMDA6MDDhq6peAAAAKHRFWHRzdmc6YmFzZS11cmkAZmlsZTovLy90bXAvbWFnaWNrLUh1UHRvUzh6x1E8xgAAAABJRU5ErkJggg==) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=zipCode]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAR5JREFUSMfl1LFKA0EUBdBDFLTTxmBrFCzE3jbqJ6ifErDWf5C0lv5BGi0MpDL6CTaCnRpFgkK02A0um93NTtYuF24x8967d+btvmEeUMc57vERs4+zOFYJxxjgJ4cDHFURHxWIjzmaxaQ+5eRpvmEtS2ghx+AUh6m9V1ziDltYTsSWMMRN2Rs8pE74go1EvBEbJnP6IS16TxVfZOS0TX7wCdRyDL5K5NWm1BSil9GiRiK+mdGiXpbQYo7BLfYS61VRj6/i9QlWMmpKY0f5X3TM3RAD6AaId0PF4SDAYH8WA+iUEO/MKk40sZ8F4kNsVzGAVoFBq6o40UBltepa/lsWjDqeEuLPWP8v8TGa+I7ZLFsUcsVH0ZPR8TfRc4Bf5tWU7hq3eoQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDItMjVUMjI6MjU6MzUrMDA6MDD6KxnIAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAyLTI1VDIyOjI1OjM1KzAwOjAwi3ahdAAAACh0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vdG1wL21hZ2ljay1LVnNHbnM1aWHTs/wAAAAASUVORK5CYII=) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}.element-body.text-input[data-type=country],
.element-body.text-input[data-type=address]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAR5JREFUSMfl1LFKA0EUBdBDFLTTxmBrFCzE3jbqJ6ifErDWf5C0lv5BGi0MpDL6CTaCnRpFgkK02A0um93NTtYuF24x8967d+btvmEeUMc57vERs4+zOFYJxxjgJ4cDHFURHxWIjzmaxaQ+5eRpvmEtS2ghx+AUh6m9V1ziDltYTsSWMMRN2Rs8pE74go1EvBEbJnP6IS16TxVfZOS0TX7wCdRyDL5K5NWm1BSil9GiRiK+mdGiXpbQYo7BLfYS61VRj6/i9QlWMmpKY0f5X3TM3RAD6AaId0PF4SDAYH8WA+iUEO/MKk40sZ8F4kNsVzGAVoFBq6o40UBltepa/lsWjDqeEuLPWP8v8TGa+I7ZLFsUcsVH0ZPR8TfRc4Bf5tWU7hq3eoQAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDItMjVUMjI6MjU6MzUrMDA6MDD6KxnIAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAyLTI1VDIyOjI1OjM1KzAwOjAwi3ahdAAAACh0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vdG1wL21hZ2ljay1LVnNHbnM1aWHTs/wAAAAASUVORK5CYII=) 10px center no-repeat #fff!important;padding-left:45px!important;background-size:24px 24px!important}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment