/* Menastar Limited
Style Sheet for Email Contact
Created 16th March 2020
Assumption is that the HTML file has defined in its area the following:-
*/
#contact-container
{ padding: 20px;
border-radius: 5px;
background-color: #f2f2f2;
}
#contact-banner
{ text-align: center;
font-size: larger;
font-weight: bolder;
}
#contact-name,
#contact-email,
#contact-subject,
#contact-message,
#login-id,
#login-code
{ width: 100%;
padding: 12px;
border: 2px solid #cccccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
font-family: Verdana, Geneva, sans-serif; /* Textarea uses a different font to text!! This stops that */
font-size: inherit;
}
#contact-name:hover,
#contact-email:hover,
#contact-subject:hover,
#contact-message:hover,
#login-id:hover,
#login-code:hover,
#login-undo:hover,
#login-send:hover
{ border: 4px solid #bfbfbf;
padding: 10px;
}
#contact-name:focus,
#contact-email:focus,
#contact-subject:focus,
#contact-message:focus,
#login-id:focus,
#login-code:focus
{ border: 2px solid #a3a3a3;
padding: 12px;
}
#contact-message
{ height: 220px;
resize: vertical; /* Allow vertical expansion */
}
#contact-send
{ margin-left: 30%; /* Because 100% - 40%(Button width) / 2 */
padding: 5px;
width: 40%;
}
#contact-error-msg
{ margin-top: 15px;
font-style: italic;
color: red;
}
#recaptcha-logo
{ margin: auto;
width: 262px;
padding-top: 15px;
}
.login-labels
{ font-size:90%;
color:grey;
font-weight:bold;
}
.login-button
{
width: 140px;
border: none;
border-radius: 8px;
font-size: 105%;
border: 2px solid #bfbfbf;
}
#login-undo
{ float: left;
color: red;
}
#login-send
{ float: right;
color: darkgreen;
}
#login-download,
#login-message
{ text-align: center;
}
.LoginHideThis
{ display: none;
}