p01-contact : simply add contact forms in your pages

[Connie]

Chuck,

here is the CSS for the contact form which I use at a testpage, http://www.urbanistan.de/getsimple/kontakt:

Code:

/* ======= Form ========== */
.p01-contact {
    position:relative;
    width: 500px;
    padding: 20px;
    color:inherit;
    margin-left:-5px;
    background: #FFFF00;
    margin-bottom:20px;    
    overflow:hidden;    
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    behavior: url(/PIE.htc);}
.p01-contact .field{margin-bottom:10px}
.p01-contact .field.captcha{float:left}
.p01-contact .captcha input{width:160px;color:inherit !important;background-color:#FFF;}

/* INPUT FIELDS */
.p01-contact .text input{width:80%}
.p01-contact textarea{width:80%; height:100px}
.p01-contact .text input,
.p01-contact .captcha input,
.p01-contact textarea {
    background-color:#FFF;
    border:1px solid #DDD;    
    font-size:12px;
    color:inherit !important;
    padding:5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(/PIE.htc);}  
.p01-contact .text input {color:inherit;}

/* End of INPUT-FIELDS */

.p01-contact .submit{
    position:absolute;
    bottom:20px;
    right:20px;
    -moz-border-radius:10.2em 10.2em 10.2em 10.2em;
    -moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5);
    background-color:#666;
    border-bottom:0.2em solid #666666;
    color:#FFF;
    cursor:pointer;
    font-size:1em;
    line-height:1;
    padding:0.3em 0.6em;
    text-shadow:0 0 0.1em #666;}

maybe this helps. the very basic is:

Code:

.p01-contact .text input {width:80%}

(or other percentage)

Hope that helps,

Connie