roll20-character-sheets/Metal Adventures/MetalAdventures.css

/***** layout *******/

.sheet-charsheet {
    width: 852px;
    background: url(https://raw.githubusercontent.com/yuyuki/roll20-character-sheets/master/Metal%20Adventures/img/background.png);
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    margin: 0;
    border: 0;
}

.sheet-banner {
    display: block;
    background: url(https://raw.githubusercontent.com/yuyuki/roll20-character-sheets/master/Metal%20Adventures/img/bannerV2.jpg);
    height: 180px;
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    margin: 0 4px;
}

.sheet-row {
    display: flex !important;
    align-items: top;
}

.sheet-flex-grow1,
.sheet-flex-grow2 {
    flex-grow: 1;
    margin: 1px;
}

.sheet-flex-grow2 {
    flex-grow: 2;
}

.sheet-flex-shrink {
    flex-shrink: 1;
}

.sheet-columnFlex {
    width: 200px;
    display: inline-block;
}

.sheet-flex-basis40 {
    flex-basis: 40px;
    margin: 1px 1px;
    border: 1px;
}

.sheet-flex-basis200 {
    flex-basis: 200px;
    margin: 1px 1px;
    border: 1px;
}

.sheet-flex-left {
    text-align: left;
    margin-right: 0;
}

.sheet-flex-right {
    text-align: right;
    margin-right: 0;
}

.sheet-column-header {
    display: block;
    text-align: center;
    background-color: darkgray;
    color: white;
}

.sheet-header-inline {
    display: inline-block;
    width: 44px;
    text-align: center;
    background-color: darkgray;
    color: white;
}

/* Switch tab */

.sheet-switch-tab-content {
    display: none;
}

input.sheet-switch-tab2-pj:checked~div.sheet-switch-tab2-pj,
input.sheet-switch-tab2-pnj:checked~div.sheet-switch-tab2-pnj,
input.sheet-switch-tab-pj:checked~div.sheet-switch-tab-pj,
input.sheet-switch-tab-pnj:checked~div.sheet-switch-tab-pnj,
input.sheet-switch-tab-ship:checked~div.sheet-switch-tab-ship {
    display: block;
}

.sheet-ship-type-content {
    display: none;
}

input.sheet-ship-commerce:checked~div.sheet-ship-commerce,
input.sheet-ship-plaisance:checked~div.sheet-ship-plaisance,
input.sheet-ship-militaire:checked~div.sheet-ship-militaire {
    display: block;
}

/***** Text *******/

label {
    font-size: 12px !important;
}

.sheet-block label {
    display: inline-block;
    width: 140px;
    margin-left: 2px;
}

.sheet-radio,
input[type='text'] {
    width: 170px;
}

input[type='number'] {
    width: 40px !important;
    text-align: right;
}

.sheet-great,
input[type='number'].sheet-great {
    width: 60px !important;
    text-align: right;
}

.sheet-great100,
input[type='number'].sheet-great100 {
    width: 100px !important;
    text-align: right;
}

.sheet-number-title {
    width: 40px;
    text-align: center;
    background-color: darkgray;
    color: white;
    font-size: 12px;
    font-weight: normal;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.sheet-degat {
    text-transform: uppercase;
}

.sheet-fill {
    width: 100% !important;
}

.sheet-fill80 {
    width: 80% !important;
}

.sheet-mf {
    font-weight: bold;
}

.sheet-g::before {
    content: " G";
    font-weight: normal;
    font-size: .7em;
    vertical-align: bottom;
    line-height: .7em;
}

.sheet-select50 {
    width: 50px;
}

.sheet-auto {
    width: auto;
}