Skip to content

Instantly share code, notes, and snippets.

@exdeniz
Created May 18, 2015 19:56
Show Gist options
  • Save exdeniz/7681eeca839450f628fd to your computer and use it in GitHub Desktop.
Save exdeniz/7681eeca839450f628fd to your computer and use it in GitHub Desktop.
.headerGlass:after {
content: "";
display: block;
top: 5px;
left: -40px;
position: absolute;
width: 63px;
height: 23px;
background-repeat: no-repeat;
background-position: center center;
}
.headerGlass:before {
content: "";
display: block;
top: 5px;
right: -40px;
position: absolute;
width: 63px;
height: 23px;
background-repeat: no-repeat;
background-position: center center;
}
.headerGlass:before,
.headerGlass:after {
background-image: url('data:image/png;base64,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');
}
.headerGlass:after {
content: "";
display: block;
top: 5px;
left: -40px;
position: absolute;
width: 63px;
height: 23px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD8AAAAXCAYAAAC8oJeEAAAHJElEQVRYR61Ya1BUVRw/59zdZVlR8wEq0/RSccLRyTB11EanDHzBCOty2cX0Q2Y5ThaNpUbTTJP1QQfH6YNJOdNUsuzdlYdYka8iHxgS2ailk1lmRYkliAq4d+85/e4mCcRy78LemZ2Be/7n//u/H5eSfjxOZ94USZKmUyrG4/p9glJOCD8vCL0QElpthaKc7QfbPq9ky3KKjbBZhLCxhIgUENuAd0kQcZZwciIQ8H6DdyIaXBoNscvlnk8l+iIRNBWKNwH8FOHiEmHCgnf3E0KnUCIcMEYdFaEiRVG+ioZ/b7SyLD9CiPQCzmbiF4R2p6Hij5TSW9D1HsgwGbKMBv5ZzrW3AwFflVlMU8ovWLBgyOAhwzcDLAcXqjgn79y40XymuroaAtx5MjMzHXZ7wgzG6CpCyeMQdEfTn41v1tTUdJgVqAsdy83zbABeAZQ9xrnYce3a30f2799/sysvyBbncAxNlSzSSmBm4+yQ0ILPBwKBq0aYhspnZ2cn2WwOBeE1glO+ZrfPd8SIqX6em+vOJIwVEyFqW5r/WtFT6L54pKWlWceOm1BMKF3EhVi9W/GWm8FEOk6FEbaDVuto15xVVb7Gvu4ZKc9k2bNHUJKk3mrPrKioaDIjRCeNy+VKZcz6GULzU79S8qzZu7m5ni3w4gotxDPKynwnzd7T6RYt8gxLSKB74KxQ0+XGhX1FXZ/Ku2T3S5SytQijWQijS9EIcccAnjQm0c8F50/7/aV+Ix5QfCE87uNUy0KU1RjR93YOo4+G0Y8KQRS/31sYiUdE5V2u/ElUIgeRtwUBX4m3P0J03kHuvoKCtPx669VpqBOt+vu5c+da4uPjpaamJt7Q0KDq7yB0PGXWOkroJ4pSsnFAmLnuJUi7nUITGegEDb3xCiuv51hycrLVbrczePhGuMJSaScEvgEhZoMkqhbSEygcioNJneB0q99fsgPGWAeO89AdhhIqrqNVHYaHNqFO5BLKtoTU9lnl5eW/DUT5cN2RPQeAkUxJ6Cl0nrr09HRHMBjUEhMTVeipUeS0H5qNAq2EPGujguzChQ34+0HByWpd2IEKod8HTjH4okeHNgoi1aJVWbryFVzMAeZ6vGv2K95lMcLMRwrtQvj/jLq1kQmxDLoOQWRhLhGXqZyX382rQoggBLPhQosW0p5Awfk6FoK4XHlZTJJ2A/RXIWgiQu5b8G3HzwalH8b7ZmCOgZArAz7vR7HAdDrdkyUrOwCsJPDT2629K1+6VM5fzAR3ID/yQZTVeQhBvkf4ZcQi/G7ncyqTbHru2YXgRX6ldF0nliznvw4DvIb/eUjVpsfK4JmZ7pHxDraPho377wPn7kPx3akb/r+Cp/dzS5xjHhViOTyfgVbRIDQ13cywYMZLOTk5YyxW+xnwvotrfHYgUHq88154XLawepypIVVMLCvz/mSGpxENCmgCY7Z9MOzMsNKUvq8F2w/DoX/od/9X7XNyPPdarPQgxlTKuToHyv9uBGLmHCE4UbLQ00Dc5vd5da8j7+488P4mnBWiPU9Dcao3w9OIRve8YxCtQZo5giT0RKWiXOgW9r0xQLWfgWpfyTWShTZxwgjEzLleySmjm9Vgx+zeUul2iB5FFyhCkX3PDE8jGj2iLFZWjcLtRjf5oid9pD5P0Y6OIVR2B5TSrUYgZs5R7fU8G6YoXmcketB8iOprRbV3m+FpRCPL7mcwXa4RXJ2itzazymM2z9+IHpwLQdJ6hqgRaM9z1JMRVpvjGFLpDShfEun+UtmTIxFSpKodj8ai0MKBR6igxzGrvNwbZsQJb4ksj7URy5dE8EKMpR9Eq3BXeozJhZSwJwUPTtWHqEi89GFr3PgJGIbIfoTphoFgIs30Ca9YU/mcsrLSc1EprxPDcuthnbVqkMwsL/f+0h9h9E3LYpUOoceshNcDRjxiOdujnvvg9VcjYfa92LhcEhaESlTh0e1tYnFVVellI+G7eRxbHZXQaoj4GBV+tdm74a2O0eWaqs3v91ZHhYpWvRiRpg9SvT5GKy3R+781Lr4UhCMRjs8hHA+bUUKf6CjDbk3J8fabrSv27t3bZuaeTqMvPUmjkt/FcLIQY+8apF2Zmbu3d5LtKJpqRxtfOtB9PoyZlZU12O5I2Iw25MSsvBebUvGVK42neu7KWBwGDRk+fAYj0ioUt8cwKmxvbb36Vs8vPmYUAQ1D0V2PolsAw9dG+pKDQcbGGEsRxLIKn7OckLH61q22dZWVlS1GOIae78oA4ZgBTxbAABMB0gIFT2IMvtjtGx4VdrSXehhoSyxmhPB8bqGo1jT8DQ+Y3wHzPGGkA0vY3dgFJkGJUcDEh0yxDZGJNDP3RKV8J0uXy/MQdsBpGIVTsII+gPfoofw82sq5UEiciFRdzYnUO5XT6RkvSQJfjNl4jN5j4YA4KHsRRvkB80g9DK0vSlE9/wAZwidL0GRT4AAAAABJRU5ErkJggg==');
}
.headerGlass:before {
content: "";
display: block;
top: 5px;
right: -40px;
position: absolute;
width: 63px;
height: 23px;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/png;base64,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');
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment