_form.less 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .form {
  2. .help {
  3. color: #999999;
  4. padding-top: .6em;
  5. padding-bottom: .6em;
  6. display: inline-block;
  7. word-break: break-word;
  8. }
  9. }
  10. .ui.attached.header {
  11. background: #f0f0f0;
  12. .right {
  13. margin-top: -5px;
  14. .button {
  15. padding: 8px 10px;
  16. font-weight: normal;
  17. }
  18. }
  19. }
  20. @create-page-form-input-padding: 250px !important;
  21. #create-page-form {
  22. form {
  23. margin: auto;
  24. width: 800px!important;
  25. .ui.message {
  26. text-align: center;
  27. }
  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. }
  48. .user.activate,
  49. .user.forgot.password,
  50. .user.reset.password,
  51. .user.signin,
  52. .user.signup {
  53. @input-padding: 200px !important;
  54. #create-page-form;
  55. form {
  56. width: 700px !important;
  57. .header {
  58. padding-left: @input-padding+30px;
  59. }
  60. .inline.field > label {
  61. width: @input-padding;
  62. }
  63. }
  64. }
  65. .user.signin.two-factor {
  66. form {
  67. width: 300px !important;
  68. .header {
  69. padding-left: inherit !important;
  70. }
  71. }
  72. }
  73. .repository {
  74. &.new.repo,
  75. &.new.migrate,
  76. &.new.fork {
  77. #create-page-form;
  78. form {
  79. .dropdown {
  80. .dropdown.icon {
  81. margin-top: -7px!important;
  82. }
  83. .text {
  84. margin-right: 0!important;
  85. i {
  86. margin-right: 0!important;
  87. }
  88. }
  89. }
  90. }
  91. }
  92. &.new.repo {
  93. .ui.form {
  94. .selection.dropdown:not(.owner) {
  95. width: 50%!important;
  96. }
  97. #auto-init {
  98. margin-left: @create-page-form-input-padding+15px;
  99. }
  100. }
  101. }
  102. }
  103. .new.webhook {
  104. form {
  105. .help {
  106. margin-left: 25px;
  107. }
  108. }
  109. }
  110. .new.webhook {
  111. .events.fields {
  112. .column {
  113. padding-left: 40px;
  114. }
  115. }
  116. }