#keyboard-frame {
  /* See the new mozpasspointerevents attribute added in bug 796452 */
  pointer-events: none;

  position: absolute;
  bottom: 0;

  width: 100%;
  height: 100%;

  transform: translateY(0);
  -moz-transition: visibility 0.2s ease, -moz-transform 0.2s ease;
}

#keyboard-frame.hide {
  visibility: hidden;

  transform: translateY(100%);
}

#keyboard-frame iframe {
  position: absolute;
  bottom: 0;

  width: 100%;
  height: 100%;
  border: 0;
}