闭社主体 forked from https://github.com/tootsuite/mastodon
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

120 lines
1.6 KiB

6 years ago
  1. .button {
  2. background-color: #2b90d9;
  3. &:hover {
  4. background-color: #489fde;
  5. }
  6. &:disabled {
  7. background-color: #9baec8;
  8. }
  9. &.button-secondary {
  10. background-color: #282c37;
  11. &:hover {
  12. background-color: #282c37;
  13. }
  14. &:disabled {
  15. background-color: #9baec8;
  16. }
  17. }
  18. }
  19. .icon-button {
  20. color: #616b86;
  21. cursor: pointer;
  22. &:hover {
  23. color: #717b98;
  24. }
  25. &.disabled {
  26. color: #535b72;
  27. cursor: default;
  28. }
  29. &.active {
  30. color: #2b90d9;
  31. }
  32. }
  33. .compose-form__textarea, .follow-form__input {
  34. background: #fff;
  35. &:disabled {
  36. background: #d9e1e8;
  37. }
  38. }
  39. .status__content, .reply-indicator__content {
  40. font-size: 15px;
  41. line-height: 20px;
  42. word-wrap: break-word;
  43. font-weight: 300;
  44. p {
  45. margin-bottom: 20px;
  46. &:last-child {
  47. margin-bottom: 0;
  48. }
  49. }
  50. a {
  51. color: #d9e1e8;
  52. text-decoration: none;
  53. &:hover {
  54. text-decoration: underline;
  55. }
  56. &.mention {
  57. &:hover {
  58. text-decoration: none;
  59. span {
  60. text-decoration: underline;
  61. }
  62. }
  63. }
  64. }
  65. }
  66. .reply-indicator__content {
  67. color: #282c37;
  68. font-size: 14px;
  69. a {
  70. color: #535b72;
  71. }
  72. }
  73. .status__display-name, .status__relative-time {
  74. text-decoration: none;
  75. }
  76. .status__display-name {
  77. strong {
  78. color: #fff;
  79. }
  80. }
  81. .status__display-name, .reply-indicator__display-name {
  82. &:hover {
  83. strong {
  84. text-decoration: underline;
  85. }
  86. }
  87. }
  88. .status__relative-time {
  89. &:hover {
  90. text-decoration: underline;
  91. }
  92. }
  93. .transparent-background {
  94. background: image-url('void.png');
  95. }