================ Bleu Ocean ==========
code Css:
.contact-form-widget {
width: 300px;
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #2372a9;
font-family: Nimbus Mono PS;
text-align: center;
font-size: 20px;
color: #6fc0f9;
border: 10px double #1d3b4f;
}
.contact-form-name, .contact-form-email,
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #1d3b4f;
line-height: 30px;
}
.contact-form-button-submit {
border: 2px solid #103046;
background: #1d3b4f;
color: #6fc0f9;
width: 100%;
height: 40px;
line-height: 30px;
font-family: Nimbus Mono PS;
text-align: center;
font-size: 17px;
}
.contact-form-button-submit:hover{
background: #6fc0f9;
border: 3px solid #1d3b4f;
color: #1d3b4f;
=================== Rose Bonbon =======================
Code Css:
.contact-form-widget {
width: 300px;
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #dba9d9;
font-family: Segoe Print, Bradley Hand;
text-align: center;
font-size: 20px;
color: #aa58a7;
border: 10px double #aa58a7;
}
.contact-form-name, .contact-form-email,
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #aa58a7;
line-height: 30px;
}
.contact-form-button-submit {
border: 2px solid #aa58a7;
background: #f1d2f0;
color: #aa58a7;
width: 100%;
height: 40px;
line-height: 30px;
font-family: Segoe Print, Bradley Hand;
text-align: center;
font-size: 17px;
}
.contact-form-button-submit:hover{
background: #c04abc;
border: 3px solid #ffffff;
color: #ffffff;
================= Peche =====================
Code Css:
.contact-form-widget {
width: 300px;
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #ebbda1;
font-family: Lucinda;
text-align: center;
font-size: 20px;
color: #bb6836;
border: 12px double #e69869;
}
.contact-form-name, .contact-form-email,
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #f9e6da;
line-height: 30px;
}
.contact-form-button-submit {
border: 3px solid #e69869;
background: #ebbda1;
color: #bb6836;
width: 100%;
height: 40px;
line-height: 30px;
font-family: Lucinda;
text-align: center;
font-size: 17px;
}
.contact-form-button-submit:hover{
background: #804624;
border: 3px solid #ffffff;
color: #ffffff;
========================Turquoise et bleu =========================
Code Css:
.contact-form-widget {
width: 300px;
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #24d9b5;
font-family: Franklin Gothic Medium;
text-align: center;
font-size: 20px;
color: #e6f8f4;
border: 12px double #aaf4e5;
}
.contact-form-name, .contact-form-email,
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 2px solid #08276d;
}
.contact-form-button-submit {
border: 3px solid #aaf4e5;
background: #08276d;
color: #e6f8f4;
width: 100%;
height: 40px;
line-height: 30px;
font-family: Franklin Gothic Medium;
text-align: center;
font-size: 17px;
}
.contact-form-button-submit:hover{
background: #08276d;
border: 3px solid #ffffff;
color: #ffffff;
================ Paque =====================
Code Css:
.contact-form-widget {
width: 300px;
border-radius: 28px;
max-width: 100%;
padding: 8px;
background: #f8eba3;
font-family: Lucinda;
text-align: center;
font-size: 20px;
color: #6b5be6;
border: 10px double #a07ae6;
}
.contact-form-name, .contact-form-email,
.contact-form-name, .contact-form-email,
.contact-form-email-message { width: 100%; max-width: 400px;
border: 3px solid #a07ae6;
}
.contact-form-button-submit {
border: 3px solid #a07ae6;
background: #7ae0e6;
color: #6b5be6;
width: 100%;
height: 40px;
line-height: 30px;
font-family: Lucinda;
text-align: center;
font-size: 17px;
}
.contact-form-button-submit:hover{
background: #610fc7;
border: 3px solid #ffffff;
color: #ffffff;
======================================
Aucun commentaire:
Publier un commentaire