You are here

Home » API reference » User Menu Avatar (User Image in Menu) 8.2

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

Same filename and directory in other branches
  1. 8.5 css/user-menu-avatar.css
  2. 8 css/user-menu-avatar.css
  3. 8.3 css/user-menu-avatar.css
  4. 8.4 css/user-menu-avatar.css
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. 

  14. span.user-menu-avatar.circle {

  15.   border-radius: 50%;

  16. }

  17. 

  18. span.show-user-name {

  19.   display: inline-block;

  20.   vertical-align: middle;

  21.   font-size: 100%;

  22.   margin-left: 10px;

  23. }

  24. 

  25. span.show-user-name-only {

  26.   font-size: 100%;

  27. }