| Current Path : /home1/savoy/www/savoyglobal.net/old_html/css/ |
Linux gator3171.hostgator.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 |
| Current File : /home1/savoy/www/savoyglobal.net/old_html/css/responsiveform.css |
div#form_responsive{
width:50%;
margin-left:25%;
padding:20px 0 0 0;
font-size:14px;
}
form header {
margin: 0;
text-align:center;
}
form header div {
font-size: 90%;
}
/* Makes responsive fields.Sets size and field alignment.*/
input[type=text],
input[type=email],
input[type=url],
input[type=tel]
{
width:97%;
padding: 7px 5px;
border:1px solid #cecdcd;
margin:0 0 10px 0;
}
textarea{
width:100%;
border:1px solid #cecdcd;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {
border-color: #4697e4;
}
label{
margin-left:0;
}
/* Sets form button size*/
input[type=submit]{
width:160px;
padding:20px 2px;
border-radius:5px;
border:2px solid #4697e4;
margin-right:10%
}
.buttons{}
.buttons input { padding:5px 0 10px 0px; margin:0; border:0; color:#FFF; float:left;}
/* By using @ media form can have different layout for screen, mobile phone, tablet.*/
/* Sets the form layout for mobile phone, tablet*/
@media screen and (max-device-width: 600px) {
div#form_responsive{
width:50%;
margin-left:25%;
}
form header {
margin: 0;
text-align:center;
font-family: 'Roboto Slab', serif;
}
form header div {
font-size: 90%;
}
/* Makes responsive fields.Sets size and field alignment.*/
input[type=text],
input[type=email],
input[type=url],
input[type=tel]
{
width:100%;
padding: 15px;
border-radius:5px;
border:1px solid #7ac9b7;
}
textarea{
width:100%;
border:1px solid #7ac9b7;
border-radius:5px
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
textarea:focus {
border-color: #4697e4;
}
label{
margin-left:0;
}
input[type=submit]{
width:160px;
padding:20px 2px;
border-radius:5px;
border:2px solid #4697e4;
margin-right:10%
}
}