Template:少女前线信息/styles.css

.gf-infobox {
    float: right !important;
    clear: right !important;
    margin: 1em 0 1em 1em !important;
    border: 1px solid #D0D0D0 !important;
    width: 280px !important;
    padding: 1px 4px !important;
    background-color: #FAFAFA !important;
    color: #222222 !important;
    font-size: 90% !important;
}

.gf-infobox .gf-title {
    margin: 3px 0;
    padding: 0.5em;
    background-color: #000;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-image-container {
    margin: 3px 0;
    text-align: center;
    color: #888;
    padding: 0;
}

.gf-infobox .gf-section {
    margin: 3px 0;
    padding: 0.2em;
    background-color: #303030;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-row {
    display: flex;
    margin: 3px 0;
}

.gf-infobox .gf-label {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 5em;
    padding: 2px 5px;
    background-color: #454545;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.gf-infobox .gf-value {
    padding: 2px 2px 2px 7px;
    flex: 1;
}

.gf-infobox .infobox-image {
    max-width: 100%;
    height: auto;
}