Boxflex for iPhone app pane

apple_theme_boxflex.css

/**
 * Extracted from: https://github.com/beedesk/jQTouch/commit/b5d2fc63fe15acba15c4e8eaafc0e128997f8484
 */

/* ============= from themes/apple/theme.css ============= */
#jqt > * {
    -webkit-transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    background: rgb(197,204,211) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCC);
    -webkit-user-select: ignore;
    -webkit-box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: start;
    -webkit-box-align: stretch;
}

#jqt > * > * {
    -webkit-box-sizing: border-box;
}

#jqt > * .content {
    display: -webkit-box;
    -webkit-box-flex: 10;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: stretch;
}

#jqt > * .contentwrap {
    display: -webkit-box;
    position: relative;
    -webkit-box-flex: 10;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0px;
    margin-top: 0px;
    padding-top: 0px;
    bottom: 0;
    max-height: 100%;
}

#jqt > * > div:not(.contentwrap):not(.navibar):not(.toolbar):not(.bar):not(.info) {
    /* back-compat worthwhile? */
    top:0;
    left:0;
    right:0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 100%;
    -webkit-box-flex: 10;
}

#jqt > * .contentwrap > .content,
#jqt > * .contentwrap > :first-child:not(.noncontent) {
    position: absolute;
    display: block;
    top:0;
    left:0;
    right:0;
    overflow: hidden;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 100%;
}

/* @end */


/* ============= from jqtouch.css ============= */
#jqt > .current {
    display: -webkit-box;
}