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.
		
		
		
		
		
			
		
			
				
					
					
						
							210 lines
						
					
					
						
							3.9 KiB
						
					
					
				
			
		
		
	
	
							210 lines
						
					
					
						
							3.9 KiB
						
					
					
				.form {
 | 
						|
    .help {
 | 
						|
        color: #999999;
 | 
						|
        padding-top: .6em;
 | 
						|
        padding-bottom: .6em;
 | 
						|
        display: inline-block;
 | 
						|
    }
 | 
						|
}
 | 
						|
.ui.attached.header {
 | 
						|
    background: #f0f0f0;
 | 
						|
    .right {
 | 
						|
        margin-top: -5px;
 | 
						|
        .button {
 | 
						|
            padding: 8px 10px;
 | 
						|
            font-weight: normal;
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@create-page-form-input-padding: 250px !important;
 | 
						|
#create-page-form {
 | 
						|
	form {
 | 
						|
		margin: auto;
 | 
						|
		.ui.message {
 | 
						|
			text-align: center;
 | 
						|
		}
 | 
						|
		@media only screen and (min-width: 768px) {
 | 
						|
			width: 800px!important;
 | 
						|
			.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;
 | 
						|
			}
 | 
						|
			.help {
 | 
						|
				margin-left: @create-page-form-input-padding+15px;
 | 
						|
			}
 | 
						|
			.optional .title {
 | 
						|
				margin-left: @create-page-form-input-padding;
 | 
						|
			}
 | 
						|
			input,
 | 
						|
			textarea {
 | 
						|
				width: 50%!important;
 | 
						|
			}
 | 
						|
		}
 | 
						|
		@media only screen and (max-width: 767px) {
 | 
						|
			.optional .title {
 | 
						|
				margin-left: 15px;
 | 
						|
			}
 | 
						|
			.inline.field > label {
 | 
						|
				display: block;
 | 
						|
			}
 | 
						|
		}
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
.signin {
 | 
						|
    .oauth2{
 | 
						|
        div {
 | 
						|
          display: inline-block;
 | 
						|
            p {
 | 
						|
              margin: 10px 5px 0 0;
 | 
						|
              float: left;
 | 
						|
            }
 | 
						|
        }
 | 
						|
        a {
 | 
						|
          margin-right: 3px;
 | 
						|
            &:last-child {
 | 
						|
              margin-right: 0px;
 | 
						|
            }
 | 
						|
        }
 | 
						|
        img {
 | 
						|
          width: 32px;
 | 
						|
          height: 32px;
 | 
						|
          &.openidConnect {
 | 
						|
            width: auto;
 | 
						|
          }
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
@media only screen and (min-width: 768px) {
 | 
						|
    .g-recaptcha {
 | 
						|
        margin: 0 auto !important;
 | 
						|
        width: 304px;
 | 
						|
        padding-left: 30px;
 | 
						|
    }
 | 
						|
}
 | 
						|
@media screen and (max-height: 575px){
 | 
						|
    #rc-imageselect, .g-recaptcha {
 | 
						|
        transform:scale(0.77);
 | 
						|
        transform-origin:0 0;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.user.activate,
 | 
						|
.user.forgot.password,
 | 
						|
.user.reset.password,
 | 
						|
.user.signin,
 | 
						|
.user.signup {
 | 
						|
    @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;
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.repository {
 | 
						|
    &.new.repo,
 | 
						|
    &.new.migrate,
 | 
						|
    &.new.fork {
 | 
						|
        #create-page-form;
 | 
						|
        form {
 | 
						|
            .dropdown {
 | 
						|
                .dropdown.icon {
 | 
						|
                    margin-top: -7px!important;
 | 
						|
                }
 | 
						|
                .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%;
 | 
						|
                }
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
	&.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;
 | 
						|
 | 
						|
				@media only screen and (max-width: 768px) {
 | 
						|
					width: 100% !important;
 | 
						|
				}
 | 
						|
			}
 | 
						|
		}
 | 
						|
	}
 | 
						|
}
 | 
						|
 | 
						|
.new.webhook {
 | 
						|
    form {
 | 
						|
        .help {
 | 
						|
            margin-left: 25px;
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.new.webhook {
 | 
						|
    .events.fields {
 | 
						|
        .column {
 | 
						|
            padding-left: 40px;
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.githook {
 | 
						|
    textarea {
 | 
						|
        font-family: monospace;
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
.new.org .ui.form {
 | 
						|
	@media only screen and (max-width: 768px) {
 | 
						|
		.field button, .field a{
 | 
						|
			margin-bottom: 1em;
 | 
						|
			width: 100%;
 | 
						|
		}
 | 
						|
 | 
						|
		.field input {
 | 
						|
			width: 100% !important;
 | 
						|
		}
 | 
						|
	}
 | 
						|
}
 | 
						|
 |