Commit d9e75f3a authored by webchick's avatar webchick

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

parent 80d436ba
......@@ -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,
......
......@@ -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%;
}
......@@ -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 */
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment