page-profile.css 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. #user-profile {
  2. /*-------------profile header section---------*/
  3. /*-------- profile info section --------*/ }
  4. #user-profile .profile-header {
  5. overflow: hidden; }
  6. #user-profile .profile-header .profile-img-container {
  7. position: absolute;
  8. /* bottom: -2rem; */
  9. left: 2.14rem;
  10. z-index: 2; }
  11. #user-profile .profile-header .profile-img-container .profile-img {
  12. height: 8.92rem;
  13. width: 8.92rem;
  14. border: 0.357rem solid #fff;
  15. background-color: #fff;
  16. border-radius: 0.428rem;
  17. box-shadow: 0 4px 24px 0 rgba(34, 41, 47, 0.1); }
  18. #user-profile .profile-header .profile-header-nav .navbar {
  19. padding: 5rem 1rem; }
  20. #user-profile .profile-header .profile-header-nav .navbar .navbar-toggler {
  21. line-height: 0; }
  22. #user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item i,
  23. #user-profile .profile-header .profile-header-nav .navbar .profile-tabs .nav-item svg {
  24. margin-right: 0; }
  25. #user-profile #profile-info .profile-star {
  26. color: #babfc7; }
  27. #user-profile #profile-info .profile-star i.profile-favorite,
  28. #user-profile #profile-info .profile-star svg.profile-favorite {
  29. fill: #ff9f43;
  30. stroke: #ff9f43; }
  31. #user-profile #profile-info .profile-likes {
  32. fill: #ea5455;
  33. stroke: #ea5455; }
  34. #user-profile #profile-info .profile-polls-info .progress {
  35. height: 0.42rem; }
  36. #user-profile .profile-latest-img {
  37. transition: all 0.2s ease-in-out; }
  38. #user-profile .profile-latest-img:hover {
  39. transform: translateY(-4px) scale(1.2);
  40. z-index: 10; }
  41. #user-profile .profile-latest-img img {
  42. margin-top: 1.28rem; }
  43. #user-profile .block-element .spinner-border {
  44. border-width: 0.14rem; }
  45. @media (max-width: 991.98px) {
  46. #user-profile .profile-latest-img img {
  47. width: 100%; } }
  48. @media (min-width: 768px) {
  49. .profile-header-nav .profile-tabs {
  50. width: 100%;
  51. margin-left: 13.2rem; } }
  52. @media (max-width: 575.98px) {
  53. #user-profile .profile-header .profile-img-container .profile-img {
  54. height: 100px;
  55. width: 100px; }
  56. #user-profile .profile-header .profile-img-container .profile-title h2 {
  57. font-size: 1.5rem; } }