Template:Userbox/styles.css

#bodyContent ol li,
#bodyContent ul li {
    margin-bottom: 1px !important;
}
@media (max-width: 720px) {
    div#bodyContent table {
        display: table;
    }
}
@media only screen and (max-width: 535px) {
    div#bodyContent .UBOX table td {
        min-height: 45px !important;
    }
    div#bodyContent .UBOX table img {
        width: revert !important;
        height: auto !important;
    }
}
table.INFO,
div.INFO {
    float: right;
    clear: right;
    margin: 3px 0 8px 1.5em;
    border-collapse: separate !important;
}
table.INFO {
    width: 278px;
    max-width: 288px !important;
    width: 278px !important;
    line-height: 17px;
    font-size: 13px;
}
div.INFO.LEFT {
    float: left !important;
    clear: none !important;
    margin-right: 1em;
}
div.INFO.RIGHT {
    clear: none !important;
}
@media only screen and (max-width: 690px) {
    div.LEFT,
    div.RIGHT {
        float: none !important;
        margin: 0.3em 1.5em 0.8em 1.5em !important;
        padding: 3px 0 3px 0 !important;
    }
    .DISAPP {
        display: none !important;
        visibility: hidden !important;
    }
}
@media only screen and (max-width: 600px) {
    table.INFO,
    div.INFO,
    .infobox {
        min-width: 278px !important;
        width: 278px;
        max-width: 288px !important;
        margin: 3px 0 8px 1.5em;
    }
    div.INFO.LEFT,
    div.INFO.RIGHT {
        min-width: unset !important;
        width: auto !important;
    }
    .userboxes {
        width: 281px;
        max-width: 290px !important;
    }
    .INFO .iIMG img,
    .infobox img,
    .INFO .image img {
        max-width: 250px !important;
        height: auto;
    }
    .userboxes img {
        max-width: 278px !important;
        height: auto;
    }
}
@media only screen and (max-width: 535px) {
    div.TOC,
    .DISAPP {
        display: none !important;
        visibility: hidden !important;
    }
    div.UBOX {
        float: none !important;
        margin: 2px auto !important;
    }
    div.LEFT,
    div.RIGHT {
        max-width: 292px !important;
    }
    table.INFO,
    div.INFO,
    .infobox,
    .userboxes {
        float: none !important;
        clear: both !important;
        margin: 0.5em auto 0.5em auto !important;
    }
}
.userboxes big,
.INFO big,
.infobox big {
    font-size: larger;
}
.userboxes small,
.INFO small,
.infobox small {
    font-size: smaller;
}
.INFO .iHEAD {
    min-width: 271px;
    width: 100% !important;
    max-width: 100%;
    padding: 4px 3px 2px 3px;
    line-height: 1.3em;
}
.INFO .iIMG {
    padding: 7px 8px 4px 8px;
    text-align: left;
}
#bodyContent .INFO .iIMG small {
    font-size: 8.5pt;
    display: block;
    padding: 4px 5px 3px 5px;
    line-height: 1.35em;
}
.INFO .iIMG img {
    max-width: 260px !important;
    height: auto;
}
.INFO.vs .vsleft img,
.INFO .vs .vsright img {
    max-width: 120px !important;
    height: auto;
}
.userboxes img,
.infobox img {
    max-width: 380px !important;
    height: auto;
}
.INFO .iH2 {
    padding: 4px 3px 3px 3px;
    line-height: 1.3em;
}
.INFO .iBOX {
    padding: 3px 5px 3px 7px;
}
.INFO .iT {
    margin: 0 -5px 0 -7px;
}
.INFO .iOPT {
    padding: 3px 3px 4px 4px;
}
.INFO .iTABLE {
    margin: 0 0 3px 0;
    background-color: transparent;
    min-width: 260px;
}
.INFO .iH2 big,
.INFO .iHEAD big {
    font-size: 14px;
}
.INFO .iH2 small,
.INFO .iHEAD small {
    font-size: 9pt;
}
.INFO.vs .box td.vsright {
    border-left: 1px solid #dedede !important;
    padding-left: 3px;
    width: 50%;
}
.INFO.vs .iTABLE {
    margin: 0 auto 3px auto;
}
.INFO.vs .box td.left {
    padding-right: 3px;
    width: 50%;
}
.INFO .box {
    width: 100%;
    padding: 2px 2px 0 4px;
}
.INFO .head {
    padding: 2px 2px 2px 2px;
}
.INFO .left .sub {
    position: relative;
    margin-right: 1px;
    padding-right: 0.4em;
    line-height: 17px;
    font-size: 11px;
    padding-top: 0.03em;
}
.INFO .left .sub .COLON {
    position: absolute;
    right: 0.06em;
}
.INFO.ABOVE {
    text-align: center;
    font-weight: bold;
    font-size: 11pt;
    width: 278px;
    line-height: 1.25em;
}