暂无描述
您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

_account.scss 2.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. /*------------------*
  2. # Account Page
  3. *------------------*/
  4. .my-account .title {
  5. border-bottom: 1px solid $border-color;
  6. font-weight: fontweight(bold);
  7. padding-bottom: 20px;
  8. margin-bottom: 20px;
  9. font-size: 30px;
  10. }
  11. .register {
  12. .title {
  13. border-bottom: 1px solid $border-color;
  14. font-weight: fontweight(bold);
  15. padding-bottom: 20px;
  16. margin-bottom: 20px;
  17. font-size: 30px;
  18. }
  19. }
  20. .myaccount-tab-menu {
  21. flex-direction: column;
  22. background-color: $color-white;
  23. }
  24. .myaccount-tab-menu a {
  25. border: 1px solid $border-color;
  26. border-bottom: 0;
  27. color: $color-dark;
  28. font-weight: fontweight(medium);
  29. display: block;
  30. padding: 15px 15px 13px;
  31. line-height: 30px;
  32. font-size: 15px;
  33. text-transform: uppercase;
  34. }
  35. .myaccount-tab-menu a:last-child {
  36. border-bottom: 1px solid $border-color;
  37. }
  38. .myaccount-tab-menu a:hover,
  39. .myaccount-tab-menu a.active {
  40. background-color: $theme-color;
  41. color: $color-white;
  42. }
  43. .myaccount-tab-menu a i {
  44. font-size: 14px;
  45. text-align: center;
  46. width: 25px;
  47. }
  48. .myaccount-content {
  49. background-color: $color-white;
  50. font-size: 14px;
  51. border: 1px solid $border-color;
  52. padding: 30px;
  53. }
  54. @media only screen and (max-width: 575px) {
  55. .myaccount-content {
  56. padding: 20px 15px;
  57. }
  58. }
  59. .myaccount-content h3 {
  60. border-bottom: 1px solid $border-color;
  61. font-size:30px;
  62. font-weight: fontweight(bold);
  63. padding-bottom: 20px;
  64. margin-bottom: 20px;
  65. }
  66. .myaccount-content .welcome a {
  67. color: $color-dark;
  68. }
  69. .myaccount-content .welcome a:hover {
  70. color: $theme-color;
  71. }
  72. .myaccount-content .welcome strong {
  73. font-weight: 600;
  74. }
  75. .myaccount-content a.edit-address-btn {
  76. border-color: #333;
  77. }
  78. .myaccount-content a.edit-address-btn i {
  79. padding-right: 5px;
  80. }
  81. .myaccount-content a.edit-address-btn:hover {
  82. color: $theme-color;
  83. }
  84. .myaccount-table {
  85. white-space: nowrap;
  86. font-size: 15px;
  87. }
  88. .myaccount-table table th,
  89. .myaccount-table .table th {
  90. padding: 10px;
  91. font-weight: 600;
  92. }
  93. .myaccount-table table td,
  94. .myaccount-table .table td {
  95. padding: 20px 10px;
  96. vertical-align: middle;
  97. }
  98. .myaccount-table table td a:hover,
  99. .myaccount-table .table td a:hover {
  100. color: $color-white;
  101. }
  102. .saved-message {
  103. font-weight: 600;
  104. font-size: 13px;
  105. padding: 20px;
  106. }
  107. .account-details-form h4 {
  108. text-transform: capitalize;
  109. margin: 0;
  110. color: $color-dark;
  111. font-weight: fontweight(medium);
  112. font-size: 18px;
  113. }
  114. .table .thead-light th {
  115. background-color: #e9ecef;
  116. border-color: #dee2e6;
  117. }
  118. .account-details-form {
  119. input[type="text"],
  120. input[type="email"],
  121. input[type="url"],
  122. input[type="password"],
  123. input[type="search"],
  124. input[type="number"],
  125. input[type="tel"] {
  126. width: 100%;
  127. background-color: $color-white;
  128. border: 1px solid $border-color;
  129. font-size: 14px;
  130. color: $body-color;
  131. padding: 0.8rem 1.6rem;
  132. height: 38px;
  133. line-height: 1.25;
  134. @include border-radius(0px);
  135. }
  136. }
  137. /* ***************
  138. my-account End
  139. ******************/