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.

149 lines
2.9 KiB

9 years ago
9 years ago
9 years ago
9 years ago
  1. .user {
  2. &:not(.icon) {
  3. padding-top: 15px;
  4. }
  5. &.profile {
  6. .ui.card {
  7. .username {
  8. display: block;
  9. }
  10. .extra.content {
  11. padding: 0;
  12. ul {
  13. margin: 0;
  14. padding: 0;
  15. li {
  16. padding: 10px;
  17. list-style: none;
  18. &:not(:last-child) {
  19. border-bottom: 1px solid #eaeaea;
  20. }
  21. .octicon,
  22. .fa {
  23. margin-left: 1px;
  24. margin-right: 5px;
  25. }
  26. &.follow {
  27. .ui.button {
  28. width: 100%;
  29. }
  30. }
  31. }
  32. }
  33. }
  34. #profile-avatar {
  35. @media only screen and (max-width: 768px) {
  36. height: 250px;
  37. overflow: hidden;
  38. img {
  39. max-height: 768px;
  40. max-width: 768px;
  41. }
  42. }
  43. }
  44. @media only screen and (max-width: 768px) {
  45. width: 100%;
  46. }
  47. }
  48. .ui.repository.list {
  49. margin-top: 25px;
  50. }
  51. #loading-heatmap {
  52. margin-bottom: 1em;
  53. }
  54. }
  55. &.followers {
  56. .header.name {
  57. font-size: 20px;
  58. line-height: 24px;
  59. vertical-align: middle;
  60. }
  61. .follow {
  62. .ui.button {
  63. padding: 8px 15px;
  64. }
  65. }
  66. }
  67. &.notification {
  68. .octicon {
  69. float: left;
  70. font-size: 2em;
  71. &.green {
  72. color: #21ba45;
  73. }
  74. &.red {
  75. color: #d01919;
  76. }
  77. &.purple {
  78. color: #a333c8;
  79. }
  80. &.blue {
  81. color: #2185d0;
  82. }
  83. }
  84. .content {
  85. float: left;
  86. margin-left: 7px;
  87. }
  88. table {
  89. form {
  90. display: inline-block;
  91. }
  92. button {
  93. padding: 3px 3px 3px 5px;
  94. }
  95. tr {
  96. cursor: pointer;
  97. }
  98. }
  99. }
  100. &.link-account:not(.icon) {
  101. padding-top: 15px;
  102. padding-bottom: 5px;
  103. }
  104. &.settings {
  105. .iconFloat {
  106. float: left;
  107. }
  108. }
  109. }
  110. .user-orgs {
  111. display: flex;
  112. flex-flow: row wrap;
  113. padding: 0;
  114. margin: -3px !important;
  115. li {
  116. display: flex;
  117. border-bottom: 0 !important;
  118. padding: 3px !important;
  119. width: 20%;
  120. max-width: 60px;
  121. }
  122. }