style.css

* {margin: 0; padding: 0;}

html,
body {
    height: 100%;
}

#viewport-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;

    display: box;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
}

    #viewport-wrapper #viewport {
        width: 100%;

        box-flex: 1;
        -webkit-box-flex: 1;

        position: relative;
    }

    #viewport-wrapper #viewport .view {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    /**
     * Toolbar
     */

    #viewport-wrapper #viewport-toolbar {
        width: 100%;
    }
        #viewport-wrapper #viewport-toolbar > ul {
            display: box;
            display: -webkit-box;
            box-orient: horizontal;
            -webkit-box-orient: horizontal;
            list-style: none;

            box-pack: center;
            /*box-align: center;*/
            -webkit-box-pack: center;
            /*-webkit-box-align: center;*/
        }

            
        #viewport-wrapper #viewport-toolbar ul li {
            padding: 5px 15px;
            text-align: center;
        }

        #viewport-wrapper #viewport-toolbar ul li.active {
            border-radius: 0.25em;
            background: #333;
        }

        #viewport-wrapper #viewport-toolbar ul li .icon {
            font-size: 2em;
        }

        #viewport-wrapper #viewport-toolbar ul li > p {
            font-size: 0.8em;
        }