Input field placeholders and styling them

placeholder input field.js

$(document).ready(function() {
    // placeholder for newsletter input field
    $('.i18n-nl .newsletter .email').attr("placeholder", "Uw E-mailadres");
    $('.i18n-fr .newsletter .email').attr("placeholder", "Votre adresse E-mail");
});

placeholder.css

//---------------------------//
//---- input placeholder ----//
//---------------------------//
//source: http://davidwalsh.name/html5-placeholder-css

input::-webkit-input-placeholder { font-style: italic; color:#a2a1a1; }
input::-moz-placeholder { font-style: italic; color:#a2a1a1; } /* firefox 19+ */
input:-ms-input-placeholder { font-style: italic; color:#a2a1a1; } /* ie */
input:-moz-placeholder { font-style: italic; color:#a2a1a1; }

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; } /* firefox 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* ie */
input:focus:-moz-placeholder { color:transparent; }

template.php

/**
 * Implements template_preprocess_html().
 */
function the_aim_theme_commerce_preprocess_html(&$variables) {
  global $language;

  if(isset($language->language)){
    $variables['classes_array'][] = 'i18n-'.$language->language;
  }
}