Viewing topics.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--chtml set prevlink="./"-->
<!--chtml set nextlink="why.html"-->

<html xmlns="http://www.w3.org/1999/xhtml" lang="eng">
    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
    <title>Topics</title>
    <link href="style.css" type="text/css" rel="stylesheet" media="all"/>
    <style type="text/css">
    /*<![CDATA[*/
        ol#topics {
	    right: 20%;
	    bottom: 32%;
	    color: #000;
	    font-size: 1em;
        }
        html>body ol#topics {
	    color: #000;
        }
        ol#topics li:first-child { /* only works for CSS2 browsers */
	    color: #000;
        }
        ol#topics.a1 {
	    right: 17.5%;
	    bottom: 28%;
	    color: #111;
	    font-size: 0.94em;
        }
        html>body ol#topics.a1 {
	    color: rgba(0, 0, 0, 0.94);
        }
        ol#topics.a2 {
	    right: 15%;
	    bottom: 24%;
	    color: #222;
	    font-size: 0.88em;
        }
        html>body ol#topics.a2 {
	    color: rgba(0, 0, 0, 0.88);
        }
        ol#topics.a3 {
	    right: 12.5%;
	    bottom: 20%;
	    color: #333;
	    font-size: 0.81em;
        }
        html>body ol#topics.a3 {
	    color: rgba(0, 0, 0, 0.81);
        }
        ol#topics.a4 {
	    right: 10%;
	    bottom: 16%;
	    color: #444;
	    font-size: 0.75em;
        }
        html>body ol#topics.a4 {
	    color: rgba(0, 0, 0, 0.75);
        }
        ol#topics.a5 {
	    right: 7.5%;
	    bottom: 12%;
	    color: #555;
	    font-size: 0.69em;
        }
        html>body ol#topics.a5 {
	    color: rgba(0, 0, 0, 0.69);
        }
        ol#topics.a6 {
	    right: 5%;
	    bottom: 8%;
	    color: #666;
	    font-size: 0.62em;
        }
        html>body ol#topics.a6 {
	    color: rgba(0, 0, 0, 0.62);
        }
        ol#topics.a7 {
	    right: 2.5%;
	    bottom: 4%;
	    color: #777;
	    font-size: 0.57em;
        }
        html>body ol#topics.a7 {
	    color: rgba(0, 0, 0, 0.57);
        }
        ol#topics.a8 {
	    right: 0;
	    bottom: 0;
	    color: #888;
	    font-size: 0.5em;
        }
        html>body ol#topics.a8 {
	    color: rgba(0, 0, 0, 0.5);
        }
    /*]]>*/
    </style>
    <script type="text/javascript">
    //<![CDATA[
        function donext () {
        var a = document.getElementById ('next');
        var ol = document.getElementById ('topics');
        if (! ol || ! a)
            return true;
        a = a.firstChild;   // Go to actual link
        ol.topicshref = a.href;
        ol.topicsarr = new Array ('a1', 'a2', 'a3', 'a4',
                        'a5', 'a6', 'a7', 'a8');
        ol.topicsidx = 0;
        ol.className = ol.topicsarr[0];
        document.oltocallback = ol;
        ol.callback = function () {
            if (++this.topicsidx >= this.topicsarr.length) {
            clearInterval (document.oltocallback.topicstimerid);
            document.location = this.topicshref;
            }
            this.className = this.topicsarr[this.topicsidx];
        };
        ol.topicstimerid =
            setInterval ('document.oltocallback.callback ()', 100);
        return false;
        }
        window.onload = function () {
        if (! document.getElementById)
            return;
        var nxt = document.getElementById ('next');
        if (nxt)
            nxt.firstChild.onclick = donext;
        };
    //]]>
    </script>
    </head>

    <body>
    <h1>Topics</h1>
    <!--chtml include "lists.inc"-->
    </body>
</html>