Fade pages

<style type="text/css">
.detail {
  background-color: #000000;
  width: 400px;
  height:250px;
  right:50px;
  top:21px;
  opacity: 0;
  overflow: auto;
  padding: 5px;
  position: fixed;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.detail:target {
  opacity: 1;
}
</style>

<div id="one" class="detail">
Here is some information. Blahblahblah.
</div>

<div id="two" class="detail">
Here is some information. Blahblahblah.
</div>

<div id="three" class="detail">
Here is some information. Blahblahblah.
</div>

<div id="four" class="detail">
Here is some information. Blahblahblah.
</div>

<div id="five" class="detail">
Here is some information. Blahblahblah.
</div>



	<a href="#one">1</a>

	<a href="#two">2</a>

	<a href="#three">3</a>

	<a href="#four">4</a>

	<a href="#five">5</a>