_form.less 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .form {
  2. .help {
  3. color: #999999;
  4. padding-top: .6em;
  5. padding-bottom: .6em;
  6. display: inline-block;
  7. word-break: break-all;
  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. .repository {
  66. &.new.repo,
  67. &.new.migrate,
  68. &.new.fork {
  69. #create-page-form;
  70. form {
  71. .dropdown {
  72. .dropdown.icon {
  73. margin-top: -7px!important;
  74. }
  75. .text {
  76. margin-right: 0!important;
  77. i {
  78. margin-right: 0!important;
  79. }
  80. }
  81. }
  82. }
  83. }
  84. &.new.repo {
  85. .ui.form {
  86. .selection.dropdown:not(.owner) {
  87. width: 50%!important;
  88. }
  89. #auto-init {
  90. margin-left: @create-page-form-input-padding+15px;
  91. }
  92. }
  93. }
  94. }
  95. .new.webhook {
  96. form {
  97. .help {
  98. margin-left: 25px;
  99. }
  100. }
  101. }
  102. .new.webhook {
  103. .events.fields {
  104. .column {
  105. padding-left: 40px;
  106. }
  107. }
  108. }