You are here

user-menu-avatar.css in User Menu Avatar (User Image in Menu) 8.2

span.user-menu-avatar {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: cover;
  background-position: center;
}

span.user-menu-avatar.circle {
  border-radius: 50%;
}

span.show-user-name {
  display: inline-block;
  vertical-align: middle;
  font-size: 100%;
  margin-left: 10px;
}

span.show-user-name-only {
  font-size: 100%;
}

File

css/user-menu-avatar.css
View source
  1. span.user-menu-avatar {
  2. position: relative;
  3. display: inline-block;
  4. vertical-align: middle;
  5. padding: 0;
  6. margin: 0;
  7. background-repeat: no-repeat;
  8. background-clip: border-box;
  9. background-origin: padding-box;
  10. background-size: cover;
  11. background-position: center;
  12. }
  13. span.user-menu-avatar.circle {
  14. border-radius: 50%;
  15. }
  16. span.show-user-name {
  17. display: inline-block;
  18. vertical-align: middle;
  19. font-size: 100%;
  20. margin-left: 10px;
  21. }
  22. span.show-user-name-only {
  23. font-size: 100%;
  24. }