Skip to content

Instantly share code, notes, and snippets.

@rouzbeh84
Created March 12, 2016 17:52
Show Gist options
  • Save rouzbeh84/48e13aee01198f520ea9 to your computer and use it in GitHub Desktop.
Save rouzbeh84/48e13aee01198f520ea9 to your computer and use it in GitHub Desktop.
wpt-ui-uri
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>wpt-ui</title>
<style>
.wpt {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAIBCAYAAADaqejrAAAgAElEQVR4Xu2dC3RU1bnHv5nMKzN5El6SAPIKKEIIFosKWgOKXkBFpa3L1djWtnBRW1ntapXq7epV0Xa1C1qrC1qt1/R6bcVXBa5YMVpfRbkKQVAJKvII8jDkOZPJzGTmrm9P9nhy5jz2ObMnOWdmn7VYtZl9vnP27/z369uPzwHi4kLAwcWKMAICJCcRCJACJCcCnMwoKjKRSCQ42R8yMw6HY1BLW9ZB9rUeg2jTyxBrfgcSPZ0QPfBmCq57yoXgKCwBV/V54K5ZAAUVY7iBzxmQvTueg97GxyB29H0Cx1FYCq6qc8BZUUn+xVtbyL/Y0b2Q6OkgaVxVM8BbdyN4516dMVDbg+w7+hEEG+4gABGeb+5y8Jx/NRRUTVOFg/dE/vUchHdsIlARaKD+Ps179EjbGiSqMNjwkyTAuu9C4eKb9fKb9nvP1gch3PhnAjRQ/xvT6rQtyGDDGujd8WRSTSsezKi+w3o1uPFmomrv3K9DoH6t4Q9iS5Coop6t60im/cvvAEdhseGMy29I9HRBaNN95OMULl5tWN22AxltaoSujT8AbIGLVz+WMUC5gc61y4gyi1f8Edw1dcz2bQUSVdN+59dInVj6879zUaKSMjvuvYrUmWX3vMr8DFuBpEW65LYnwFU9h0ktXetuTKVjVXCseSd0rr/eUBG3DUiqRuwbsgJBgqdXTU6BHPbQx0zwMRF+AOxzsqrSNiDDjX+B0FO/BCNqzAQkVaX/ul+Ar+5buh/ANiBRIX2tR6DsnkbdTEkTmFUk2mi/sw4KKsYylQDbgEQgZvp4mYCkfVWWKsEWIHFI17F2iamRRyYg6cipdM0W3eGjLUDS+kqtfsSRSWTHs4pFHjvu9MKOttLlmbtMcWSk91yprZwASTNsqPKUJFb7QAKkQaICZD8wUbT7QehNNSCojrsuAtY+Ha/uD+27lt79mq53yRZ1JIJp+/G54KlZZNjFlUmrjd2fSNOLUP7bd3UrC9uA7N5wK0QPvMWUKV6KxI/nnnIBFK18IHdA0j6dUS+2WUUafZ5tFEmLN7rQjAwTzYLE4SG60liKNb6brUBSN5qRRseMG402MkY85bYCiV8ePdh9rYehZPXjusM23YpNIQEORzvX3QAFFeOgZI3yaEnJru1ASjNavLqB2YPNAhV9nl3r6k19KNuBRCC0IcAZRF4wKUScrzHaoNmujpSqSjqnXbxiA/PUg5IycUzdtXFlRnPbtlQkhSEFgL5K3+JbdEcgUpA4Ygpv/QOZgsXeQCYfxNYgEYp0Phr/v2fmFeCetQBcU85ThIrwYgfegejulyGy5wXClcf8uO1BUoVRdeGQji6SogupUgqWLKDC33DIaVTFao1WzoCUZhCLfPTAO6kVaPQ3ujLNPeW8jOrUnOj+sHRjhiJNTipSgBwKApyeKRQpQHIiwMmMUKQAyYkAJzNCkbkEklNe8srMoO6OymWyAiSnrytACpCcCHAyIxQpQHIiwMmMUKQAyYkAJzNCkdkEqbc+ktOzs2pGjLU54RUgBUhOBDiZEYoUIBkIxPsgEQmlEjo8fgBnAcONxpPkjiJjEUiEuwB6OpPwJADTsHj8QKAWloDDVwzg8hgnJ7vD9iAT3a0AXaeSEE1eBGbxCHAUVZi0YLOlz9JcIsBEWwtArNd05tNudHnBUV5pCqjtFInFNnHqoHbRzRAtUWjFuGTxZ7xsBZKosPUQQLyPMXsZJHMWgKNiPLM6bQMSVZjo/iIDMuZudRQNB8eICbo32wKkWYixk5+mV4MjJ+pCkSdggWl5kEYgxoOnIbr/TYie/ATi7cdUgTnLxoB75CRwT70QnIFhTGD1YFoaJKkTT6WrSp7zvrZjEH5vM/Sd+oT8VDByMrjG14Jr3Cxw+AKp5IlwEGKHd0Ps0C7oO5k8uqZgxCTwzV4KBeX6Z0k6RkxUrTMtC5K0zi37dNXS+95m6G1+HRzeAHhm/ht451wDztLRuvfFO45D785nILLnfyHRGwRv9Xzwzl6qe5+jcrpia25ZkHGEqDE6SUTCEGzcQIqwZ8o88F16MxNAOSkEGn7pQYgceAOwyAfqVoLD41MH6vGDs3J62u+WBKlXpKUQCxfeSlSY6YXq7Nn+ABNMpSJuSZDxI3s0Ryzd29YTJfoX3w6emYsyZZi6P7LnRQhtvZ/ALLr8NnW7Li84x84c8LvlQOqpkdaJvJQop0WVqVdnylVpOZBadSP2C0ONG0id6L/ubiYlxg43pdK5xtUw3RN66i5SZ/rrVoJLrd8pqyutBTIWgfiRLzMuz3Xw5Y0Q7zwOxTc9zNywtN93ScpM2R2vMIHEBqjrke+Bs2Q0BBasUO+Pjq1JueAsBTLReRwSrUcUXxz7isEX14N3znIoXLiKCQgmMgMS7wu/3gDhNx6FwKLbVPuYjoqx4ChJdrWsBfLEAUiE2hUh0bqxZNUTzGrMBCSqsvOh6zX7lw5/GThGTbEeSK3Wunvzr8ARKIfim/7ErMZMQOK9XY98HxLBNiha+jPlZ0pab0spMn5wp+ILY7+x65n/AN+874Bvfv2ggaTFu/ia/1TtpDsnJI+otQ5IjYaGttaBa+8Fd/UFgwYy2vwWBJ/+uWbr7exvcCwDEudcEp9/pAiJgiy6YT0odWGwi9P9uEYHWge9nl2tbpDjjGlkAk2ABAABsl9pQpH9IMhqNFFHGqr7NQMDiVabnaU2SA2vz1D0I7v/ezXETx+xXz8yIUY2zJLUVCTLWNtopzwvx9paDQ5+Kur9KVn1twGTWlqf0QxInCTrfOgb9vX+IBDe/kgc5tGLdXhpf38kniylMwVLvUC8pxkobDrdYHsPOa7rIc5dlfU90okv3jClczaas4nOAiBjbMmiVcsMEaX1nFajg+myAZMZInp6JA5d+t6WBKlXV8ph4hxO4ZLbmRugAR8tHISeLffn5rx2EpT+SgtUZmTvS6mVFt45XwfvnGuZgGLL3Lvzaejd+WRqpYXnnEu1FwegGu220oLA1JjDkaoK3Wy977+UWvvjGjsrufZnfPqsYexQE1n7Ezuym5jAtT/eGZeqzxZKHqRUpC1ftOkLGlmNhhNk0eY3AcHGg62q3UtnoIKAc1dfyLR4injAddZJWraOHFCPmVhkisW+T2FpX0HZGN3iK/8CehAJaLuEhTaiTOYBK0NCFoi2AmmkzmTgw5REq05MU61dFJmqMwdhVwPghqYRE3J3V0Nap73tGN8dDriToXxMavUEk2z7E9mmjlTMFO41DLVDouN4ZvtuUIGlowFXTpjdq2hvkBK6ZP9huBOgpyu5nU5rLw4qDzclYThpX4mhIqym0pwBqZRBpf2JBGAWrpwGmQVeqiYFSE60BUgBkhMBTmaEIgVITgQ4mbGEIjnlJa/MiLPROH1uAVKA5ESAkxmhSAGSEwFOZoQiBUhOBDiZEYoUIDkR4GRGc8Uup2cMiRlLDBHFYcXGv71QpHFmincIkHYFieFP6eWqTm4JzsaVU3UkRjaONL1MIhVHD7yVCsYrBYfBd91TLiARjz01C7hFjM8JkNI42QiNwioYOw1cVWcRWAg5dvRD6Dvy0QDIZuJyKyna9iDDjX+Bnq3rifoQinfuMqZIxVjkw40NJMY2gi9cfBv46r5lutTbFiQqLPjYGgLCVTUD/NetYQIoJ4VAQ0+thdjR90mQ88CNa00Vd1uCRIhd6+pJ5lGFgfq1ppVEbww2rIHeHU+Sj1K8usEwTFuC7N5wK1FioP434J17dcYQqYHeHc9BsOEnRJlFKx8wZNd2IHu2Pgg9W9dB4SXfg8LltxvKLEvink33Q88rD0Ph4tVQuPhmlltIGluBxNa5466LwD3lQihe/RhzJo0m7Fp3I0QPvAmld78GBRX6J53aDiStx4xk0ChETE8/mJH61zaKNJM5MxDljQ/rR7MNSFp3sWYsE4hSVbLWxbYB2bl2GWFTsubZTBkx32/kmbYBeXrV5Ky11GpkaSkY9lDyqG2tyxYgcfTRuf56KF7xR3DX1Onlidvv0aZG6Nr4Ayi57QndUZOtQKplqO/oRxDadJ9pgP7ld0BB1bS0++kHzBuQNMNmSaqBEiANEhUg+4GhEwP9jGYv9Fuiz1J+5ZwiEVTbj2sNj3/NgqX30XF9+W936XqDbNHYYMba76wDV9V0w16ZTGCilyl2dB+U3dOoa8Y2IOk4m0UdurlmSEBLAet42zYgaX1l1L3FwEwxCS3WLF0fNGAbkLR449xM2T2v6tZZZgHifajG9ju/RuZyWIq17UDSkQarI8EsTDo0NDKSspUiEQydZjCSSSNA6ccyOt1gO5BY7DruvYpMv5asflxxaGcEnDQtDjU7191AinTpz/9uqPqwHUjMOM0w/nfxig26DgUWsNiYdW1cSZKa+UC2BCmFicrMtCWnLTQq0QxE2zU2cmVhMe/ecAuZqHIOGweFS35oaHoWp197tvwe4qcPkwm1opV/MFScpe9jW0VKMyEFgqry1CwCV/V54KqaNqAOxSohhv+a34FI04uknjXzAZSqipwASTOGQHElGi4e0LuwVcYVabwWGOQUSCk8bDz6TrdAvLUl9WdnRSUUDKvk0jjJP1TOgtRTJO/fBUhORAVIAZITAU5mhCJzCSSnvOSVGbGpk9PnFiAFSE4EOJkRihQgORHgZEYoUoDkRICTGaFIAZITAU5mxMZ3AVKbgHBa8FKI3WI1cMo3dzO5qUgMPYAn5eP/9gZT0BzeAAkh4PD4TYcSUPsCuQGyP2YD9HQmwwvEevUV5/L2hxkoyShGA32QvUHGIpBoa4FEqC2zKCKoUn85OMorAVwe/Y+gkMKeICnA7i9MZVrrJhJRyQRQ24Ekkel4x7GRkzUR18Y+ILEebD0MiSyoULUBQXVWjGNqmOwBEuPJfv5RZsF/zFYCHj84z5imC9P6IE1ApKH8+k5+moavYOREMBzSjwGm5UFqxduWUkJ40ZZ9ENn/OsQV4iGmVYNlY8AzdT64SQhTn75eEWbldNV0lgbJGguxd/8bJIZsItpDorS7ERBG4Rw5eUAcWYwX23fyYxLNM4rAO4+Dw10IGDPWO3WeLkytGImWBUmCop04oJm5ePA0hF5vIApEaL753wF39QW6QGiCaPNbEH79UQLXWTYG/PPrwRkYpnm/Y9SUZAdedlkTpE6wcswDxokNNW4kKixceCt451zDDFCesHfnM9Cz/QGiTn/dCu14sgpBytGeJUHG21oANOo5ChGcTii+4XfgHDXJNER6Y/zEJ9D1+I8A4nF9mGVjwImddsllPZA6asRGpXvzfcATohLMoqV3qDdCCqq0HEg9NQZf3kjiaBfdsB5c49LjZ2cqzdjhJuh+/DYSdzuwYIW6OZkqrQfyyB5V703k4LsQfvtv4Jv3HfDNr8+Umer94dcbIPzGo+D76jfAM+Fc5XQuLzjHzkz9ZimQ6ENMtOxTzWD35l8BFLig+KZHBnRreBPFblLXIzcB9MWgaOnP1PuOpA/qJ79bCqRWsY4e/QB63vgv8C++HTwzF/Fml2YvsudFCG29HwrnfRvcVWcrP09SvC0FMvH5R0nHrMIVfnsTRA7uhNLVW7KqRvpoVGXHuiXgmTAHfF9drvhOGD7VgeNwyyny0HuqDtqup38B7jPPBf91d2ddjfQBoafuguhn70Lxtb9Ufia23uNnWxDkwS/PDJe+OY5gujffn/VGRk6LNjpFS29XHfE4JyTPNrdM0dZqaGInP4VQ4wbVLg8dQ5uVqnxMTu3QrpC/biW4Rk5ULt79DY51QIa7AOtIpUsPJM2wWZBqfVImkGdMI5NoAiSAqtLzDiSOk0PbHzQrSPAvvFlxvG5LkDiZH8dWW+GiRXuw+pD0FWhfUquOJK02TpZZaclKXKXVxox1/vWn4J2zHAoXrjKtPKM39mx/CHp3boKSb/5a9VbLtdr4plrTCt3b1hMXV8nNTxjlYTp954PXEy9T0eW3KduQTD9YSpFaUws4ndC763ko+e7DXPyPenSx3u388/fAW3ul6jSEdOrBWiC7WyFxKn3mj6i1v1PumXEF+Jf8VI9Dxr+HtvwaIu+/AFqdcceIieAoqrBWh5y8jUaDgz/T8Xa2VUnVqDXOxvehDY2lRjZUQjjhhRNfSheqMrjtd8TNX3zTnzJWnZqBrke+D+iJClz+I9WhIU6A4UQYvSxVtPGl9GYPaV2ZrSJOi7RW3UgUKJtNtBxIUsI1vOTSIs4bJoWoV6RB5h23ZNEmqtQYd9OiROtLz4zLoXDhLRn5KNHp0bP9DxB5f5um/zFVjPvH19KqwZKKJDA16ko5TFxd4V96u6nJMBwGhjbfT1Zd6CoRi7SsbrRsHZn6ygyLBDAtTkHghBguFHCNnQXe85YzrbbA4V9kzzaIHdlNFgbgRJfqlAJ9KZXFAZYt2qkWnKGIE/VGwhBpfoMsoEKgeCFU1/jatIY5dmgXgUcyj+t+ps4HT/U8poVUOK2ALjOly7JFOwVTo5OulCGcso2f/BRibS2Kq9JwjY+rvBKcIyeqT7UqGJZ2vm0JkijOIExFyWTwRz2Ili/a0rwPFUwWiLYCmawLQ5A48THbPpoMFJisZL3gGDU5tQBAz5zl68i0DGBrjqvVOk/o5c387yWjkqvNnAXMNuwHsj9rZIsc7nJQWVDATECSkLTIFeOYVSh9hm1BpjIRi0C84zgAbhuJ9xnnh6orGg7O0tGmd33Zro7Uo0RUGu4E6OlKbujs39iZuk+6oRPDrvhKTKnPtt0fPYBW+N3+RdsKFK20ZMUiPEy/hiUUafrt8/hGce4Pp48vQAqQnAhwMiMUKUByIsDJjFCkAMmJACczQpECJCcCnMwwH3uIQXwiTS9zeaxn7jIoqBgzwNZgD+m4ZETqO1UymEgkEvTv0vBTBVVngbt6LgkfFTvwDkSbd5h+HwwEFLhxbSoUVU6DRIhd6+qhr/UQFK/cAK4p5w0Ah7+HNt0DvTueNgXUVTUDilc3EJg5DbJr3Y0QO/p+fyS4s1RhBRt+ZhomDaqbsyCxTuxYuwQC9b8G71zt8ymSsV0vhkRPpylllt79GriGV9q6B6Ha2BgJCo70Qk/dC+HGR02B9F/3CyhcUJ+7IHt3bIKyu19lgtOz9feA/8xcGJDSv+QWARLhCZAKEsLuT7jxLxB66pfAGtE9kwYnp4t2X+sx6LjrIihc/EPyT+sSjQ2A5sgGA4SHdzyp2/3p3vjvEGl6yUz1CDTIec52f5CKtEOOAXV9l3x7AKz46RbAIm12hIMd8pI1zxKbOQ2SwgxveRB6XnkYHIUl4BqbPOEkHuqAvqMfmlIhBub11X0XChffnLo/50FKx9wY/zVmEh6146o6i8SKxWGh9MpJkKZkluc32boTbKVvJ0By+hoCpADJiQAnM0KRAiQnApzMCEUKkJwIcDIjFJlNkNLpWPqc3h3PQXT3y6bnZagdHK+7Zy0A79yrc3+IKAWJk2BdG1ZB/PRhU9/OWVE1YPIs3tpCZhzR8xOovw8KqobmBFJTmdG4SdMfiRA7190AiZ4OU8/1L78zzfVGPEenW6Brw0qItx7r93VOy203WufaZWRe28ylBlHqTepYuxQKho2H4tWP5S5IdJl1rr/eDEPA4swy+9i74xkINvwUStdsAdfYs2zd8OnOa5shyTLPg3bRA9/241rI+enYnq3rzHBkWp1BDZ9eNVmAVKPMqki8P+dB0nltM5L0zr0WAvW/0r0V53ywwQnU/wZ85y/LzTqS1l+6NFQSlN3zT3AOGxhjRp4UZyAjTduh7J5XwekvyU2QmGm6kMoMTFyUWrL6f9Imub4cKSVbbFxl4av7Vu52f2iGgw1roHfHk2ZYkm4Q1pfSZYHYGe/Z8nsyuqFrI9F4Ts4iysfaOM7GzJsdJsq/gnPYOAgsvxPcNXWpn/ICJM0tDhkTIeVoIqySdVRUpi3Ez1lFskIR6b4kYOuW0kofUoDk9DUESAGSEwFOZoQiBUhOBDiZEYoUIDkR4GRGKDKbIJXmtVNOjGAIjrYcg/b2dggGQ5xeY+jNuD1uKC8rhbKyMqiqHLiXXPp2aj4B5o3vJ0+egr37PoSTp04Nfa6z/AZutxumVk+Gc6anh1bNCOTefR8QiPl2lZWVwlfP+wqUl5Xpeql0Ffn2O/8HBz87lG8MU/lFddZdclEKpilF7m/+GHbtbspbiDTjqMy6Sy4Gj9ut6oBWVSQ2JNv+sR2i0Wjeg0QA50w/i9SZhhX53q4maD7wsSJElDu2bJWVY8hXyoWrrb0DmpsPQDCk3BPBPC9dcgV4PR5F8akqcvOWFxSNyuuMXIAozYNWm4ANz8QJZ7KD7O4OJjZvfUGRUd3XLoKRI0fkGr8B+Wl85TXFbl71lMlw7uxZ7CBPnDiZaHz1tTRYAb+fyDvXL+yloDLl18gRI2BB3cWZg0RD2BXI9QsHH0pCEiANfnkB0iAwteQCpADJiQAnM0KRAiQnApzMCEUKkEkCkWgU2tsGRk4eilGULRWJXqb9zQegpeWYqsMA3VjoJJlw5pkQCPg56U7djK1AIkD0vBt1Gk84czzU1tZk1etkG5A4eYZjWSVfJ6rP4/YQuQSDwSHxQNkCpJJDAMewEyaMV/RvYr2JxX7v3g/SoKJbCxXK+7I8SFTiG2/+K5Vv9G0iDK3pTykknPrA6kCq5EWXLRgwOcUDqqVByqculGboWCC0tbcD+gspTHTtLVq0kGudaWmQr7/5L1JE8UIlXn7ZQtMtMMJ88R9fHi5P51NYPgRLGsuCRDVKPe7zLjxftThjJugiBKw71fqR8hnOa5ZdyU2VlgUpnUjTcw5LFyPoKU06r1Q7q4asjuBxWRakNMN6La0RkFJV6n0gI4AtCRK7L888+3wqH3pF0AhIeZXxza9fa4SXalpLgpS+FLbU2MhIL2w4du3ak/pTMBRMrXLD4WDAH0j9Vls7M62r89cnv4wTofeRWClbHqRS8VN7aaVMK00FS6dOeU0V5yVIXFbT3p48BSZvQCoVbbnrDIeQ1JGBwz/pELCsvCyti5M3RTubjY28Y57TjQ0WuWx1f6QtPC7omn/h+aztiWY6S9aR+MZGOuSkaB9MLmxFj5CWd8fIBzJC2LIg5f09HqMQqRrpkjteSwwtCxLVIF0ul+nSQHlG9YaSRtSIaS0NEhsdLIrU/WUWJmYSPUl560ZT+tIIE5cTszoblHZXVI45A+bPu8Co6OzZ2EjfWmmqAZ2z1dVTiGtNPkuI9St61rWWJWODhM4QXpeli7Y0k/LiKf0NVUr3tahtjkLw2LlvOfZ56laeMG0DEnOPdeauXU2GpmPpjixUL7bQ8vXevGDaCiSVEi26OA2hpkB0dmCHG/uV8i5ONmDaEqS8XkOwOJ+NVyAQYJrX4Q0zJ0CabTB4wsxrkPJOPxlimmzN8x4kL5gCZH+9kGkxFyAlFWwmMAVIWUslh4lb4GbX1ui2ZwKkAiIK04iTRIBU0Ro6lrEzLz1SQUuWAqRuoWVLIECycdJNJUDqImJLIECycdJNJUDqImJLIECycdJNJUDqImJLkHWQFRXD4NIFl7C9jY1TZR1kcXExLL7iMhsjYnv1rIMsKCiAq65czG3RO1u2Bj9V1kFilnw+L5QUlwx+7gbxiZFoJLXmUvpYbqesDGJeLPkoAZLTZzEMktNz88qMOKyY0+cWIAVITgQ4mRGKFCA5EeBkRihSgOREgJMZoUgBkhMBTmYUFal2xi6nZ9rGjMvRC7GEN/W+dHev0lnkAqSBzypAGoCllZQryLOmTYUzRo/i9GrWNIOn5CvFqOAG0uv1wrKrllgz9xzfSstDjseHZ1xHlpaWwBWLLuX4ytY0lXWQPI+EsSbC5FsJkJy+jgApQHIiwMmMUKQAyYkAJzNCkQIkJwKczAhFCpCcCHAyIxQpQCYJ2CFWAxenRTbG2qyxGjBOg9JRDJxEOMCMrYo2Anxvd1PqSG1WIHjqFD0chPUeo+lsAxLP/sH9gWZjNeBxNfPmnc+8tzAnQRqN1aB2gJKR3a45B1IO0WisBvmRXtmCaemirRSrgcasNqIYeawGpeNmjdhTSmtpkNLTmTM971Ge0cE89nBIuz/yjPM4nXmoDuIcUpDSsyV49UXl51HqhS4wUtwtW7Sffvb5VFdHK3KIkcxiWunZvYN1WPGQKTJbR1zLZ/uw3r122ZVGv4VieksqUvpSSsVaHqtBi4RSbG/pge6DcQ75kClSD6Ta11cCqgRKgOwnJUAy1kZ6ilRynamZVgpblTeKzFbwHnljg46MpUuuYPy82sks2djgK4vuj+zDme1Miw45J5DyviSPTrm0M86zDymvMqQIuC00NatIfBm50yKTAJPy0Kl547RAkLxCnsojIeedGw1hKjl28WBMlojE2E3CMAN79304oMIZ7FgNQzaykXc0lKYaUFVTq6cohoVGJR/87DMSLCgYCin2W8ye7qzWCbJs90f+wlqBylliNeBa9ng8Dl1d3SnTPGHaBiTmPpNYDRi6Be9vfOWfA46V4QXTViCplOgCAYzTQOMbyhWsFqshWzBtCVIODfuc0UiU/JklVkM2YOYESDODZd4w8xYkrXN51Zl5DZInzLwHyQumANlfwWZaZwqQkpZKCSarc0OAlDX5Upg4DGVdayRAKvSd6AiqtraG+SRWAdJMJ1ThHgFSgOREgJMZoUgBkhMBTmbkc0LULLfJL56T8JzynBUz0hlK6QOov5P5lJXu7mBi89YXFF+SR9j7rOSek1H5JJ3ULM07M8hEIpHA6OxqcyQ8V8dyyj8XM+gLxcUMag7mRZctIHt7DIFUiq4ufVss5rioSR5YnEuOBtlIJBIl8NSiKePrSOf0DYGUr9Ee5LxZ7nHSDQSGQGJOjKxdtFzOOb6QfFLNMEh8F6V5aI7vaHlTSjOTpkBiTrXmoS1PIoMXVHO7mQaJ70KXjGiteMjgnS1zKy5QqKocAzh3rtaQMjj+oZIAAASiSURBVIO0TK5s9CLi1GdOH0uAFCA5EeBkRihSgOREgJMZoUgBkhMBTmaEIgVITgQ4mVGN1fDaP18aEPCB0/NsbcZwXEQRPUT5ewuQnMoBV5BjxpwBI4YP5/Rq1jTT3R2ETz79NO3luIF0uVxw4QVzrZl7jm+F8zdNe97PHkic8PrKV2ZzfGVrmso6yNKSEpg1a6Y1c8/xrbIOsqy0FGpqZnB8ZWuaEiA5fRcBUoDkRICTGaFIAZITAU5mhCIFSE4EOJkRihQgORHgZCYnFClfLYtb3wb7siXIcDhMVrt1tHdAdzCoyKwoEIBRo0fB8Iph4PP5ss7VViAR4GeHDsOJEycNgcFDic8cPw7QpZetyzYgv2hthf37D0AsFktjga46PBQEr2AwqLghwOfzwvSzz4aiomQ63pctQB4/cYJAlF7oecZYNag2j9s94Ddcl9nScgz27v1gAFRU5KRJE2D0KP4hqi0PEpW4T3K2mdGgF/ubPwbcbUHDtyDMmpkzuCvT0iCxTnz3vd2p4oytMe7XwX0rRi550Ass5ufOruVaZ1oa5Ef7m1MNS6bhU+QHe44fP440QLwuy4JENeKOKnrxONFUuqEKiziqm1dLblmQH3/yaSq2VyanosoVJ93mN2nSRLKInsdlWZBvv7MTwuFekkee+xix8dm1u4nY5TmfZEmQ2Fd8860dKaFcs+xK5kM69NQlP+P84ovm6d3C9LslQUpfSuk8XCNBL2prZ6a18tKT8XHxAo960vIglepHI/sdlSIzSU+Txj4lDydHXoLc9o/tqf3VeQNSqWgbCXpRVl6WVr/mTdHOZmMj75jndGODzWS2uj/STnnOd38QpOiQy3pdZr+6fIjIo1Oel0NE/B7CaSFRpVlFoglsdNBxQb3iZj1Aee9GQ5hKjl3cqT+1ejLT0E3pCJ2KimFktz/Py5IdcnkGlaYacJ7mnHPOJmfryI8/UIuvLbU7atRImDa1mhtLW4DE3OKL7vvgQ8XJL2nQC3JKfjR5Sr70Qq84TpC1tp5O/ZknTNuApHUmdouMTMeiQwInyNDviP8tbcDQJi+YtgJJpYRdoy9aT8OJ4ydUFwhgI1cxvAJGjxqZ5t3JBkxbgpQXW9wsRFt2LMIsKyt4w8wJkGZbDJ4w8xqkvNOfSZ2Z9yB5wRQg++uFTIu5ACmpYDOBKUDKWio5TOyDTp40Ubc9EyAVEFGYRhZcCZAqWsMRFC7/Y11PKUDqFlq2BAIkGyfdVAKkLiK2BAIkGyfdVAKkLiK2BFkHmS+nrOC2lUOHDqdRN3xcTW8kknjm2ecVPx/PBZ1s+hjcVPJJOunT8TjtGedMVzwGTfGPGPRCujhJnpVchYlOZtx1obYDDYNeDCsvNwZS70T8wkIflJeVg68w+1vaBkOTbW1t0NbWrvooGstH6QxyvElVkfijViiWwciclZ5BNxCYAilf7WWljA3mu0jjNZgCiS+rV8QHM0ND8Sx5hE/TIPHlcXkyLjdRi7g0FBkcjGdWT5kMs2trBjwqI5BoKV+CXmBesShXV09W3N5nCORgfO1ce4Y49ZnTFxUgBUhOBDiZEYrkBPL/AUQa+LV8eAsIAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
display: block;
}
.wpt-add-reviewer {
width: 49px;
height: 41px;
background-position: -5px -5px;
}
.wpt-add-reviewer-hover {
width: 49px;
height: 58px;
background-position: -5px -56px;
}
.wpt-remove-reviewer {
width: 49px;
height: 42px;
background-position: -5px -124px;
}
.wpt-remove-reviewer-hover {
width: 49px;
height: 53px;
background-position: -5px -176px;
}
.wpt-toggle-left {
width: 29px;
height: 14px;
background-position: -5px -239px;
}
.wpt-toggle-right {
width: 29px;
height: 14px;
background-position: -5px -263px;
}
.wpt-zoom-in {
width: 71px;
height: 67px;
background-position: -5px -287px;
}
.wpt-zoom-out {
width: 72px;
height: 67px;
background-position: -5px -364px;
}
.wpt-zoom-out-hover {
width: 71px;
height: 67px;
background-position: -5px -441px;
}
.wpt-btn {
width: 200px;
height: 50px;
display: block;
}
.std-btn {
display: block;
border-radius: 5px;
text-align: center;
line-height: 50px;
}
.std-btn:hover {
width: 195px;
height: 45px;
border: 5px solid #fcdecb;
}
.btn-fill {
background-color: #F47A20;
color: #fff;
}
.btn-outline {
background-color: transparent;
color: #F47A20;
width: 199px;
height: 49px;
border: 1px solid #F47A20;
}
</style>
</head>
<body>
<p>
<div class="wpt-btn">
<a class="std-btn btn-fill">
Active Filled
</a>
</div>
<div class="wpt-btn">
<a class="std-btn btn-outline">
Active Outline
</a>
</div>
<div class="wpt-btn">
<a class="std-btn btn-fill">
Hover Filled
</a>
</div>
<div class="wpt-btn">
<a class="std-btn btn-outline">
Hover Outline
</a>
</div>
<div class="wpt-btn">
<a class="std-btn btn-fill">
Focus Filled
</a>
</div>
<div class="wpt-btn">
<a class="std-btn btn-outline">
Focus Outline
</a>
</div>
</p>
<i class="wpt wpt-add-reviewer"></i>
<i class="wpt wpt-add-reviewer-hover"></i>
<i class="wpt wpt-remove-reviewer"></i>
<i class="wpt wpt-remove-reviewer-hover"></i>
<i class="wpt wpt-toggle-left"></i>
<i class="wpt wpt-toggle-right"></i>
<i class="wpt wpt-zoom-in"></i>
<i class="wpt wpt-zoom-out"></i>
<i class="wpt wpt-zoom-out-hover"></i>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment