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.

_form.less 4.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240
  1. .form {
  2. .help {
  3. color: #999999;
  4. padding-top: 0.6em;
  5. padding-bottom: 0.6em;
  6. display: inline-block;
  7. }
  8. }
  9. .ui.attached.header {
  10. background: #f0f0f0;
  11. .right {
  12. margin-top: -5px;
  13. .button {
  14. padding: 8px 10px;
  15. font-weight: normal;
  16. }
  17. }
  18. }
  19. @create-page-form-input-padding: 250px !important;
  20. #create-page-form {
  21. form {
  22. margin: auto;
  23. .ui.message {
  24. text-align: center;
  25. }
  26. @media only screen and (min-width: 768px) {
  27. width: 800px !important;
  28. .header {
  29. padding-left: @create-page-form-input-padding+30px;
  30. }
  31. .inline.field > label {
  32. text-align: right;
  33. width: @create-page-form-input-padding;
  34. word-wrap: break-word;
  35. }
  36. .help {
  37. margin-left: @create-page-form-input-padding+15px;
  38. }
  39. .optional .title {
  40. margin-left: @create-page-form-input-padding;
  41. }
  42. input,
  43. textarea {
  44. width: 50% !important;
  45. }
  46. }
  47. @media only screen and (max-width: 767px) {
  48. .optional .title {
  49. margin-left: 15px;
  50. }
  51. .inline.field > label {
  52. display: block;
  53. }
  54. }
  55. }
  56. }
  57. .signin {
  58. .oauth2 {
  59. div {
  60. display: inline-block;
  61. p {
  62. margin: 10px 5px 0 0;
  63. float: left;
  64. }
  65. }
  66. a {
  67. margin-right: 3px;
  68. &:last-child {
  69. margin-right: 0;
  70. }
  71. }
  72. img {
  73. width: 32px;
  74. height: 32px;
  75. &.openidConnect {
  76. width: auto;
  77. }
  78. }
  79. }
  80. }
  81. @media only screen and (min-width: 768px) {
  82. .g-recaptcha {
  83. margin: 0 auto !important;
  84. width: 304px;
  85. padding-left: 30px;
  86. }
  87. }
  88. @media screen and (max-height: 575px) {
  89. #rc-imageselect,
  90. .g-recaptcha {
  91. transform: scale(0.77);
  92. transform-origin: 0 0;
  93. }
  94. }
  95. .user.activate,
  96. .user.forgot.password,
  97. .user.reset.password,
  98. .user.signin,
  99. .user.signup {
  100. @input-padding: 200px;
  101. #create-page-form;
  102. form {
  103. width: 700px !important;
  104. .header {
  105. padding-left: 0 !important;
  106. text-align: center;
  107. }
  108. .inline.field > label {
  109. width: @input-padding;
  110. }
  111. .inline.field > label,
  112. input {
  113. @media only screen and (max-width: 768px) {
  114. width: 100% !important;
  115. }
  116. }
  117. }
  118. }
  119. .repository {
  120. &.new.repo,
  121. &.new.migrate,
  122. &.new.fork {
  123. #create-page-form;
  124. form {
  125. .dropdown {
  126. .dropdown.icon {
  127. margin-top: -7px !important;
  128. padding-bottom: 5px;
  129. }
  130. .text {
  131. margin-right: 0 !important;
  132. i {
  133. margin-right: 0 !important;
  134. }
  135. }
  136. }
  137. .header {
  138. padding-left: 0 !important;
  139. text-align: center;
  140. }
  141. @media only screen and (max-width: 768px) {
  142. label,
  143. input,
  144. .selection.dropdown {
  145. width: 100% !important;
  146. }
  147. .field button,
  148. .field a {
  149. margin-bottom: 1em;
  150. width: 100%;
  151. }
  152. }
  153. }
  154. }
  155. &.new.repo {
  156. .ui.form {
  157. @media only screen and (min-width: 768px) {
  158. #auto-init {
  159. margin-left: @create-page-form-input-padding+15px;
  160. }
  161. }
  162. .selection.dropdown:not(.owner) {
  163. width: 50% !important;
  164. @media only screen and (max-width: 768px) {
  165. width: 100% !important;
  166. }
  167. }
  168. }
  169. }
  170. }
  171. .new.webhook {
  172. form {
  173. .help {
  174. margin-left: 25px;
  175. }
  176. }
  177. .events.fields {
  178. .column {
  179. padding-left: 40px;
  180. }
  181. }
  182. }
  183. .githook {
  184. textarea {
  185. font-family: @monospaced-fonts, monospace;
  186. }
  187. }
  188. .new.org .ui.form {
  189. @media only screen and (max-width: 768px) {
  190. .field button,
  191. .field a {
  192. margin-bottom: 1em;
  193. width: 100%;
  194. }
  195. .field input {
  196. width: 100% !important;
  197. }
  198. }
  199. }