#778290 by sarah_p, rjgoldsborough, Jeff Burnz: Fix Bartik's contact form styling.

modules/contact/contact.pages.inc

@@ -61,6 +61,7 @@ function contact_site_form($form, &$form_state) {
     $form['#attributes']['class'][] = 'user-info-from-cookie';
   }
 
+  $form['#attributes']['class'][] = 'contact-form';
   $form['name'] = array(
     '#type' => 'textfield',
     '#title' => t('Your name'),
@@ -190,6 +191,7 @@ function contact_personal_form($form, &$form_state, $recipient) {
     $form['#attributes']['class'][] = 'user-info-from-cookie';
   }
 
+  $form['#attributes']['class'][] = 'contact-form';
   $form['recipient'] = array(
     '#type' => 'value',
     '#value' => $recipient,

themes/bartik/css/ie.css

@@ -30,3 +30,9 @@ fieldset legend {
 #search-form input.form-submit:focus {
   background-position: center -25px;
 }
+.contact-form #edit-message {
+  width: 75%;
+}
+.contact-form .resizable-textarea .grippie {
+  width: 76.3%;
+}

themes/bartik/css/style.css

@@ -1159,7 +1159,50 @@ fieldset .description {
 .form-actions {
   padding-top: 10px;
 }
-
+/* Contact Form */
+.contact-form #edit-name {
+  width: 75%;
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.contact-form #edit-mail {
+  width: 75%;
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.contact-form #edit-subject {
+  width: 75%;
+  -khtml-border-radius: 4px;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+.contact-form #edit-message {
+  width: 76.3%;
+  -khtml-border-top-left-radius: 4px;
+  -khtml-border-top-right-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.contact-form .resizable-textarea .grippie {
+  width: 76%;
+  -khtml-border-bottom-left-radius: 4px;
+  -khtml-border-bottom-right-radius: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
 /* Animated throbber */
 html.js input.form-autocomplete {
   background-position: 100% 4px; /* LTR */