markdurrant/gist:3369502

## gistfile1.css
/* Example html

<body>
  <!-- change to landscape mode prompt -->
  <div id="portrait">
    <h1>Please rotate your device. This game only works in landscape mode</h1>
  </div>

  <!-- game content start -->
  <div>
    <ul>
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
    </ul>
  </div>
  <!-- game content end -->
</body>
*/

/*hide landscape mode prompt as default*/
#portrait{
  display: none;
}

/*fill screen with landscape mode prompt when in portrait mode*/
@media screen and (orientation: portrait){
  #portrait{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 50;
    background-color: white;
  }
}
	/* Example html

	<body>
	<!-- change to landscape mode prompt -->
	<div id="portrait">
	<h1>Please rotate your device. This game only works in landscape mode</h1>
	</div>

	<!-- game content start -->
	<div>
	<ul>
	<li>One</li>
	<li>Two</li>
	<li>Three</li>
	</ul>
	</div>
	<!-- game content end -->
	</body>
	*/

	/hide landscape mode prompt as default/
	#portrait{
	display: none;
	}

	/fill screen with landscape mode prompt when in portrait mode/
	@media screen and (orientation: portrait){
	#portrait{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 50;
	background-color: white;
	}
	}