Compilation of css fixes..

Reboryushon · Oct 28, 2018

Use them if you want.

Header issue:

HalfJapaneseFromDiscord said:
The website design and work problems.(English is not my first language so I'm sorry if someone gets hurt reading this.)
The website header picture done bad doesn't actually fit the non-desktop site view, tried on iOS Safari, Android Opera Browser, Android Regular Browser, iPad Safari Portrait, and a regular cellphone(widescreen). Emojis doesn't appear(or cut in a half) on some devices.

CSS:

@media all and (max-width: 720px) {
.xb-main-wrapper {
    background: #060606 url(images/AnimeBase.jpg) top center no-repeat;
    background-size: 720px;
    }
}

Tooltip while hovering medals:

CSS:

[CODE=css].tooltip--basic .tooltip-content {

    display: none;

}

[/CODE]

Emojis - Keeping sprite behaviour while increasing custom emojis size.

It will look like this:

You must be registered for see images

CSS:

[class*="smilie--sprite"] {
    width: 22px !important;
    height: 22px !important;
}

.smilie {
    vertical-align: text-bottom;
    max-width: none;
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 25px;
    min-width: 25px;
    /* min-width: 33px; */
    /* min-height: 33px; */
    vertical-align: -.4em;
    margin: 0 .5em 0 .1em;
    overflow: hidden;
}