<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
      lang="en">

  
    
    
    
    
    
    

  

  <head>


<script type="text/javascript" src="/static/js/analytics.js"></script>
<script type="text/javascript">archive_analytics.values.server_name="wwwb-app17.us.archive.org";archive_analytics.values.server_ms=176;</script>
<link type="text/css" rel="stylesheet" href="/static/css/banner_styles.css"/>


    <meta http-equiv="Content-Type"
          content="text/html;charset=utf-8" />

    <title>
        KSS (Kinetic Style Sheets)
        &mdash;
        KSS (Kinetic Style Sheets)
    </title>

    
      
        <base href="/index.html" />
      
    

    <meta name="generator" content="Plone - http://plone.org" />

    <meta content="Javascript-free Ajax development"
          name="description" />

    <!-- Plone ECMAScripts -->
    
      
        
            
                <script type="text/javascript"
                        src="/portal_javascripts/KssTheme/ploneScripts1951.js">
                </script>
                
            
        
    
    

    
	
          
        
            
                
                    
                    
                        <style type="text/css"><!-- @import url(/portal_css/KssTheme/ploneStyles6046.css); --></style>
                    
                    
                
            
            
                
                    <link rel="alternate stylesheet"
                          type="text/css" media="screen"
                          href="/portal_css/KssTheme/ploneStyles9308.css"
                          title="Small Text" />
                    
                    
                
            
            
                
                    <link rel="alternate stylesheet"
                          type="text/css" media="screen"
                          href="/portal_css/KssTheme/ploneStyles9398.css"
                          title="Large Text" />
                    
                    
                
            
            
                
                    
                    
                        <style type="text/css"><!-- @import url(/portal_css/KssTheme/ploneStyles4538.css); --></style>
                    
                    
                
            
        
    
        
        
    

    <!-- Internet Explorer CSS Fixes -->
    <!--[if IE]>
        <style type="text/css" media="all">@import url(/IEFixes.css);</style>
    <![endif]-->

    <link rel="shortcut icon" type="image/x-icon"
          href="/favicon.ico" />

    <link rel="home" href="/index.html"
          title="Front page" />
    <link rel="search"
          href="/search_form/index.html"
          title="Search this site" />
    <link rel="author" href="/author/index.html"
          title="Author information" />
    <link rel="contents"
          href="/sitemap/index.html"
          title="Site Map" />

    

    

    

    

    <!-- Disable IE6 image toolbar -->
    <meta http-equiv="imagetoolbar" content="no" />
    
    
      
      
    

    
      
      
    

    
      
      
    

    
      
      
    
    
    <!--[if lt IE 7]>
		<style type="text/css" rel="IE stylesheet" media="all">@import url(/ie6.css);</style>
    <![endif]-->
       <!--[if IE 7]>
		<style type="text/css" rel="IE stylesheet" media="all">@import url(/ie7.css);</style>
    <![endif]-->

  </head>

  <body dir="ltr">


