Newer
Older
portfolio_madness / assets / css / main_styles / inputs.css
@adomasalcore3@splashframe.tk adomasalcore3@splashframe.tk on 9 Oct 2019 16 KB portfolio madness
/*		2 - Inputs		*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px red inset;
}
*:focus { outline:none; }
input[type=color]:-webkit-autofill, input[type=date]:-webkit-autofill, input[type=datetime-local]:-webkit-autofill, input[type=datetime]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=month]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=search]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=time]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=week]:-webkit-autofill, input[type=text]:-webkit-autofill, input[type=color]:focus:-webkit-autofill, input[type=date]:focus:-webkit-autofill, input[type=datetime-local]:focus:-webkit-autofill, input[type=datetime]:focus:-webkit-autofill, input[type=email]:focus:-webkit-autofill, input[type=month]:focus:-webkit-autofill, input[type=number]:focus:-webkit-autofill, input[type=password]:focus:-webkit-autofill, input[type=search]:focus:-webkit-autofill, input[type=tel]:focus:-webkit-autofill, input[type=time]:focus:-webkit-autofill, input[type=url]:focus:-webkit-autofill, input[type=week]:focus:-webkit-autofill, input[type=text]:focus:-webkit-autofill, input[type=color]:-webkit-autofill, input[type=date]:-webkit-autofill, input[type=datetime-local]:-webkit-autofill, input[type=datetime]:-webkit-autofill, input[type=email]:-webkit-autofill, input[type=month]:-webkit-autofill, input[type=number]:-webkit-autofill, input[type=password]:-webkit-autofill, input[type=search]:-webkit-autofill, input[type=tel]:-webkit-autofill, input[type=time]:-webkit-autofill, input[type=url]:-webkit-autofill, input[type=week]:-webkit-autofill, input[type=text]:-webkit-autofill, input[type=color]:focus:-webkit-autofill, input[type=date]:focus:-webkit-autofill, input[type=datetime-local]:focus:-webkit-autofill, input[type=datetime]:focus:-webkit-autofill, input[type=email]:focus:-webkit-autofill, input[type=month]:focus:-webkit-autofill, input[type=number]:focus:-webkit-autofill, input[type=password]:focus:-webkit-autofill, input[type=search]:focus:-webkit-autofill, input[type=tel]:focus:-webkit-autofill, input[type=time]:focus:-webkit-autofill, input[type=url]:focus:-webkit-autofill, input[type=week]:focus:-webkit-autofill, input[type=text]:focus:-webkit-autofill,
input[type=color]:-moz-autofill, input[type=date]:-moz-autofill, input[type=datetime-local]:-moz-autofill, input[type=datetime]:-moz-autofill, input[type=email]:-moz-autofill, input[type=month]:-moz-autofill, input[type=number]:-moz-autofill, input[type=password]:-moz-autofill, input[type=search]:-moz-autofill, input[type=tel]:-moz-autofill, input[type=time]:-moz-autofill, input[type=url]:-moz-autofill, input[type=week]:-moz-autofill, input[type=text]:-moz-autofill, input[type=color]:focus:-moz-autofill, input[type=date]:focus:-moz-autofill, input[type=datetime-local]:focus:-moz-autofill, input[type=datetime]:focus:-moz-autofill, input[type=email]:focus:-moz-autofill, input[type=month]:focus:-moz-autofill, input[type=number]:focus:-moz-autofill, input[type=password]:focus:-moz-autofill, input[type=search]:focus:-moz-autofill, input[type=tel]:focus:-moz-autofill, input[type=time]:focus:-moz-autofill, input[type=url]:focus:-moz-autofill, input[type=week]:focus:-moz-autofill, input[type=text]:focus:-moz-autofill, input[type=color]:-moz-autofill, input[type=date]:-moz-autofill, input[type=datetime-local]:-moz-autofill, input[type=datetime]:-moz-autofill, input[type=email]:-moz-autofill, input[type=month]:-moz-autofill, input[type=number]:-moz-autofill, input[type=password]:-moz-autofill, input[type=search]:-moz-autofill, input[type=tel]:-moz-autofill, input[type=time]:-moz-autofill, input[type=url]:-moz-autofill, input[type=week]:-moz-autofill, input[type=text]:-moz-autofill, input[type=color]:focus:-moz-autofill, input[type=date]:focus:-moz-autofill, input[type=datetime-local]:focus:-moz-autofill, input[type=datetime]:focus:-moz-autofill, input[type=email]:focus:-moz-autofill, input[type=month]:focus:-moz-autofill, input[type=number]:focus:-moz-autofill, input[type=password]:focus:-moz-autofill, input[type=search]:focus:-moz-autofill, input[type=tel]:focus:-moz-autofill, input[type=time]:focus:-moz-autofill, input[type=url]:focus:-moz-autofill, input[type=week]:focus:-moz-autofill, input[type=text]:focus:-moz-autofill,
input[type=color]:-o-autofill, input[type=date]:-o-autofill, input[type=datetime-local]:-o-autofill, input[type=datetime]:-o-autofill, input[type=email]:-o-autofill, input[type=month]:-o-autofill, input[type=number]:-o-autofill, input[type=password]:-o-autofill, input[type=search]:-o-autofill, input[type=tel]:-o-autofill, input[type=time]:-o-autofill, input[type=url]:-o-autofill, input[type=week]:-o-autofill, input[type=text]:-o-autofill, input[type=color]:focus:-o-autofill, input[type=date]:focus:-o-autofill, input[type=datetime-local]:focus:-o-autofill, input[type=datetime]:focus:-o-autofill, input[type=email]:focus:-o-autofill, input[type=month]:focus:-o-autofill, input[type=number]:focus:-o-autofill, input[type=password]:focus:-o-autofill, input[type=search]:focus:-o-autofill, input[type=tel]:focus:-o-autofill, input[type=time]:focus:-o-autofill, input[type=url]:focus:-o-autofill, input[type=week]:focus:-o-autofill, input[type=text]:focus:-o-autofill, input[type=color]:-o-autofill, input[type=date]:-o-autofill, input[type=datetime-local]:-o-autofill, input[type=datetime]:-o-autofill, input[type=email]:-o-autofill, input[type=month]:-o-autofill, input[type=number]:-o-autofill, input[type=password]:-o-autofill, input[type=search]:-o-autofill, input[type=tel]:-o-autofill, input[type=time]:-o-autofill, input[type=url]:-o-autofill, input[type=week]:-o-autofill, input[type=text]:-o-autofill, input[type=color]:focus:-o-autofill, input[type=date]:focus:-o-autofill, input[type=datetime-local]:focus:-o-autofill, input[type=datetime]:focus:-o-autofill, input[type=email]:focus:-o-autofill, input[type=month]:focus:-o-autofill, input[type=number]:focus:-o-autofill, input[type=password]:focus:-o-autofill, input[type=search]:focus:-o-autofill, input[type=tel]:focus:-o-autofill, input[type=time]:focus:-o-autofill, input[type=url]:focus:-o-autofill, input[type=week]:focus:-o-autofill, input[type=text]:focus:-o-autofill,
input[type=color]:-ms-autofill, input[type=date]:-ms-autofill, input[type=datetime-local]:-ms-autofill, input[type=datetime]:-ms-autofill, input[type=email]:-ms-autofill, input[type=month]:-ms-autofill, input[type=number]:-ms-autofill, input[type=password]:-ms-autofill, input[type=search]:-ms-autofill, input[type=tel]:-ms-autofill, input[type=time]:-ms-autofill, input[type=url]:-ms-autofill, input[type=week]:-ms-autofill, input[type=text]:-ms-autofill, input[type=color]:focus:-ms-autofill, input[type=date]:focus:-ms-autofill, input[type=datetime-local]:focus:-ms-autofill, input[type=datetime]:focus:-ms-autofill, input[type=email]:focus:-ms-autofill, input[type=month]:focus:-ms-autofill, input[type=number]:focus:-ms-autofill, input[type=password]:focus:-ms-autofill, input[type=search]:focus:-ms-autofill, input[type=tel]:focus:-ms-autofill, input[type=time]:focus:-ms-autofill, input[type=url]:focus:-ms-autofill, input[type=week]:focus:-ms-autofill, input[type=text]:focus:-ms-autofill, input[type=color]:-ms-autofill, input[type=date]:-ms-autofill, input[type=datetime-local]:-ms-autofill, input[type=datetime]:-ms-autofill, input[type=email]:-ms-autofill, input[type=month]:-ms-autofill, input[type=number]:-ms-autofill, input[type=password]:-ms-autofill, input[type=search]:-ms-autofill, input[type=tel]:-ms-autofill, input[type=time]:-ms-autofill, input[type=url]:-ms-autofill, input[type=week]:-ms-autofill, input[type=text]:-ms-autofill, input[type=color]:focus:-ms-autofill, input[type=date]:focus:-ms-autofill, input[type=datetime-local]:focus:-ms-autofill, input[type=datetime]:focus:-ms-autofill, input[type=email]:focus:-ms-autofill, input[type=month]:focus:-ms-autofill, input[type=number]:focus:-ms-autofill, input[type=password]:focus:-ms-autofill, input[type=search]:focus:-ms-autofill, input[type=tel]:focus:-ms-autofill, input[type=time]:focus:-ms-autofill, input[type=url]:focus:-ms-autofill, input[type=week]:focus:-ms-autofill, input[type=text]:focus:-ms-autofill,
textarea:-webkit-autofill, 
textarea:-moz-autofill, 
textarea:-o-autofill, 
textarea:-ms-autofill,
select:-webkit-autofill, 
select:-moz-autofill, 
select:-o-autofill, 
select:-ms-autofill {
	background-image: linear-gradient(#b6e036, #b6e036),linear-gradient(rgba(120,130,140,0.28), rgba(120,130,140,0.28)) !important;
    background-color: rgba(182, 224, 54, 0.2) !important;
}
input[type=color].is-invalid-input, input[type=date].is-invalid-input, input[type=datetime-local].is-invalid-input, input[type=datetime].is-invalid-input, input[type=email].is-invalid-input, input[type=month].is-invalid-input, input[type=number].is-invalid-input, input[type=password].is-invalid-input, input[type=search].is-invalid-input, input[type=tel].is-invalid-input, input[type=time].is-invalid-input, input[type=url].is-invalid-input, input[type=week].is-invalid-input, input[type=text].is-invalid-input, input[type=color].is-invalid-input:focus, input[type=date].is-invalid-input:focus, input[type=datetime-local].is-invalid-input:focus, input[type=datetime].is-invalid-input:focus, input[type=email].is-invalid-input:focus, input[type=month].is-invalid-input:focus, input[type=number].is-invalid-input:focus, input[type=password].is-invalid-input:focus, input[type=search].is-invalid-input:focus, input[type=tel].is-invalid-input:focus, input[type=time].is-invalid-input:focus, input[type=url].is-invalid-input:focus, input[type=week].is-invalid-input:focus, input[type=text].is-invalid-input:focus, input[type=color].is-invalid-input, input[type=date].is-invalid-input, input[type=datetime-local].is-invalid-input, input[type=datetime].is-invalid-input, input[type=email].is-invalid-input, input[type=month].is-invalid-input, input[type=number].is-invalid-input, input[type=password].is-invalid-input, input[type=search].is-invalid-input, input[type=tel].is-invalid-input, input[type=time].is-invalid-input, input[type=url].is-invalid-input, input[type=week].is-invalid-input, input[type=text].is-invalid-input, input[type=color].is-invalid-input:focus, input[type=date].is-invalid-input:focus, input[type=datetime-local].is-invalid-input:focus, input[type=datetime].is-invalid-input:focus, input[type=email].is-invalid-input:focus, input[type=month].is-invalid-input:focus, input[type=number].is-invalid-input:focus, input[type=password].is-invalid-input:focus, input[type=search].is-invalid-input:focus, input[type=tel].is-invalid-input:focus, input[type=time].is-invalid-input:focus, input[type=url].is-invalid-input:focus, input[type=week].is-invalid-input:focus, input[type=text].is-invalid-input:focus{
	background-image: linear-gradient(#e03636, #e03636),linear-gradient(rgba(120,130,140,0.28), rgba(120,130,140,0.28)) !important;
	background-color: rgba(224, 54, 54, 0.2) !important;
	width:100%;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=text], input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=text]:focus, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=text], input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=text]:focus, select, select:focus
    {
	background-image: linear-gradient(#36C3E0, #36C3E0),linear-gradient(rgba(120,130,140,0.28), rgba(120,130,140,0.28));
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    color: #cacaca;
	background-color: rgba(0,0,0,0);
    background-position: center bottom,center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px,100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    
    height: 38px;
    max-width: 100%;
}
input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus,input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=text]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=text]:focus, select:focus{
	background-size: 100% 2px,100% 1px;
    outline: 0 none;
    transition-duration: .3s;
}
input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=text], input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week],input[type=text],select{
	background-size: 0% 2px,100% 1px;
    outline: 0 none;
    transition-duration: .3s;
}
input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel,select {
    width: 100% !important;
}

span.wpcf7-form-control-wrap.intl_tel-728, .intl-tel-input, input.wpcf7-form-control.wpcf7-intl-tel.wpcf7-intl_tel {
    width: 100% !important;
    min-width: 100%  !important;
    max-width: 100%  !important;
}

form.wpcf7-form p, form.wpcf7-form label {
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    background-size: 0% 2px,100% 1px;
    outline: 0 none;
    transition-duration: .3s;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    background-size: 100% 2px,100% 1px;
    outline: 0 none;
    transition-duration: .3s;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    background-image: linear-gradient(#36C3E0, #36C3E0),linear-gradient(rgba(120,130,140,0.28), rgba(120,130,140,0.28));
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    float: none;
    color: #cacaca;
    background-color: rgba(0,0,0,0);
    background-position: center bottom,center calc(99%);
    background-repeat: no-repeat;
    background-size: 0 2px,100% 1px;
    padding: 0;
    transition: background 0s ease-out 0s;
    /* height: 38px; */
    max-width: 100%;
}

textarea.wpcf7-form-control.wpcf7-textarea {width:100%;}

textarea.wpcf7-form-control.wpcf7-textarea {
    background-image: linear-gradient(#36C3E0, #36C3E0),linear-gradient(rgba(120,130,140,0.28), rgba(120,130,140,0.28));
}
input[type="submit"]{
    padding: 15px 10px;
    display: block;
    text-align: center;
    border: 1px solid rgba(216, 222, 227, 0.41);
    margin: 5px 10px;
    color: #d8dee3;
    -webkit-transition: 0.25s linear all;
    -moz-transition: 0.25s linear all;
    -ms-transition: 0.25s linear all;
    -o-transition: 0.25s linear all;
    transition: 0.25s linear all;
    background-color:#252930;
}
input[type="submit"]:hover{
	color: #d8dee3;
    text-decoration: none;
    background-color: #353c48;
}
input[type="submit"] {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    text-align: center;
}

ul.country-list.dropup {color: #252930;}
    select.wpcf7-form-control.wpcf7-select>option{
		background-color:rgba(37, 41, 48, 0.9);
		color:white;
	}