1,17 → 1,80 |
.error { |
color: red; |
} |
|
#tpl-form-contact { |
width: 350px; |
max-height: 100vh; |
padding: 15px; |
margin: auto; |
border-radius: 0.25rem; |
background-color: #fff; |
overflow: auto; |
} |
|
input, textarea { |
max-width: 100%; |
width: 100% !important; |
#tpl-form-contact #fc_message, |
#tpl-form-contact .form-group input { |
font-size: 0.8rem; |
} |
|
textarea { |
height: 185px !important; |
#tpl-form-contact .form-group input.btn, |
#tpl-form-contact .form-group #fc_annuler { |
border: 0 none; |
font-size: 1rem; |
font-weight: 400; |
text-shadow: none; |
opacity: 1; |
color: #fff; |
margin: 0; |
margin-bottom: 0.25rem; |
box-shadow: none; |
} |
|
.error { |
color: red; |
} |
#tpl-form-contact .form-group #fc_annuler { |
background-color: #ff5d55; |
transition: background .2s ease; |
} |
|
#tpl-form-contact .form-group #fc_annuler:hover { |
background-color: #ff847e; |
} |
|
#tpl-form-contact #fc_message { |
min-height: 200px; |
} |
|
@media screen and ( max-width: 991px ) { |
#tpl-form-contact { |
max-height: 100vh; |
width: 100vw; |
position: fixed; |
border-radius: 0; |
background-color: transparent; |
top: 0; |
right: 0; |
left: 0; |
z-index: 9; |
overflow: scroll; |
margin: auto; |
padding-top: 5vh; |
} |
|
#tpl-form-contact h2 { |
max-width: 100%; |
margin: 0 auto; |
width: 350px; |
color: #fff; |
text-align: center; |
} |
|
#tpl-form-contact #form-contact { |
max-width: 100%; |
width: 350px; |
margin: auto; |
padding: 15px; |
} |
|
#tpl-form-contact #form-contact label { |
color: #fff; |
} |
} |