.-.-.-.-.-

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta name="author" content="" />
	<meta name="description" content="" />

<title>jQuery.parallax</title>

<link rel="stylesheet" href="../css/jquery.parallax.css" />

.parallax-layer {
        position: absolute;
    }
    
    /* Horizontal lists of inline-blocks, with image backgrounds as thumbnails */
    /* Tested in Safari 4 | FF 3.5 | Opera 9.6 | IE7 */ 
    .thumbs_index {
        padding: 0 12px;
        /* initial position */
        left: 0;
        /* Put all he thumbs on one line. */
        white-space: nowrap;
    }
    
    .thumbs_index > li {
        display: inline;
        margin-right: 12px;
    }
    
    .img_thumb {
      padding-top: 120px;
      width: 192px;

-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
         -moz-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
              box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    }
    
    .footnote { font-size: 0.6em; color: #858b95; }
  </style>
</head>

<body>
	<header class="site_header" id="page_header">
		<div class="site_wrap wrap">
			<a class="logo_thumb thumb" href="https://stephen.band" title="stephband" rel="index">
				<h1>stephband.info</h1>
			</a>
		</div>
	</header>

<div class="site_wrap wrap">
    <h2>jParallax Demos <a href="target.html">next</a></h2>

<div id="port">
      
      <ul class="thumbs_index index parallax-layer">
         <li><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/1.jpg');">item</a></li
        ><li><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/2.jpg');">item</a></li
        ><li><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/3.jpg');">item</a></li
        ><li><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/4.jpg');">item</a></li
        ><li><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/5.jpg');">item</a></li
        ><li class="last"><a class="img_thumb thumb" href="#" style="background: url('../images/parallax_thumbnails/6.jpg');">item</a></li>
      </ul>
    </div>

<div class="footnote">Photos by <a href="http://flickr.com/daweed/">David Michon</a></div>
  </div>

</body>
</html>

/home/histoio/www/f41a3/./../../www/plugins/auto/jparallax-master/js/../demos/thumbnails.html