Skip to content

Instantly share code, notes, and snippets.

@myfonj
Created January 16, 2014 12:19
Show Gist options
  • Save myfonj/8454049 to your computer and use it in GitHub Desktop.
Save myfonj/8454049 to your computer and use it in GitHub Desktop.
etn Q&A
/* etn Q&A */
.w {
width: 16px;
height: 16px;
border: 1px solid red;
position: relative;
}
.q, .a, .amp {
position: absolute;
}
.q, .a {
font-family: Arial;
font-weight: bold;
color: #0179b5;
font-size: 13px;
top: 1px;
z-index: 2;
opacity: 1;
}
.amp {
left: 3px;
z-index: 1;
}
.a { right: 0px; }
<div class="w"><span class="q">Q</span>
<img class="amp" width="16" height="16" src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><path transform="scale(0.25)" style="stroke:rgb(241,71,29);stroke-width:10.6;stroke-linecap:round;fill:none" d="m39.5 44.8l-11.5 10.5a1 1 0 0 1-18.3-20l15-13.8a9.3 9.3 0 1 0-13.2-0.6l13.4 14.7"/></svg>'>
<span class="a">A</span>
</div>
// alert('Hello world!');
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment