style.scss 772 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. #tabs {
  2. position: relative;
  3. padding: 5px 32px 0 32px;
  4. margin-bottom: 24px;
  5. display: flex;
  6. flex-wrap: wrap;
  7. align-items: center;
  8. justify-content: start;
  9. a {
  10. color: #0D6295;
  11. padding: 10px 15px;
  12. transition: color 0.3s;
  13. &:first-child {
  14. padding-left: 0;
  15. }
  16. &:hover {
  17. color: #e47911;
  18. text-decoration: underline;
  19. }
  20. &.active {
  21. color: #e47911;
  22. font-weight: bold;
  23. text-decoration: underline;
  24. }
  25. }
  26. span {
  27. width: 1px;
  28. height: 11px;
  29. background-color: #ccc;
  30. }
  31. }
  32. @media (max-width: 576px) {
  33. main {
  34. #changeApprove, #changeEmail, #changeIntro, #changeName, #changePassword,
  35. #changeSummary, #changeThumb, #profile, #verifyEmail, #withdraw, #loginLog,
  36. #myPosts, #myComments, #expLogs {
  37. padding: 15px 10px 22px 10px;
  38. }
  39. }
  40. }