user.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. h2.page-header {
  2. margin: 10px 0 25px 0;
  3. padding-bottom: 15px;
  4. }
  5. .user-baseinfo {
  6. margin-bottom: 25px;
  7. }
  8. .user-baseinfo table tr td {
  9. color: #999;
  10. }
  11. @media (min-width: 992px) {
  12. .user-center .avatar-text,
  13. .user-center .avatar-img {
  14. height: 150px;
  15. width: 150px;
  16. border-radius: 150px;
  17. line-height: 150px;
  18. font-size: 70px;
  19. }
  20. .user-center .avatar-img {
  21. font-size: 0;
  22. }
  23. .user-center .avatar-img img {
  24. height: 150px;
  25. width: 150px;
  26. border-radius: 150px;
  27. }
  28. }
  29. .sidebar-toggle {
  30. display: none;
  31. }
  32. @media (max-width: 991px) {
  33. .sidenav {
  34. position: fixed;
  35. top: 50px;
  36. z-index: 1029;
  37. height: calc(100vh - 50px);
  38. padding: 20px 0 20px 0;
  39. min-width: 250px;
  40. overflow-y: auto;
  41. overflow-x: hidden;
  42. width: 250px;
  43. left: -250px;
  44. -webkit-transition: all 0.3s ease;
  45. -moz-transition: all 0.3s ease;
  46. -o-transition: all 0.3s ease;
  47. transition: all 0.3s ease;
  48. }
  49. .sidebar-toggle {
  50. display: block;
  51. position: fixed;
  52. right: 20px;
  53. bottom: 70px;
  54. border-radius: 50%;
  55. background: #eee;
  56. font-size: 22px;
  57. padding: 10px;
  58. line-height: 30px;
  59. height: 50px;
  60. width: 50px;
  61. text-align: center;
  62. z-index: 999999;
  63. }
  64. }
  65. body.sidebar-open .sidenav {
  66. left: 0;
  67. width: 250px;
  68. box-shadow: 0 6px 27px rgba(0, 0, 0, 0.075);
  69. }
  70. body.sidebar-open .sidebar-toggle i:before {
  71. content: "\f00d";
  72. }
  73. /*# sourceMappingURL=user.css.map */