View sourcecode

/**
 * Based on http://dbwebb.se/coachen/en-navbar-med-drop-down-meny-i-ren-html-och-css
 * Changed to only style li-items instead of a.
 */
.navbar {

    ul {
        list-style: none; 
        margin: 0; 
        padding: 0;
    }
 
    li {
        display: inline-block;
        border-top: 4px solid transparent; 
        color: #333; 
        position: relative; 

        &:hover {
            color: #666; 
            border-color: #666;
        } 

        &.selected-parent, 
        &.is-parent, 
        &.selected {
            color: #22f; 
            border-color: #22f;
        }
    }
 
    a {
        display: block;
        width: 100%;
        padding: 1em;
        text-decoration: none;
        color: inherit;
        white-space: nowrap; 
    }

    ul ul {
        background-color: #fff; 
        padding: 8px; 
        position: absolute; 
        left: -9999px; 
        z-index: 2;
    }
 
    li:hover ul {
        left: 0;
    }

    li li {
        border-top: none;  
        border-left: 4px solid transparent;  

        &:hover {
            color: #666; 
            border-color: #666;
        }

        &.selected {
            color: #22f; 
            border-color: #22f;
        }
    }
}