diff options
Diffstat (limited to 'web_src/less/_form.less')
| -rw-r--r-- | web_src/less/_form.less | 350 |
1 files changed, 175 insertions, 175 deletions
diff --git a/web_src/less/_form.less b/web_src/less/_form.less index de48f0ba54..07c7cdfc8b 100644 --- a/web_src/less/_form.less +++ b/web_src/less/_form.less @@ -1,117 +1,117 @@ .form { - .help { - color: #999999; - padding-top: .6em; - padding-bottom: .6em; - display: inline-block; - } + .help { + color: #999999; + padding-top: .6em; + padding-bottom: .6em; + display: inline-block; + } } .ui.attached.header { - background: #f0f0f0; + background: #f0f0f0; - .right { - margin-top: -5px; + .right { + margin-top: -5px; - .button { - padding: 8px 10px; - font-weight: normal; - } + .button { + padding: 8px 10px; + font-weight: normal; } + } } @create-page-form-input-padding: 250px !important; #create-page-form { - form { - margin: auto; + form { + margin: auto; - .ui.message { - text-align: center; - } + .ui.message { + text-align: center; + } - @media only screen and (min-width: 768px) { - width: 800px !important; + @media only screen and (min-width: 768px) { + width: 800px !important; - .header { - padding-left: @create-page-form-input-padding+30px; - } + .header { + padding-left: @create-page-form-input-padding+30px; + } - .inline.field > label { - text-align: right; - width: @create-page-form-input-padding; - word-wrap: break-word; - } + .inline.field > label { + text-align: right; + width: @create-page-form-input-padding; + word-wrap: break-word; + } - .help { - margin-left: @create-page-form-input-padding+15px; - } + .help { + margin-left: @create-page-form-input-padding+15px; + } - .optional .title { - margin-left: @create-page-form-input-padding; - } + .optional .title { + margin-left: @create-page-form-input-padding; + } - input, - textarea { - width: 50% !important; - } - } + input, + textarea { + width: 50% !important; + } + } - @media only screen and (max-width: 767px) { - .optional .title { - margin-left: 15px; - } + @media only screen and (max-width: 767px) { + .optional .title { + margin-left: 15px; + } - .inline.field > label { - display: block; - } - } + .inline.field > label { + display: block; + } } + } } .signin { - .oauth2 { - div { - display: inline-block; - - p { - margin: 10px 5px 0 0; - float: left; - } - } + .oauth2 { + div { + display: inline-block; + + p { + margin: 10px 5px 0 0; + float: left; + } + } - a { - margin-right: 3px; + a { + margin-right: 3px; - &:last-child { - margin-right: 0; - } - } + &:last-child { + margin-right: 0; + } + } - img { - width: 32px; - height: 32px; + img { + width: 32px; + height: 32px; - &.openidConnect { - width: auto; - } - } + &.openidConnect { + width: auto; + } } + } } @media only screen and (min-width: 768px) { - .g-recaptcha { - margin: 0 auto !important; - width: 304px; - padding-left: 30px; - } + .g-recaptcha { + margin: 0 auto !important; + width: 304px; + padding-left: 30px; + } } @media screen and (max-height: 575px) { - #rc-imageselect, - .g-recaptcha { - transform: scale(.77); - transform-origin: 0 0; - } + #rc-imageselect, + .g-recaptcha { + transform: scale(.77); + transform-origin: 0 0; + } } .user.activate, @@ -119,132 +119,132 @@ .user.reset.password, .user.signin, .user.signup { - @input-padding: 200px; + @input-padding: 200px; + #create-page-form; + + form { + width: 700px !important; + + .header { + padding-left: 0 !important; + text-align: center; + } + + .inline.field > label { + width: @input-padding; + } + + .inline.field > label, + input { + @media only screen and (max-width: 768px) { + width: 100% !important; + } + } + + input[type=number] { + -moz-appearance: textfield; + } + + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; + } + } +} + +.repository { + &.new.repo, + &.new.migrate, + &.new.fork { #create-page-form; form { - width: 700px !important; - - .header { - padding-left: 0 !important; - text-align: center; + .dropdown { + .dropdown.icon { + margin-top: -7px !important; + padding-bottom: 5px; } - .inline.field > label { - width: @input-padding; - } + .text { + margin-right: 0 !important; - .inline.field > label, - input { - @media only screen and (max-width: 768px) { - width: 100% !important; - } + i { + margin-right: 0 !important; + } } + } - input[type=number] { - -moz-appearance: textfield; - } + .header { + padding-left: 0 !important; + text-align: center; + } - input::-webkit-outer-spin-button, - input::-webkit-inner-spin-button { - -webkit-appearance: none; - margin: 0; + @media only screen and (max-width: 768px) { + label, + input, + .selection.dropdown { + width: 100% !important; } - } -} -.repository { - &.new.repo, - &.new.migrate, - &.new.fork { - #create-page-form; - - form { - .dropdown { - .dropdown.icon { - margin-top: -7px !important; - padding-bottom: 5px; - } - - .text { - margin-right: 0 !important; - - i { - margin-right: 0 !important; - } - } - } - - .header { - padding-left: 0 !important; - text-align: center; - } - - @media only screen and (max-width: 768px) { - label, - input, - .selection.dropdown { - width: 100% !important; - } - - .field button, - .field a { - margin-bottom: 1em; - width: 100%; - } - } + .field button, + .field a { + margin-bottom: 1em; + width: 100%; } + } } + } - &.new.repo { - .ui.form { - @media only screen and (min-width: 768px) { - #auto-init { - margin-left: @create-page-form-input-padding+15px; - } - } + &.new.repo { + .ui.form { + @media only screen and (min-width: 768px) { + #auto-init { + margin-left: @create-page-form-input-padding+15px; + } + } - .selection.dropdown:not(.owner) { - width: 50% !important; + .selection.dropdown:not(.owner) { + width: 50% !important; - @media only screen and (max-width: 768px) { - width: 100% !important; - } - } + @media only screen and (max-width: 768px) { + width: 100% !important; } + } } + } } .new.webhook { - form { - .help { - margin-left: 25px; - } + form { + .help { + margin-left: 25px; } + } - .events.fields { - .column { - padding-left: 40px; - } + .events.fields { + .column { + padding-left: 40px; } + } } .githook { - textarea { - font-family: @monospaced-fonts, monospace; - } + textarea { + font-family: @monospaced-fonts, monospace; + } } .new.org .ui.form { - @media only screen and (max-width: 768px) { - .field button, - .field a { - margin-bottom: 1em; - width: 100%; - } + @media only screen and (max-width: 768px) { + .field button, + .field a { + margin-bottom: 1em; + width: 100%; + } - .field input { - width: 100% !important; - } + .field input { + width: 100% !important; } + } } |