Sindbad~EG File Manager
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>DynamicGeometry</title>
<style type="text/css">
#holder {position:relative; background:transparent url(images/c01.gif) 175px 54px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox { padding: 10px; width:550px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:175px; margin-top: 30px; }
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(images/thumb2.jpg);}
a.slideb {background:url(images/thumb2.jpg);}
a.slidec {background:url(images/thumb2.jpg);}
a.slided {background:url(images/thumb2.jpg);}
a.slidee {background:url(images/thumb2.jpg);}
a.slidef {background:url(images/thumb2.jpg);}
a.slideg {background:url(images/thumb2.jpg);}
a.slideh {background:url(images/thumb2.jpg);}
a.slidei {background:url(images/thumb2.jpg);}
a.slidej {background:url(images/thumb2.jpg);}
a.gallery span {display:block; position:absolute; left:150px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {display:block; position:absolute; width:552px; height:430px; top:49px; left:170px; padding:5px; color:#000; background:#fff; z-index:100; font-size:14px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:552px; height:430px; top:49px; left:170px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
#thumbs {width:840px; height:60px;}
#pad {height:500px; width:120px;}
</style>
<!--[if IE 7]>
<style type="text/css">
a.gallery span {display:block; position:absolute; width:552px; height:430px; top:49px; left:-99999px; padding:5px; color:#000; background:#fff; z-index:100; font-size:14px;}
a.gallery span img {border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}
a.gallery:hover span {left:170px; z-indx:100;}
a.gallery:hover span img {border:1px solid #000;}
a.gallery:active span, a.gallery:focus span {left:170px; z-index:50;}
</style>
<![endif]-->
</head>
<body>
<h1>A Preview of Lessons</h1>
<div id="wrapper">
<div id="info">
<div id="holder">
<div id="pad"></div>
<div id="scrollbox">
<div id="thumbs">
<a class="gallery slidea" href="http://www.dynamicgeometry.org" title="Lesson 1"><span><img src="images/c01.gif" alt="Lesson 1" title="Lesson 1" /><br />Lesson 1<br/>To draw an equilateral triangle</span></a>
<a class="gallery slideb" href="#nogo" title="Lesson 2"><span><img src="images/c03.gif" alt="Lesson 3" title="Lesson 3" /><br />Lesson 3<br />To move a line onto a line</span></a>
<a class="gallery slidec" href="#nogo" title="Lesson 10"><span><img src="images/c10.gif" alt="Lesson 10" title="Lesson 10" /><br />Lesson 10<br />To draw a parallel through a point</span></a>
<a class="gallery slided" href="#nogo" title="Lesson 12"><span><img src="images/c12.gif" alt="Lesson 12" title="Lesson 12" /><br />Lesson 12<br />To draw a parallelogram equal to a triangle with a given length</span></a>
<a class="gallery slidee" href="#nogo" title="Lesson 13"><span><img src="images/c13.gif" alt="Lesson 13" title="Lesson 13" /><br />Lesson 13<br />To draw a parallelogram equal to a figure</span></a>
<a class="gallery slidef" href="#nogo" title="Lesson 14"><span><img src="images/c14.gif" alt="Lesson 14" title="Lesson 14" /><br />Lesson 14<br />To draw a square on a given side</span></a>
<a class="gallery slideg" href="#nogo" title="Lesson 16"><span><img src="images/c16.gif" alt="Lesson 16" title="Lesson 16" /><br />Lesson 16<br />To construct a square equal to a figure</span></a>
<a class="gallery slideh" href="#nogo" title="Lesson 18"><span><img src="images/c18.gif" alt="Lesson 18" title="Lesson 18" /><br />Lesson 18<br />To draw a line touching a circle</span></a>
<a class="gallery slidei" href="#nogo" title="Lesson 21"><span><img src="images/c21.gif" alt="Lesson 21" title="Lesson 21" /><br />Lesson 21<br />To draw a segment with a given angle, on a given line</span></a>
<a class="gallery slidej" href="#nogo" title="Lesson 22"><span><img src="images/c22.gif" alt="Lesson 22" title="Lesson 22" /><br />Lesson 22<br />To draw a segment with a given angle, in a given circle</span></a>
</div>
</div>
</div>
</div> <!-- end of info -->
</div> <!-- end of wrapper -->
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists