Centered Menu

dabblet.css

/*
 *  Centered Menu
 */

    * {
        padding: 0;
        margin: 0;
    }
    body {
        font-family: helvetica ,serif;
        font-size: 14px;
    }
    .dropdown {
        text-align: center;
        font-size: 0;
        margin: 15px;
    }

    .dropdown ul {
        display: none;

    }

    .dropdown > li {
        display: inline-block;
        font-size: 14px;
    }

    .dropdown > li > a {
        display:    block;
        background: rgb(204, 204, 204);
        border-bottom: rgb(119, 119, 119) 1px solid;
        border-right: rgb(119, 119, 119) 1px solid;
        padding: 2px;
        color: black;
        text-decoration: none;
        font-weight: bold;
    }
    .dropdown > li > a:hover {
        background: rgb(243, 214, 115);
    }

dabblet.html

<ul class='dropdown'>
        <li><a href='index.php'>Home</a></li>
        <li><a href='#'>Incident</a>
        <ul class='sub_menu'>
        <li><a href='index.php?action=new'>New</a></li>
        <li><a href='index.php?action=edit'>Edit</a></li>
        <li><a href='index.php?action=manage'>Manage</a></li>
        </ul></li><li><a href='action_logout.php'>Log out</a></li>
        </ul>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}