organization.less 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. @import "../ui/var";
  2. .org-header-alert .alert {
  3. margin-top: 10px;
  4. }
  5. .org-header {
  6. padding: 16px 0;
  7. background-color: #FFF;
  8. border-bottom: 1px solid #DDD;
  9. img {
  10. padding-right: 10px;
  11. }
  12. }
  13. #org-home-header {
  14. min-height: 100px;
  15. }
  16. #org-header {
  17. height: 48px;
  18. .org-name {
  19. padding-left: 10px;
  20. font-size: 1.4em;
  21. height: 50px;
  22. line-height: 50px;
  23. margin-bottom: 0;
  24. }
  25. > div {
  26. > .menu-line {
  27. > li {
  28. &.right {
  29. > a {
  30. font-size: 1.2em;
  31. color: @dashboardHeaderLinkColor;
  32. &:hover {
  33. background-color: transparent;
  34. color: @dashboardHeaderLinkHoverColor;
  35. }
  36. .octicon {
  37. margin-right: 4px;
  38. }
  39. .label{
  40. margin-left: 4px;
  41. font-size: .6em;
  42. }
  43. }
  44. .current {
  45. border-bottom: 2px solid #D26911;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. }
  52. #org-home-header-info {
  53. padding-top: 10px;
  54. h2 {
  55. font-size: 30px;
  56. }
  57. ul {
  58. list-style: none;
  59. li {
  60. float: left;
  61. padding-right: 5px;
  62. }
  63. }
  64. }
  65. #org-home-repo-list {
  66. padding: 10px 0;
  67. }
  68. #org-repo-list {
  69. padding: 10px 0;
  70. .org-repo-item {
  71. border-top: 1px solid #eee;
  72. padding: 30px 20px;
  73. .org-repo-status {
  74. list-style: none;
  75. color: #888;
  76. li {
  77. float: left;
  78. margin-right: 6px;
  79. }
  80. }
  81. h2 {
  82. margin-bottom: 5px;
  83. }
  84. .org-repo-description {
  85. margin: 0;
  86. font-size: 14px;
  87. color: #666;
  88. }
  89. .org-repo-updated {
  90. font-size: 12px;
  91. display: block;
  92. margin: 5px 0 0;
  93. color: #808080;
  94. }
  95. }
  96. }
  97. .org-sidebar {
  98. margin: -80px 0 0 20px;
  99. .panel-footer {
  100. padding: .8em 1.2em;
  101. }
  102. .member-avatar-group {
  103. padding: 15px;
  104. img {
  105. width: 59px;
  106. height: 59px;
  107. border-radius: 3px;
  108. }
  109. }
  110. }
  111. #org-home-team-list {
  112. padding: 0 15px;
  113. ul {
  114. list-style: none;
  115. padding-top: 10px;
  116. li {
  117. padding: 10px 0;
  118. border-bottom: 1px solid #eee;
  119. &:last-child {
  120. border-bottom: 0;
  121. }
  122. }
  123. }
  124. }
  125. .team-name {
  126. display: block;
  127. font-size: 14px;
  128. overflow: hidden;
  129. text-overflow: ellipsis;
  130. white-space: nowrap;
  131. }
  132. .team-meta {
  133. margin-top: 0;
  134. margin-bottom: 0;
  135. color: #777;
  136. }
  137. .org-toolbar {
  138. padding: 10px 0;
  139. border-bottom: 1px solid #eee;
  140. }
  141. #org-member-list {
  142. .org-member-item {
  143. height: 50px;
  144. line-height: 50px;
  145. border-bottom: 1px solid #eee;
  146. padding: 15px 20px;
  147. .member-name {
  148. padding-left: 15px;
  149. }
  150. ul {
  151. list-style: none;
  152. li {
  153. text-align: center;
  154. display: inline-block;
  155. }
  156. }
  157. }
  158. }
  159. .invite-box {
  160. padding: 50px 0;
  161. min-height: 130px;
  162. margin: 0 auto;
  163. width: 50%;
  164. input {
  165. width: 300px;
  166. }
  167. }
  168. #org-member-list-block {
  169. padding-top: 2px;
  170. }
  171. .org-team-list {
  172. .org-team-list-item {
  173. float: left;
  174. padding: 15px;
  175. width: 555px;
  176. .member-avatar-group {
  177. padding: 5px 15px;
  178. img {
  179. width: 38px;
  180. height: 38px;
  181. border-radius: 3px;
  182. }
  183. }
  184. }
  185. }
  186. #team-create-form {
  187. .note {
  188. margin-left: 153px;
  189. }
  190. }
  191. #org-team-card {
  192. .desc {
  193. font-size: 14px;
  194. padding: 10px 20px;
  195. }
  196. .team-stats {
  197. padding: 0 20px 10px 20px;
  198. text-transform: uppercase;
  199. border-bottom: 1px solid #dddddd;
  200. }
  201. .panel-footer {
  202. padding: 10px 20px;
  203. }
  204. }
  205. #team-repositories-list,
  206. #team-members-list {
  207. .panel-body .search {
  208. padding: 4px 0 10px 10px;
  209. border-bottom: 1px solid #dddddd;
  210. }
  211. li {
  212. &.collab {
  213. padding-top: 10px !important;
  214. border-bottom: 1px solid #dddddd;
  215. }
  216. &:last-child {
  217. border-bottom: 0 !important;
  218. }
  219. }
  220. }
  221. #team-repositories-list {
  222. li {
  223. a .octicon {
  224. color: #888;
  225. }
  226. .member {
  227. color: @linkColor;
  228. font-size: 14px;
  229. height: 40px;
  230. line-height: 40px;
  231. }
  232. }
  233. }