/packages CGI HTML modernization

Warren Young warren@etr-usa.com
Fri Jun 20 17:09:00 GMT 2014

On 6/20/2014 10:54, Warren Young wrote:
> The CSS is now:

Sorry, left a few things out:

   ul.pkglist li {
     display: block;
     clear: both;

   ul.pkglist a {
     background: url('http://sourceware.org/icons/ball.gray.gif')
     background-position: 0px 0.7em;
     background-size: 10px 10px;
     padding-left: 20px;
     padding-top: 0.4em;
     float: left;
     width: 30%;

   ul.pkglist span {
     float: left;
     padding-top: 0.4em;
     width: 67%;

The main thing is that I forgot to include the "ul.pkglist" parent 
qualifiers on the second two CSS rules.

Note, however, that I also added the width attributes to the two <li> 
children, which has the nice effect of making the JS completely 
optional.  The default values will make the package name column wrap, 
but if JS is available, the jQuery script I posted previously will 
increase the column width to fix that.

The (30%+67%) < 100% thing is another hack around the margins the 
browser uses, just like the 40px magic constant in the JS.

More information about the Cygwin-patches mailing list