toloframework/ker/com/x-row/x-row.com.css

Javascript/HTML/CSS compiler for Firefox OS or nodewebkit apps using modules in the nodejs style.

.x-row {
    display: table;
    border-collapse: collapse;
}

.x-row[fullwidth] {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.x-row[fill],
.x-row.fill {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.x-row > div,
.x-row > div > div {
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}

.x-row > div > div {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.x-row[dir=H] > div {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.x-row[dir=V] > div {
    display: table-row;
    text-align: center;
    vertical-align: middle;
}

.x-row > div.TRBL > div > div,
.x-row > div.TRL > div > div,
.x-row > div.RBL > div > div,
.x-row > div.RL > div > div
{
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.x-row > div.TRBL > div > div,
.x-row > div.TRB > div > div,
.x-row > div.TBL > div > div,
.x-row > div.TB > div > div
{
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

@media (orientation: portrait) {
    .x-row[dir=N] > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .x-row[dir=W] > div {
        display: table-row;
    }
}

@media (orientation: landscape) {
    .x-row[dir=W] > div {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }
    .x-row[dir=N] > div {
        display: table-row;
        text-align: center;
        vertical-align: middle;

    }
}