<!-- BEGIN WAYBACK TOOLBAR INSERT -->
<script type="text/javascript" src="/static/js/disclaim_element.js" ></script>
<script type="text/javascript" src="/static/js/graph_calc.js" ></script>
<script type="text/javascript" src="/static/jflot/jquery.min.js" ></script>
<script type="text/javascript">//<![CDATA[
var __wm = (function(){
var wbPrefix = "/web/";
var wbCurrentUrl = "/author/anonymous/index.css";

var firstYear = 1996;
var imgWidth = 500,imgHeight = 27;
var yearImgWidth = 25,monthImgWidth = 2;
var displayDay = "1";
var displayMonth = "Feb";
var displayYear = "2009";
var prettyMonths = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var $D=document,$=function(n){return document.getElementById(n)};
var trackerVal,curYear = -1,curMonth = -1;
var yearTracker,monthTracker;
function showTrackers(val) {
  if (val===trackerVal) return;
  var $ipp=$("wm-ipp");
  var $y=$("displayYearEl"),$m=$("displayMonthEl"),$d=$("displayDayEl");
  if (val) {
    $ipp.className="hi";
  } else {
    $ipp.className="";
    $y.innerHTML=displayYear;$m.innerHTML=displayMonth;$d.innerHTML=displayDay;
  }
  yearTracker.style.display=val?"inline":"none";
  monthTracker.style.display=val?"inline":"none";
  trackerVal = val;
}
function getElementX2(obj) {
  var $e=jQuery(obj);
  return (typeof $e=="undefined"||typeof $e.offset=="undefined")?
    getElementX(obj):Math.round($e.offset().left);
}
function trackMouseMove(event,element) {
  var eventX = getEventX(event);
  var elementX = getElementX2(element);
  var xOff = Math.min(Math.max(0, eventX - elementX),imgWidth);
  var monthOff = xOff % yearImgWidth;

  var year = Math.floor(xOff / yearImgWidth);
  var monthOfYear = Math.min(11,Math.floor(monthOff / monthImgWidth));
  // 1 extra border pixel at the left edge of the year:
  var month = (year * 12) + monthOfYear;
  var day = monthOff % 2==1?15:1;
  var dateString = zeroPad(year + firstYear) + zeroPad(monthOfYear+1,2) +
    zeroPad(day,2) + "000000";

  $("displayYearEl").innerHTML=year+firstYear;
  $("displayMonthEl").innerHTML=prettyMonths[monthOfYear];
  // looks too jarring when it changes..
  //$("displayDayEl").innerHTML=zeroPad(day,2);
  var url = wbPrefix + dateString + '/index.html' +  wbCurrentUrl;
  $("wm-graph-anchor").href=url;

  if(curYear != year) {
    var yrOff = year * yearImgWidth;
    yearTracker.style.left = yrOff + "px";
    curYear = year;
  }
  if(curMonth != month) {
    var mtOff = year + (month * monthImgWidth) + 1;
    monthTracker.style.left = mtOff + "px";
    curMonth = month;
  }
}
function hideToolbar() {
  $("wm-ipp").style.display="none";
}
function bootstrap() {
  var $spk=$("wm-ipp-sparkline");
  yearTracker=$D.createElement('div');
  yearTracker.className='yt';
  with(yearTracker.style){
    display='none';width=yearImgWidth+"px";height=imgHeight+"px";
  }
  monthTracker=$D.createElement('div');
  monthTracker.className='mt';
  with(monthTracker.style){
    display='none';width=monthImgWidth+"px";height=imgHeight+"px";
  }
  $spk.appendChild(yearTracker);
  $spk.appendChild(monthTracker);

  var $ipp=$("wm-ipp");
  $ipp&&disclaimElement($ipp);
}
return{st:showTrackers,mv:trackMouseMove,h:hideToolbar,bt:bootstrap};
})();//]]>
</script>
<style type="text/css">
body {
  margin-top:0 !important;
  padding-top:0 !important;
  min-width:800px !important;
}
</style>
<div id="wm-ipp" lang="en" style="display:none;">

