replaced http://meta.stackexchange.com/ with https://meta.stackexchange.com/
Source Link

The closest I can get to Undo's suggestionUndo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
    background: transparent;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
    background: transparent;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
    background: transparent;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

Bounty Ended with 100 reputation awarded by Mat
added 34 characters in body
Source Link
Ilmari Karonen
  • 30.2k
  • 5
  • 87
  • 162

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
    background: transparent;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
    background: transparent;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

ok, last image edit, I promise
Source Link
Ilmari Karonen
  • 30.2k
  • 5
  • 87
  • 162

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernamesScreenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

The closest I can get to Undo's suggestion with pure CSS (no images) is:

a.comment-user.owner {
    border: 3px solid #faa;
    border-radius: 53% 47%;
    padding: 0.4em !important;  /* override existing padding style */
    margin: -0.4em;
}
span.comment-copy {
    position: relative;  /* keep username border from overlapping text */
}

which looks like this:

Screenshot of red circled usernames

It's not quite a red freehand circle, but it's close...

added 2 characters in body
Source Link
Ilmari Karonen
  • 30.2k
  • 5
  • 87
  • 162
Loading
grmbl, apparently the default max image width here is 630px
Source Link
Ilmari Karonen
  • 30.2k
  • 5
  • 87
  • 162
Loading
Source Link
Ilmari Karonen
  • 30.2k
  • 5
  • 87
  • 162
Loading