profile.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. /* Cubic Bezier Transition */
  2. /***
  3. New Profile Page
  4. ***/
  5. .profile-sidebar {
  6. float: left;
  7. width: 300px;
  8. margin-right: 20px; }
  9. .profile-content {
  10. overflow: hidden; }
  11. /* PROFILE SIDEBAR */
  12. .profile-sidebar-portlet {
  13. padding: 30px 0 0 0 !important; }
  14. .profile-userpic img {
  15. float: none;
  16. margin: 0 auto;
  17. width: 50%;
  18. height: 50%;
  19. -webkit-border-radius: 50% !important;
  20. -moz-border-radius: 50% !important;
  21. border-radius: 50% !important; }
  22. .profile-usertitle {
  23. text-align: center;
  24. margin-top: 20px; }
  25. .profile-usertitle-name {
  26. color: #5a7391;
  27. font-size: 20px;
  28. font-weight: 600;
  29. margin-bottom: 7px; }
  30. .profile-usertitle-job {
  31. text-transform: uppercase;
  32. color: #5b9bd1;
  33. font-size: 13px;
  34. font-weight: 800;
  35. margin-bottom: 7px; }
  36. .profile-userbuttons {
  37. text-align: center;
  38. margin-top: 10px; }
  39. .profile-userbuttons .btn {
  40. margin-right: 5px; }
  41. .profile-userbuttons .btn:last-child {
  42. margin-right: 0; }
  43. .profile-userbuttons button {
  44. text-transform: uppercase;
  45. font-size: 11px;
  46. font-weight: 600;
  47. padding: 6px 15px; }
  48. .profile-usermenu {
  49. margin-top: 30px;
  50. padding-bottom: 20px; }
  51. .profile-usermenu ul li {
  52. border-bottom: 1px solid #f0f4f7; }
  53. .profile-usermenu ul li:last-child {
  54. border-bottom: none; }
  55. .profile-usermenu ul li a {
  56. color: #93a3b5;
  57. font-size: 16px;
  58. font-weight: 400; }
  59. .profile-usermenu ul li a i {
  60. margin-right: 8px;
  61. font-size: 16px; }
  62. .profile-usermenu ul li a:hover {
  63. background-color: #fafcfd;
  64. color: #5b9bd1; }
  65. .profile-usermenu ul li.active a {
  66. color: #5b9bd1;
  67. background-color: #f6f9fb;
  68. border-left: 2px solid #5b9bd1;
  69. margin-left: -2px; }
  70. .profile-stat {
  71. padding-bottom: 20px;
  72. border-bottom: 1px solid #f0f4f7; }
  73. .profile-stat-title {
  74. color: #7f90a4;
  75. font-size: 25px;
  76. text-align: center; }
  77. .profile-stat-text {
  78. color: #5b9bd1;
  79. font-size: 11px;
  80. font-weight: 800;
  81. text-align: center; }
  82. .profile-desc-title {
  83. color: #7f90a4;
  84. font-size: 17px;
  85. font-weight: 600; }
  86. .profile-desc-text {
  87. color: #7e8c9e;
  88. font-size: 14px; }
  89. .profile-desc-link i {
  90. width: 22px;
  91. font-size: 19px;
  92. color: #abb6c4;
  93. margin-right: 5px; }
  94. .profile-desc-link a {
  95. font-size: 14px;
  96. font-weight: 600;
  97. color: #5b9bd1; }
  98. /* END PROFILE SIDEBAR */
  99. /* RESPONSIVE MODE */
  100. @media (max-width: 991px) {
  101. /* 991px */
  102. /* 991px */
  103. .profile-sidebar {
  104. float: none;
  105. width: 100% !important;
  106. margin: 0; }
  107. .profile-sidebar > .portlet {
  108. margin-bottom: 20px; }
  109. .profile-content {
  110. overflow: visible; } }