Formulaire Contact de couleurs lot #1

 J'ai faites  quelques modeles pour vous:

========Noel ========

 Code CSS;

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #2f4d3c; 

font-family:Brush Script MT, Brush Script Std, cursive;

 text-align: center; 

 font-size: 22px;

 color: #ffffff; 

 border: 8px double #ffffff;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email, 

.contact-form-email-message { width: 100%; max-width: 400px;

 } 

.contact-form-button-submit {

border: 2px solid #ffffff;

background: #752827;  

color: #ffffff;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family:Trebuchet MS, sans-serif;

 text-align: center; 

 font-size: 18px; 

}

.contact-form-button-submit:hover{

background: #297e07;

 border: 2px solid #342f4d;

color: #6e1c06;

============== Halloween ===========

code Css:

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #000000; 

font-family:Brush Script MT, Brush Script Std, cursive;

 text-align: center; 

 font-size: 22px;

 color: #ffffff; 

 border: 8px double #9f4b07;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email, 

.contact-form-email-message { width: 100%; max-width: 400px;

border: 2px solid #c98cbe;

line-height: 30px; 

 } 

.contact-form-button-submit {

border: 2px solid #9d442c;

background: #9f4b07;  

color: #ffffff;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family:Trebuchet MS, sans-serif;

 text-align: center; 

 font-size: 18px; 

}

.contact-form-button-submit:hover{

background: #297e07;

 border: 2px solid #9d442c;

color: #6e1c06;

==============St-Valentin==================

Code Css:

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #6e1313; 

font-family: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 22px;

 color: #ffffff; 

 border: 8px double #c98cbe;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email,

.contact-form-email-message { width: 100%; max-width: 400px;

border: 2px solid #c98cbe;

line-height: 30px; 

 } 

.contact-form-button-submit {

border: 2px solid #c98cbe;

background: #000000;  

color: #ffffff;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family:Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 18px; 

}

.contact-form-button-submit:hover{

background: #c98cbe;

 border: 2px solid #ffffff;

color: #6e1c06;

===============Noir Gris Blanc====================

Code CSS

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #000000; 

font-family: Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 20px;

 color: #ffffff; 

 border: 8px double #666666;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email,

.contact-form-email-message { width: 100%; max-width: 400px;

border: 2px solid #666666;

line-height: 30px; 

 } 

.contact-form-button-submit {

border: 2px solid #ffffff;

background: #666666;  

color: #ffffff;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family:Segoe Print, Bradley Hand, Chilanka, TSCu_Comic, casual, cursive;

 text-align: center; 

 font-size: 17px; 

}

.contact-form-button-submit:hover{

background: #ffffff;

 border: 2px solid #666666;

color: #000000;

===================== Mauve ========================

Code Css:

.contact-form-widget {

width: 300px; 

border-radius: 28px;

max-width: 100%;

padding: 8px;

background: #574998; 

font-family: Nimbus Mono PS;

 text-align: center; 

 font-size: 20px;

 color: #bcb2ed; 

 border: 8px double #8f80d2;

}

.contact-form-name, .contact-form-email, 

.contact-form-name, .contact-form-email,

.contact-form-email-message { width: 100%; max-width: 400px;

border: 2px solid #8f80d2;

line-height: 30px; 

 } 

.contact-form-button-submit {

border: 2px solid #8f80d2;

background: #574998;  

color: #bcb2ed;  

width: 100%; 

height: 40px; 

 line-height: 30px; 

 font-family: Nimbus Mono PS;

 text-align: center; 

 font-size: 17px; 

}

.contact-form-button-submit:hover{

background: #3b23a9;

 border: 3px solid #8f80d2;

color: #fffffff;

====================================