[pmwiki-users] Two versions of the sidebar

[Hans]

Thursday, February 1, 2007, 6:39:41 PM, Hans wrote:

> The original also includes vertical dividers
> between the list items. Its called a horizontal "pipe list".

Here is the full version:

/*Fat Erik's Pipelist (adapted)*/

.pipelist ul {
                list-style: none;
                margin:0; padding:0;
                }
.pipelist ul li { 
                display: inline;
                margin: 0; padding: 0;
                }
.pipelist ul li a { 
                padding:0 1px;
                text-decoration:none; 
                }

.pipelist ul li:before { content: "| "; }
.pipelist ul li:first-child:before { content: ""; }

.pipelist form { margin:0; display:inline}

/*IE workaround*/
/*All IE browsers*/
* html .pipelist ul li {
                border-right: 1px solid #999;
                padding: 0 0.3em 0 0.3em;
                margin: 0 -0.3em 0 0.3em;
                }
/*Win IE browsers - hide from Mac IE\*/
* html .pipelist ul { height: 1%; float:right;}
* html .pipelist ul li {
                display: block;
                float: left;
                }
/*End hide*/
/*Mac IE 5*/
* html .pipelist ul li:first-child { border-right: 0; }


Hans