Skip to content

Instantly share code, notes, and snippets.

@si

si/output.html Secret

Created August 12, 2016 09:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save si/5fd086c59c528f21fd2058f200d2c6f6 to your computer and use it in GitHub Desktop.
Save si/5fd086c59c528f21fd2058f200d2c6f6 to your computer and use it in GitHub Desktop.
Download ZIP
inliner-remote-example
Raw
output.html
<!-- Build in command line with: `inliner --skip-absolute-urls source.html > output.html` Further info: https://www.npmjs.com/package/inliner https://github.com/remy/inliner --> <style>.shipping-restrictions{padding-left:0 !important}.mvt--bag-points-label,.mvt--product-points{font-size:14px;line-height:16px;min-height:16px;margin:24px 0}.mvt--bag-points-label:before,.mvt--product-points:before{display:inline-block;width:16px;height:16px;content:' ';margin:0 5px 0 3px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgd2lkdGg9IjE2cHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+IDx0aXRsZT5zdGFyPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJNVlRfYS1saXN0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgPGcgaWQ9InN0YXJzX2Zvcl90aWVycyIgZmlsbD0iIzAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwIC0xNCkiPiAgIDxnIGlkPSJzdGFyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCAxMikiPiAgICA8ZyBpZD0iQ2lyY2xlLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMjQ1IDEwLjI0NSkgcm90YXRlKC0zMCkgdHJhbnNsYXRlKC03LjQ5OTggLTcuNDk5OCkiPiAgICAgPHBhdGggaWQ9IkNvbWJpbmVkLVNoYXBlIiBkPSJtMTQuODIxIDcuNTgxM2MwIDQuMDkyNy0zLjMxOCA3LjQxMDctNy40MTA3IDcuNDEwNy00LjA5MjUgMC03LjQxMDMtMy4zMTgtNy40MTAzLTcuNDEwNyA3LjM3MTllLTE0IC00LjA5MjYgMy4zMTc4LTcuNDEwMSA3LjQxMDMtNy40MTAxIDQuMDkyNyAwIDcuNDEwNyAzLjMxNzUgNy40MTA3IDcuNDEwMXptLTcuMzI0NS00LjI5MjhsMS4xOCAyLjc2MjMgMy4wMTk1IDAuMjU2NC0yLjI5MSAxLjk2MzkgMC42ODcgMi45MjE5LTIuNTk1NS0xLjU0OTItMi41OTUgMS41NDkyIDAuNjg2Ni0yLjkyMTktMi4yOTA2LTEuOTYzOSAzLjAxOTgtMC4yNTY0IDEuMTc5Mi0yLjc2MjN6Ii8+ICAgIDwvZz4gICA8L2c+ICA8L2c+IDwvZz48L3N2Zz4=) no-repeat 0 50%}body[data-alist-tier="1"] .mvt--bag-points-label:before,body[data-alist-tier="1"] .mvt--product-points:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAX1JREFUKBVjZMAEqkChaCA2BWI+IH4LxKeBeCkQPwBirIAbKDobiP8C8X8s+A9QrB+I2YEYBfACeWeAGJsmdLF9QHUcyLpXImtkZmZE14DOnwrTbI2sEcTOK5X67+UvCNegos75X9+IG84HqvkHxOosQCIRiFHA509/GRauVmVYMOsVg4goK4N3gCCDhfYlZDWMQE4SSLMFsiiI/eL5L7BQQpoYmD5/5ivDvTs/wGwkwooJyBFHEmBw8xJg6J2miCzEwARUxcXFjCIG5AiDNH+BiVra8DKU1ckw8AugKgT6l2HBahUGNjaQcjj4AnL7GiAOhgsBGSwsjAxzlqmA/bp0/huGE0c/MzADzTt1/AvD7RvfYUpBaYIhCIiRQxLMDo4U+X/5geF/oHMx5KDqHUGaQW7BSCACgiz/Q6JEcGncDdIIA2pAxisgxqUYWfwhUJ0MTCOMVgcyQJGJrBCdfRworwDEWAEo3hOAeA8QvwNiUEoC5aptQBwKxCjRAADg25E/hcX/LAAAAABJRU5ErkJggg==")}body[data-alist-tier="2"] .mvt--bag-points-label:before,body[data-alist-tier="2"] .mvt--product-points:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAXtJREFUKBVjZMAEqkChaCA2BWI+IH4LxKeBeCkQPwBirIAbKDobiP8C8X8s+A9QrB+I2YEYBfACeWeAGJsmdLF9QHUcyLpXImtkZmJE14DOnwrTbI2sEcQudxP6H6DPA9egLs7231iOA84HqvkHxOosQCIRiFHApx//GNamSTHMOPyRQYyXmSFQn4dBo+kBshpGICcJpNkCWRTEfvYRFDYMDBm2/GD69MMfDHde/QKzkQgrJiBHHEmAwVuHh2FGJIoQAxMjIwMXG0gpChAGiXyBCdmqcDE0+AgzCHCiKjSWYwd7g40F5Fo4+ALirQHiYLgQkMHCzMiwIlkS7Nd5xz8xHLnznYEZaN6xe98ZbryAOx+UJhiCgBg5JMHsKFO+/4/blP4DnYshB1XvCNIMciNGAhHkYv4fbcaHS+NukEYYUAMyXgExLsXI4g+B6mRgGmG0OpBxCYiRFaKzjwPlFYAYKwDFewIQ7wHid0AMSkmgXLUNiEOBmBmI4QAAmi+POBjLEu4AAAAASUVORK5CYII=")}body[data-alist-tier="3"] .mvt--bag-points-label:before,body[data-alist-tier="3"] .mvt--product-points:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAXZJREFUKBV1k71Lw1AUxe9LovbDfldKUaHVahcpLqIoDoKDjlacBFFXV/8KFydBEBdBUHB2UVxFqiAKToK6ibYuplqpbTw3mPCSphd+yb3nnQMvyYug1hqCtAzGQBhUQAkcgmfgWUGoe6ABDA9+oW2DLuCoEKZr4BVyaxfw+eT0sRwUqnAH3POOFZ6Sg9ynNtJGdC5mB3w5vxEoBO0ZnibIa7isAUc19QZl93NUPninjqRGkfkYPUzfyx6BYZ3DE7LKff21bkrJlR7z/nVbpZ+nmtlLl0kFQ0oSKDIbpf6tjCyRUAQpftWhYUhwWLfU7vEQpTd7SQ07jf5CgAbwGEon2+3See8nYNGW0AhNUHZ30HzWylGZqlefRKqgakmn2uO3ZeUzQUUgv0mzjy8kjJGbUQPbbVn7989wmPfSckC0qGbEi4l2wTMOWjWM5g20M8v6C3x9VtC659HcAdno7i+xngGexd99FZyDD8Anif+qU7AEHJ/hD/1YjP8E6tPhAAAAAElFTkSuQmCC")}body[data-alist-tier="4"] .mvt--bag-points-label:before,body[data-alist-tier="4"] .mvt--product-points:before{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABGdBTUEAALGPC/xhBQAAAYNJREFUKBVjZMAEqkChaCA2BWI+IH4LxKeBeCkQPwBirIAbKDobiP8C8X8s+A9QrB+I2YEYBfACeWeAGJsmdLF9QHUcyLpXImtkZmRG14DOnwrTbI2sEcSOUCj/by0WANcgy63+X43PGM4HqvkHxOosQCIRiFHAtz+fGBr11jNsfjKdQYBNjMFGLJAh4Zg6shpGICcJpNkCWRTEfvvrGVjIVyYTTN/8dIrh6bc7YDYSYcUE5IgjCTBYiHgzFGrMRBZiYGRkYuBg5kIRA3KEQZq/wER1BW0Z4pUbGbhZBWBCYFqN14ShQX8dAysTG7L4F5Db1wBxMLIoMxMLQ63uSgYb0SCGHc/mMlz+cJiBiZGZ4eqHYwyPvt6AKQWlCYYgIEYOSTDbWSLq/0rbJ/+BzsWQg6p3BGkGOR0jgfCyCv53kYzGpXE3SCMMqAEZr4AYl2Jk8YdAdTIwjTAaFJGXgBhZITr7OFBeAYixAlC8JwDxHiB+B8SglATKVduAOBSImYEYDgDrp5Cq4v7azQAAAABJRU5ErkJggg==")}.mvt--bag-points-label .mvt--product-points-link,.mvt--product-points .mvt--product-points-link{text-decoration:underline}.mvt--bag-points-label .mvt--product-points-link:hover,.mvt--product-points .mvt--product-points-link:hover{text-decoration:none}div.totals-box fieldset.total-breakdown-box dl dt.mvt--bag-points-label{margin-left:0;width:275px}div.totals-box fieldset.total-breakdown-box dl dd.mvt--bag-points-subtotal{margin-top:1rem}div.totals-box fieldset.total-breakdown-box dl dt.mvt--bag-points-label,div.totals-box fieldset.total-breakdown-box dl dd.mvt--bag-points-subtotal{animation:slideAndFade 1.5s ease}@keyframes slideAndFade{from{max-height:0;opacity:0}50%{max-height:200px;opacity:0;transform:scale(1)}80%{transform:scale(1.1)}to{max-height:200px;opacity:1;transform:scale(1)}}body#unPdpPage p.mvt--product-points.mvt--left{margin-left:16px !important;margin-bottom:24px !important}body#unBagPage dt.subtotal.mvt--bag-points-label{display:inline-block;margin-top:0 !important;font-family:"FuturaStd", Helvetica, sans-serif;font-size:1.2em;color:#7b7b7b;line-height:2em}body#unBagPage dt.subtotal.mvt--bag-points-label a.mvt--product-points-link{color:#7b7b7b !important}body#unBagPage dt.subtotal.mvt--bag-points-label a.mvt--product-points-link:hover{color:#000 !important}body#unBagPage dd.subtotal.mvt--bag-points-subtotal{display:inline-block;float:right;font-size:12px;line-height:2em;font-family:Tahoma, Arial, sans-serif;font-weight:bold}body#unBagPage dd.subtotal.mvt--bag-points-subtotal span{font-family:Tahoma, Arial, sans-serif;font-weight:bold} </style>
Raw
simple.css
.shipping-restrictions{padding-left:0 !important}.mvt--bag-points-label,.mvt--product-points{font-size:14px;line-height:16px;min-height:16px;margin:24px 0}.mvt--bag-points-label:before,.mvt--product-points:before{display:inline-block;width:16px;height:16px;content:' ';margin:0 5px 0 3px;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgd2lkdGg9IjE2cHgiIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjAgMCAxNiAxNiI+IDx0aXRsZT5zdGFyPC90aXRsZT4gPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+IDxnIGlkPSJNVlRfYS1saXN0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9Im5vbmUiPiAgPGcgaWQ9InN0YXJzX2Zvcl90aWVycyIgZmlsbD0iIzAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIwIC0xNCkiPiAgIDxnIGlkPSJzdGFyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxOCAxMikiPiAgICA8ZyBpZD0iQ2lyY2xlLUNvcHktMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMjQ1IDEwLjI0NSkgcm90YXRlKC0zMCkgdHJhbnNsYXRlKC03LjQ5OTggLTcuNDk5OCkiPiAgICAgPHBhdGggaWQ9IkNvbWJpbmVkLVNoYXBlIiBkPSJtMTQuODIxIDcuNTgxM2MwIDQuMDkyNy0zLjMxOCA3LjQxMDctNy40MTA3IDcuNDEwNy00LjA5MjUgMC03LjQxMDMtMy4zMTgtNy40MTAzLTcuNDEwNyA3LjM3MTllLTE0IC00LjA5MjYgMy4zMTc4LTcuNDEwMSA3LjQxMDMtNy40MTAxIDQuMDkyNyAwIDcuNDEwNyAzLjMxNzUgNy40MTA3IDcuNDEwMXptLTcuMzI0NS00LjI5MjhsMS4xOCAyLjc2MjMgMy4wMTk1IDAuMjU2NC0yLjI5MSAxLjk2MzkgMC42ODcgMi45MjE5LTIuNTk1NS0xLjU0OTItMi41OTUgMS41NDkyIDAuNjg2Ni0yLjkyMTktMi4yOTA2LTEuOTYzOSAzLjAxOTgtMC4yNTY0IDEuMTc5Mi0yLjc2MjN6Ii8+ICAgIDwvZz4gICA8L2c+ICA8L2c+IDwvZz48L3N2Zz4=) no-repeat 0 50%}body[data-alist-tier="1"] .mvt--bag-points-label:before,body[data-alist-tier="1"] .mvt--product-points:before{background-image:url(https://ci.asosservices.com/tests/T1003-Loyalty-Points/star-yellow.png)}body[data-alist-tier="2"] .mvt--bag-points-label:before,body[data-alist-tier="2"] .mvt--product-points:before{background-image:url(https://ci.asosservices.com/tests/T1003-Loyalty-Points/star-orange.png)}body[data-alist-tier="3"] .mvt--bag-points-label:before,body[data-alist-tier="3"] .mvt--product-points:before{background-image:url(https://ci.asosservices.com/tests/T1003-Loyalty-Points/star-green.png)}body[data-alist-tier="4"] .mvt--bag-points-label:before,body[data-alist-tier="4"] .mvt--product-points:before{background-image:url(https://ci.asosservices.com/tests/T1003-Loyalty-Points/star-purple.png)}.mvt--bag-points-label .mvt--product-points-link,.mvt--product-points .mvt--product-points-link{text-decoration:underline}.mvt--bag-points-label .mvt--product-points-link:hover,.mvt--product-points .mvt--product-points-link:hover{text-decoration:none}div.totals-box fieldset.total-breakdown-box dl dt.mvt--bag-points-label{margin-left:0;width:275px}div.totals-box fieldset.total-breakdown-box dl dd.mvt--bag-points-subtotal{margin-top:1rem}div.totals-box fieldset.total-breakdown-box dl dt.mvt--bag-points-label,div.totals-box fieldset.total-breakdown-box dl dd.mvt--bag-points-subtotal{animation:slideAndFade 1.5s ease}@keyframes slideAndFade{from{max-height:0;opacity:0}50%{max-height:200px;opacity:0;transform:scale(1)}80%{transform:scale(1.1)}to{max-height:200px;opacity:1;transform:scale(1)}}body#unPdpPage p.mvt--product-points.mvt--left{margin-left:16px !important;margin-bottom:24px !important}body#unBagPage dt.subtotal.mvt--bag-points-label{display:inline-block;margin-top:0 !important;font-family:"FuturaStd", Helvetica, sans-serif;font-size:1.2em;color:#7b7b7b;line-height:2em}body#unBagPage dt.subtotal.mvt--bag-points-label a.mvt--product-points-link{color:#7b7b7b !important}body#unBagPage dt.subtotal.mvt--bag-points-label a.mvt--product-points-link:hover{color:#000 !important}body#unBagPage dd.subtotal.mvt--bag-points-subtotal{display:inline-block;float:right;font-size:12px;line-height:2em;font-family:Tahoma, Arial, sans-serif;font-weight:bold}body#unBagPage dd.subtotal.mvt--bag-points-subtotal span{font-family:Tahoma, Arial, sans-serif;font-weight:bold}
/*# sourceMappingURL=product-points.css.map */
Raw
source.html
<!--
Build in command line with:
`inliner --skip-absolute-urls source.html > output.html`
Further info:
https://www.npmjs.com/package/inliner
https://github.com/remy/inliner
-->
<link rel="stylesheet" href="simple.css" >
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment