title: screen styling when virtual keyboard is active
body: <p>Ideally, i would want the entire interface to have a <strong>custom styling</strong> that is seen on the ios (itouch / ipad) or android equivalent with the virtual keyboard present. See below for more details.</p>
  
  <p>A custom set CSS hacking rules to be active, when the keyboard is "present", is also an acceptable solution.</p>
  
  <p>Targets both androids and ios, on a website (HTML/JavaScript/CSS)
  Also note that the layout inside is: <strong>"fluid".</strong></p>
  
  <p><strong>Edit:</strong> This was more design, then text; So the changes are not disorientating. At the lowest level, I just desire a design change with and without the virtual keys <strong>(Perhaps just a background change).</strong> </p>
  
  <p><strong>The question on which, this is a good or bad design idea, is debatable. However, I feel is irrelevant to the question. For such an exploit can have uses more then text (such as games, or interactive media).</strong></p>
  
  <p><strong>Hence the bounty:</strong> Despite no longer needing the answer for the project I was working on (an alternative design was used). I still believe this question can benefit from being answered.</p>
  
  <p><strong>Default Behavior</strong> </p>
  
  <pre><code>                       +--------+ 
                         |        |
  +------------+       +-+-hidden-+-+   &lt;- ~50% hidden
  | +--------+ |       | +--------+ |
  | |        | |       | |visible | |
  | |        | |   \   | |        | |   &lt;- ~50% visible
  | |  100%  | |  ==&gt;  | +--------+ |
  | |        | |   /   | |virtual | |
  | |        | |       | |  keys  | |
  | +--------+ |       | +--------+ |
  +------------+       +------------+
  </code></pre>
  
  <p><strong>Desired Behavior</strong> </p>
  
  <pre><code>+------------+       +------------+   
  | +--------+ |       | +--------+ |
  | |        | |       | |visible | |   &lt;- 100% visible (example styling)
  | |        | |   \   | |        | |      Custom Styling
  | |  100%  | |  ==&gt;  | +--------+ |
  | |        | |   /   | |virtual | |
  | |        | |       | |  keys  | |
  | +--------+ |       | +--------+ |
  +------------+       +------------+
  </code></pre>