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.

org.css 3.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. #create-page-form form {
  2. margin: auto;
  3. }
  4. #create-page-form form .ui.message {
  5. text-align: center;
  6. }
  7. @media (min-width: 768px) {
  8. #create-page-form form {
  9. width: 800px !important;
  10. }
  11. #create-page-form form .header {
  12. padding-left: 280px !important;
  13. }
  14. #create-page-form form .inline.field > label {
  15. text-align: right;
  16. width: 250px !important;
  17. word-wrap: break-word;
  18. }
  19. #create-page-form form .help {
  20. margin-left: 265px !important;
  21. }
  22. #create-page-form form .optional .title {
  23. margin-left: 250px !important;
  24. }
  25. #create-page-form form .inline.field > input,
  26. #create-page-form form .inline.field > textarea {
  27. width: 50%;
  28. }
  29. }
  30. @media (max-width: 767.98px) {
  31. #create-page-form form .optional .title {
  32. margin-left: 15px;
  33. }
  34. #create-page-form form .inline.field > label {
  35. display: block;
  36. }
  37. }
  38. .organization .head .ui.header .ui.right {
  39. margin-top: 5px;
  40. }
  41. .organization.new.org form {
  42. margin: auto;
  43. }
  44. .organization.new.org form .ui.message {
  45. text-align: center;
  46. }
  47. @media (min-width: 768px) {
  48. .organization.new.org form {
  49. width: 800px !important;
  50. }
  51. .organization.new.org form .header {
  52. padding-left: 280px !important;
  53. }
  54. .organization.new.org form .inline.field > label {
  55. text-align: right;
  56. width: 250px !important;
  57. word-wrap: break-word;
  58. }
  59. .organization.new.org form .help {
  60. margin-left: 265px !important;
  61. }
  62. .organization.new.org form .optional .title {
  63. margin-left: 250px !important;
  64. }
  65. .organization.new.org form .inline.field > input,
  66. .organization.new.org form .inline.field > textarea {
  67. width: 50%;
  68. }
  69. }
  70. @media (max-width: 767.98px) {
  71. .organization.new.org form .optional .title {
  72. margin-left: 15px;
  73. }
  74. .organization.new.org form .inline.field > label {
  75. display: block;
  76. }
  77. }
  78. .organization.new.org form .header {
  79. padding-left: 0 !important;
  80. text-align: center;
  81. }
  82. .organization.options input {
  83. min-width: 300px;
  84. }
  85. .organization.profile .org-avatar {
  86. width: 100px;
  87. height: 100px;
  88. margin-right: 15px;
  89. }
  90. .organization.profile #org-info {
  91. overflow-wrap: anywhere;
  92. flex: 1;
  93. }
  94. .organization.profile #org-info .ui.header {
  95. display: flex;
  96. align-items: center;
  97. font-size: 36px;
  98. margin-bottom: 0;
  99. }
  100. .organization.profile #org-info .desc {
  101. font-size: 16px;
  102. margin-bottom: 10px;
  103. }
  104. .organization.profile #org-info .meta {
  105. display: flex;
  106. align-items: center;
  107. flex-wrap: wrap;
  108. gap: 8px;
  109. }
  110. .organization.profile .ui.top.header .ui.right {
  111. margin-top: 0;
  112. }
  113. .organization.profile .teams .item {
  114. padding: 10px 15px;
  115. }
  116. .organization.profile .members .ui.avatar {
  117. width: 48px;
  118. height: 48px;
  119. margin-right: 5px;
  120. margin-bottom: 5px;
  121. }
  122. .organization.invite #invite-box {
  123. margin: 50px auto auto;
  124. width: 500px !important;
  125. }
  126. .organization.invite #invite-box #search-user-box input {
  127. margin-left: 0;
  128. width: 300px;
  129. }
  130. .organization.invite #invite-box .ui.button {
  131. margin-left: 5px;
  132. margin-top: -3px;
  133. }
  134. .organization.invite .ui.avatar {
  135. width: 100%;
  136. height: 100%;
  137. }
  138. .organization.teams .detail .item {
  139. padding: 10px 15px;
  140. }
  141. .organization.teams .detail .item:not(:last-child) {
  142. border-bottom: 1px solid var(--color-secondary);
  143. }
  144. .org-team-navbar .active.item {
  145. background: var(--color-box-body) !important;
  146. }