ben van 't ende: menu-def

menu of these pages

source

      <ul class="csc-menu csc-menu-def">

        <li>

          <a href="office-import/" title="office-import">office-import</a>

        </li>

        <li>

          <a href="fotoos/daan-lisa/" title="vage foto's">daan + lisa</a>

        </li>

        <li>

          <a href="css/listamatic2/" title="my list-a-matic submission">listamatic2</a>

        </li>

        <li>

          <a href="office-import/rlmp-officeimport/" title="robert doing his thang!">officeimport</a>

        </li>

        <li>

          <a href="office-import/dbal/" title="The DBAL will provide an interface to Typo3 to use different DBMS.">dbal</a>

        </li>

      </ul>

stylesheet

/*****************************/
/* Menu / Sitemap, generally */
/*****************************/
.csc-menu a {
        color: #008080;
        text-decoration: none;
}

.csc-menu a:hover {
        text-decoration: underline;
}

ul.csc-menu {
        list-style-type: none;
}

/* ul.csc-menu li {
        margin-left: 30px;
        padding-left: 5px;
        font-size: 14px;
} */

ul.csc-menu li.csc-section {
        font-weight: normal;
        margin-left: 40px;
        font-style: italic;
}

ul.csc-menu li A {
        color: #000;
}

/* Menu / Sitemap, "Menu of these pages" */
.csc-menu-def {
        padding: 0 1px 1px;
        font: bold 12px Verdana, sans-serif;
        background: gray;
        width: 13em;
}

.csc-menu-def li{
        list-style: none;
        margin: 0;
        border-top: 1px solid gray;
        text-align: left;
}

.csc-menu-def li a{
        display: block;
        padding: 0.25em 0.5em 0.25em 0.75em;
        border-left: 1em solid #AAB;
        background: #CCD;
        text-decoration: none;
}

.csc-menu-def li a:link {
        color: #448;
}

.csc-menu-def li a:visited {
        color: #667;
}

.csc-menu-def li a:hover{
        border-color: #FE3;
        color: #FFF;
        background: #332;
        text-decoration: none;
}