only Firefox seems to make the placeholder text
be the same color as the normal text, so this will
set the placeholder to a lighter grey

fixes #2187

* Slide the password fields down whenever they are shown.
* Add slideUp/slideDown, fadeIn/fadeOut to dom-jquery.js

Generalize error-display to extended-info.  For every "screen" that is shown, create an extendedInfo and instantiate it.  Remove the "error-display.show" code that was in page_helpers and page_module.

issue #1916

common/
      js
      css
      i

dialog/
      js
      css
      i

pages/
      js
      css
      i

* Create common .submit > p and .tospp CSS declarations.

Make the error messages look right on all mobile browsers by removing the set height of the error message and its contents.

To the #wait, #error, and #delay screens, add the gradients necessary for non-Mozilla browsers.

issue #1721

it's gradient doesn't go all the way down either. We must keep
the backgrounds on #wait, #delay, and #error, since they are
needed to cover the #formWrap background.

the same background of #error is added to #content, so that
even though #error doesn't extend all the way down, the gradient
still does, and it looks correct on Android again.

fixes 1721

Follow on to seanmonstar's PR 1790.

issue #1661

issue #1774

issue #1695

* Fix wait, delay, and error screen colors and positions.

* Fix buttons not showing arrow on Android
* Fix authentication screen with TOS/PP now using scrolling when password field is shown.
* Fix "Add a new email" and "this is not me" being stacked in iOS.

A lot of cleanup to make the site smoother, IE8 fixes, removing dead code, make the arrow transition smoother.

* On the main page, update card with new design.
* Simplify a lot of styles and layout.
* Clean up the "about page"
* Using css transitions for the arrow slide.
* Change all BrowserID text to Persona.
* Fix a problem on the main site where the footer would was not at the bottom in Webkit and Opera browsers.
* Fix the background color or IE8 in the signUpForm and congrats messages.
* When signing in to the main site, use a tooltip instead of error message on incorrect password.

* A lot of bulk changes to both the main site and dialog.  Updated color schemes, background colors, etc.

* Secondary links all are some shade of dark grey/black with a dotted underline.
* Change the font used on the "about" page to be the standard Helvetica Neue except for the header.
* Change the style of link in the TOS/PP to black text with a dotted underline.
* Loads more link updates!
* A lot of cleanup to remove duplicate `color: #549fdc` entries by using the action class.
* On the main site, put the action links to the far left of the main button.
* Reduce the amount of "forgot password" CSS by generalizing.
* Generalize the yellow banner on the main site.

issue #702

A bunch of changes to make the design more responsive to all screen sizes - mobile, desktop and tablet.

* Start with a slight refactor of the CSS and DOM.
* Vertical center content when content is smaller than the screen size.
* Constrain email addresses and show ellipsis if emails overflow box width.  Make sure width is updated when browser window size changes or user changes the screen direction of their device.
* If form/email address list is taller than available form area, show scroll bar on desktop or expand contents so that entire app must be scrolled on mobile.
* If dialog opened on a tablet or large desktop window, add a gradient to the left size of the white area that matches the gradient on the arrow.
* On mobile, footer should always be at the very bottom of the screen unless contents overflow screen height, where it will be pushed off the bottom of the screen.

Things to test and be aware of:
* Dialog should respond to various screen sizes when resizing browser window on desktop.
* IE8 does not support media queries so narrowing the browser window will not force the dialog into "mobile" mode.
* Contents in the "form area", wait, delay, or error screens should always be vertically centered.
* IE6/IE7 should still see the unsupported dialog with the correct layout (untested on checkin due to #1390)
* Wide emails should always be constrained to the screen width on mobile or box width on desktop.  The layout should respond to changes in device orientation.
* The box surrounding the emails should show a scroll bar on desktop/tablet if there are more emails the available screen height.  On mobile, the entire screen height should expand so that the entire app must be scrolled.
* On mobile, the footer should always be at the very bottom of the screen unless the form area takes up more vertical space than the device height.

issue #1101
issue #1317

* Remove top box-shadow on input elements on iOS devices. issue #1313
* Make sure "Cancel" button is in correct place when user has to enter their password after picking an email address. issue #1310
* Make disabled input elements readable on iOS. issue #1311

* Change the layout so that the entire form area gets the scroll bar for languages that use a lot of text or if the user has a lot of email addresses.
* Change the way the privacy policy and buttons are rendered so JS is not needed to set the width of the privacy policy.
* Put the TOS on its own line.
* Put "Always sign in using this email" on its own line
* Change the order of the "Forgot your password?" button and "password" label so that Germanic languages render the entire thing on one line.
* Remove the "Sign in using" header text.

issue #1300
issue #1286
issue #1275
issue #1274
issue #1272
issue #1262
issue #1261

* Set both resizable and scrollbars to 1 for users who have their browsers zoomed.
* Set the body's overflow-y to auto so no scrollbars are shown unless they are needed.

issue #423

close #1113

issue #1062

* Add the .submit > a style.
* Generalize the id of the cancel button to be cancel.
* Update controllers for new button ids.

close #1020

* Add the .submit > a style.
* Generalize the id of the cancel button to be cancel.
* Update controllers for new button ids.

close #1020

* Add the "xhr_disable_form" module - whenever there is an XHR request, it greys out all buttons.
* Fix the tests that were borked yesterday.

issue #905
issue #888

close #844

close #810

issue #758

* Change the text from "use another" to "use another email address"
* Make the link bold so that it stands out.

issue #623

* Replace all the input[type=submit] with buttons so that we can set the line-height.
* Use common CSS between all buttons.

close #658