Subversion Repositories eFlore/Applications.cel

Compare Revisions

Ignore whitespace Rev 3629 → Rev 3630

/trunk/widget/modules/photo/squelettes/css/contact.css
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;
}
}