Latest Topics Avatars Circular

[Felix2]

This will turn the avatar icons within the Latest Topics module from default square into circular.


This would make for a nice checkbox feature.
Meanwhile...


Add this code to css_additional.css

/* Start Latest Topics Avatars Circular */
div.b-post-sm__avatar.avatar.h-left img {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px  solid black;
}
/* End Latest Topics Avatars Circular */

Additionally, if you want to do this to the main forum icons, add this code.
This will affect online users / message post / main forum icons.
It will not affect tiny or large icons.

/* Start Forum small Avatars Circular */
a.avatar.h-left img {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 2px solid green;
}
/* End Forum small Avatars Circular */

[Felix2]

Also, you can throw a little bit of pulsating glow onto the Latest Topic avatars by including

    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;

[Felix2]

See also, Avatars without Borders.