<div style="position:fixed;left:0;top:0;width:100%!important">
<div id="wm-ipp-inside">
   <table style="width:100%;"><tbody><tr>
   <td id="wm-logo">
       <a href="/web/" title="Wayback Machine home page"><img src="/static/images/toolbar/wayback_toolbar_logo.png" alt="Wayback Machine" width="110" height="39" border="0" /></a>
   </td>
   <td class="c">
       <table style="margin:0 auto;"><tbody><tr>
       <td class="u" colspan="2">
       <form target="_top" method="get" action="/web/form-submit.jsp" name="wmtb" id="wmtb"><input type="text" name="url" id="wmtbURL" value="/author/anonymous/index.css" style="width:400px;" onfocus="this.focus();this.select();" /><input type="hidden" name="type" value="replay" /><input type="hidden" name="date" value="20090201072327" /><input type="submit" value="Go" /><span id="wm_tb_options" style="display:block;"></span></form>
       </td>
       <td class="n" rowspan="2">
           <table><tbody>
           <!-- NEXT/PREV MONTH NAV AND MONTH INDICATOR -->
           <tr class="m">
           	<td class="b" nowrap="nowrap">
		
		    <a href="/author/anonymous/index.html" title="19 Oct 2008">OCT</a>
		
		</td>
		<td class="c" id="displayMonthEl" title="You are here: 7:23:27 Feb 1, 2009">FEB</td>
		<td class="f" nowrap="nowrap">
		
		    <a href="/author/anonymous/index.html" title="3 Apr 2009"><strong>APR</strong></a>
		
                </td>
	    </tr>
           <!-- NEXT/PREV CAPTURE NAV AND DAY OF MONTH INDICATOR -->
           <tr class="d">
               <td class="b" nowrap="nowrap">
               
                   <a href="/author/anonymous/index.html" title="18:53:15 Oct 19, 2008"><img src="/static/images/toolbar/wm_tb_prv_on.png" alt="Previous capture" width="14" height="16" border="0" /></a>
               
               </td>
               <td class="c" id="displayDayEl" style="width:34px;font-size:24px;" title="You are here: 7:23:27 Feb 1, 2009">1</td>
	       <td class="f" nowrap="nowrap">
               
		   <a href="/author/anonymous/index.html" title="4:53:47 Apr 3, 2009"><img src="/static/images/toolbar/wm_tb_nxt_on.png" alt="Next capture" width="14" height="16" border="0" /></a>
	       
	       </td>
           </tr>
           <!-- NEXT/PREV YEAR NAV AND YEAR INDICATOR -->
           <tr class="y">
	       <td class="b" nowrap="nowrap">
               
                   2008
               
               </td>
               <td class="c" id="displayYearEl" title="You are here: 7:23:27 Feb 1, 2009">2009</td>
	       <td class="f" nowrap="nowrap">
               
	           <a href="/author/anonymous/index.html" title="25 May 2010"><strong>2010</strong></a>
	       
	       </td>
           </tr>
           </tbody></table>
       </td>
       </tr>
       <tr>
       <td class="s">
           <a class="t" href="/author/anonymous/index.html" title="See a list of every capture for this URL">7 captures</a>
           <div class="r" title="Timespan for captures of this URL">19 Oct 08 - 21 Oct 11</div>
       </td>
       <td class="k">
       <a href="" id="wm-graph-anchor">
       <div id="wm-ipp-sparkline" title="Explore captures for this URL">
	 <img id="sparklineImgId" alt="sparklines"
		 onmouseover="__wm.st(1)" onmouseout="__wm.st(0)"
		 onmousemove="__wm.mv(event,this)"
		 width="500"
		 height="27"
		 border="0"
		 src="graph.jsp?graphdata=500_27_1996:-1:000000000000_1997:-1:000000000000_1998:-1:000000000000_1999:-1:000000000000_2000:-1:000000000000_2001:-1:000000000000_2002:-1:000000000000_2003:-1:000000000000_2004:-1:000000000000_2005:-1:000000000000_2006:-1:000000000000_2007:-1:000000000000_2008:-1:000000000100_2009:1:010100000000_2010:-1:000010000000_2011:-1:200000000100_2012:-1:000000000000_2013:-1:000000000000_2014:-1:000000000000_2015:-1:000000000000" />
       </div>
       </a>
       </td>
       </tr></tbody></table>
   </td>
   <td class="r">
       <a href="#close" onclick="__wm.h();return false;" style="background-image:url(/static/images/toolbar/wm_tb_close.png);top:5px;" title="Close the toolbar">Close</a>
       <a href="http://faq.web.archive.org/" style="background-image:url(/static/images/toolbar/wm_tb_help.png);bottom:5px;" title="Get some help using the Wayback Machine">Help</a>
   </td>
   </tr></tbody></table>
</div>
</div>
</div>
<script type="text/javascript">__wm.bt();</script>
<!-- END WAYBACK TOOLBAR INSERT -->

    <div id="visual-portal-wrapper">

      <div id="portal-top">

        <div id="portal-header">
          <p class="hiddenStructure">
            <a accesskey="2"
               href="/author/28anonymous29/index.html">Skip to content.</a> |

            <a accesskey="6"
               href="/author/28anonymous29/index.html">Skip to navigation</a>
          </p>
             
          <div id="Icon">
            <a href="/download/index.html"
               class="down" title="Download" alt="Download">&nbsp;</a>
            <a href="/documentation/index.html"
               class="doc" title="Documentation"
               alt="Documentation">&nbsp;</a>
            <a href="/demonstration/index.html"
               class="demo" title="Demonstration"
               alt="Demonstration">&nbsp;</a>
          </div>
             <h1 id="portal-logo">
    <a href="/index.html" accesskey="1">KSS (Kinetic Style Sheets)</a>
</h1>
            

             <div id="portal-skinswitcher">
  
