Template:Pokemon/styles.css

.pn-pokemon-infobox {
    float: right;

    width: 300px;

    margin: 0 0 24px 28px;

    background: #f4f3ef;

    color: #292d31;

    border: 1px solid #bfc4c1;
    border-radius: 7px;

    overflow: hidden;

    box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.08),
        0 4px 14px rgba(0, 0, 0, 0.05);
}


.pn-pokemon-header {
    padding: 17px 19px;

    background:
        linear-gradient(
            90deg,
            #eadbd8 0,
            #ebece8 55%,
            #f4f3ef 100%
        );

    border-left: 4px solid #b9413b;
    border-bottom: 1px solid #bfc4c1;
}


.pn-pokemon-number {
    margin-bottom: 2px;

    color: #6b737a;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.pn-pokemon-name {
    color: #292d31;

    font-size: 26px;
    font-weight: 700;
}


.pn-pokemon-types {
    padding: 12px 18px;

    background: #eeeee9;

    color: #444c53;

    border-bottom: 1px solid #bfc4c1;
}


.pn-pokemon-section {
    padding: 17px 18px;
}


.pn-pokemon-section > b:first-child {
    color: #292d31;
}


.pn-stat-table {
    width: 100%;

    margin-top: 9px;

    border-collapse: collapse;
}


.pn-stat-table td {
    padding: 5px 0;

    color: #525a61;
}


.pn-stat-table td:last-child {
    text-align: right;

    color: #292d31;

    font-weight: 700;
}


@media (max-width: 700px) {

    .pn-pokemon-infobox {
        float: none;

        width: auto;

        max-width: 420px;

        margin:
            0
            auto
            24px;
    }

}