profile.css 1017 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /*========================================
  2. PROFILE PAGE STYLE
  3. =========================================*/
  4. .profile-image {
  5. text-align: center;
  6. }
  7. .profile-image a {
  8. border-radius: 50%;
  9. /*border: 2px solid var(--primary);*/
  10. }
  11. .profile-image a img {
  12. width: 80px;
  13. border-radius: 50%;
  14. border: 3px solid var(--white);
  15. }
  16. .profile-btn {
  17. margin-top: 33px;
  18. }
  19. .profile-btn a {
  20. width: 100%;
  21. height: 45px;
  22. line-height: 45px;
  23. border-radius: 8px;
  24. text-align: center;
  25. text-transform: capitalize;
  26. color: var(--white);
  27. background: var(--black);
  28. transition: all linear .3s;
  29. -webkit-transition: all linear .3s;
  30. -moz-transition: all linear .3s;
  31. -ms-transition: all linear .3s;
  32. -o-transition: all linear .3s;
  33. }
  34. .profile-btn a:hover {
  35. background: white;
  36. color: black;
  37. border: 1px solid black;
  38. }
  39. @media (max-width: 991px) {
  40. .profile-btn {
  41. margin-top: 5px;
  42. }
  43. }
  44. @media (min-width: 768px) and (max-width: 991px) {
  45. .profile-image {
  46. margin-bottom: 20px;
  47. }
  48. }