</div>

             
    <h5 class="hiddenStructure">Sections</h5>

    <ul id="portal-globalnav">
        <li id="portaltab-index_html" class="selected">
            <a href="/index.html">Home</a></li>
        <li id="portaltab-blog" class="plain">
            <a href="/blog/index.html"
               title="Proceedings of KSS project development">Blog</a></li>
        <li id="portaltab-notes" class="plain">
            <a href="/notes/index.html"
               title="Arbitrary notes that later may be transformed into documentation">Notes</a></li>
        <li id="portaltab-docs" class="plain">
            <a href="/docs/index.html"
               title="Documentation for KSS">Documentation (new section)</a></li>
        <li id="portaltab-bugs" class="plain">
            <a href="/bugs/index.html"
               title="Bugs in the KSS core framework and plugins To submit, please specify the exact version of all the involded component (kss.core, Zope, etc.) if aplicable. (Buildout and egg installer versions are insufficient, we need the versions of the installed components.) Please also tell us who you are because the tracker does not tell us currently.">Bugs</a></li>
    </ul>

          </div>

     <div id="portal-personaltools-wrapper">

<h5 class="hiddenStructure">Personal tools</h5>

<ul id="portal-personaltools">
   

    
        <li>
            <a href="/login_form/index.html">
               Log in
            </a>
        </li>
    
    
        <li>
            <a href="/join_form/index.html">
               Join
            </a>
        </li>
    

</ul>
</div>

           <div id="portal-breadcrumbs">

    <span id="breadcrumbs-you-are-here">You
are here:</span>
    <a href="/index.html">Home</a>
    
    <span class="breadcrumbs-end">&nbsp;</span>

</div>
      </div>

      <div class="visualClear" id="clear-space-before-wrapper-table"><!-- --></div>

      

      <table id="portal-columns">
        <tbody>
          <tr>
            
            <td id="portal-column-one">
              <div class="visualPadding">
                
                  

    
        

        
            
    <div class="portlet" id="search">
        <div class="search-title">Search</div>
        <div id="portal-searchbox">
    <form name="searchform"
          action="/search/index.html"
          style="white-space:nowrap"
          onsubmit="return liveSearchSubmit()">

        <label for="searchGadget" class="hiddenStructure">Search Site</label>

        <div class="LSBox">
        <input id="searchGadget" name="SearchableText"
               type="text" size="15" title="Search Site"
               accesskey="4" class="visibility:visible" />

        <input class="searchButton" type="submit"
               value="Search" />

        <div class="LSResult" id="LSResult" style=""><div class="LSShadow" id="LSShadow"></div></div>
        </div>
    </form>

    <div id="portal-advanced-search" class="hiddenStructure">
        <a href="/search_form/index.html"
           accesskey="5">
            Advanced Search&hellip;
        </a>
    </div>

</div>
    </div>

        

        

        
    
    
        

        
            
        

        

        
    
    
        

        
            
        

        

        
    
    
        

        
            
        

        

        
    
    
        

        
            
        

        

        
    
    
        

        
            
        

        

        
    

                
                
                &nbsp;
              </div>
            </td>
            

            
            <td id="portal-column-content">

              
    

        
            <div class="visualClear"><!-- --></div>
            <div class="portalMessage">
                No user by that name
            </div>
        

        

    


            </td>
            

            
            
            
          </tr>
        </tbody>
      </table>
      

      <div class="visualClear" id="clear-space-before-footer"><!-- --></div>


      

        <div id="portal-footer">

    <ul id="portal-siteactions">

    <li id="siteaction-sitemap"><a
    href="/sitemap/index.html" accesskey="3"
    title="Site Map">Site Map</a></li>
    <li id="siteaction-accessibility"><a
    href="/accessibility_info/index.html"
    accesskey="0" title="Accessibility">Accessibility</a></li>
    <li id="siteaction-contact"><a
    href="/contact_info/index.html" accesskey="9"
    title="Contact">Contact</a></li>

</ul>
</div>
  

        <!--metal:colophon use-macro="here/colophon/macros/colophon">
          The colophon area - contains details about the production of
          the site. Typically "powered by" buttons, standards, tools used.
        </metal:colophon-->
      

    </div>

</body>
</html>







<!--
     FILE ARCHIVED ON 7:23:27 Feb 1, 2009 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:33:58 Jul 29, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
-->
