styles.scss

@import "compass/css3";
@include font-face("MOEDICT", font-files(
    "https://www.moedict.tw/MOEDICT.woff", woff
,   "https://www.moedict.tw/MOEDICT.otf", opentype
,   "https://www.moedict.tw/MOEDICT.ttf", truetype
), "https://www.moedict.tw/MOEDICT.eot");

@mixin fonts {
    font-family: "MOEDICT", "Biaodian Pro Sans CNS", "Fira Sans OT", "Lantinghei TC", "黑體-繁", "微軟正黑體", "儷黑 Pro", "蘋果儷中黑", "Adobe 繁黑體 Std", "cwTex 明體", "Adobe 明體 Std", "PMingLiU", "MingLiU", sans-serif, "HanaMinA", "HanaMinB", "HAN NOM A", "HAN NOM B";
}

#moedict-extension.ui-tooltip {
    @include fonts;
    background: #fffcfc !important;
    border: 1px solid #a99;
    @include border-radius(5px);
    @include box-shadow(hsl(0,0%,83%) 0 3px 3px);
    padding: 10px; // FIXING in extension
    &.bpmf {
        font-size: 80%;
        width: auto;
        min-width: auto;
        background: #f0f0f0;
    }
    .pinyin {
        float: right;
    }
    .xrefs {
        display: none;
    }
    .entry .part-of-speech {
        @include border-radius(3px);
        display: inline-block;
        position: absolute;
        left: 7px;
        color: #eee;
        background: rgb(107, 0, 0); // FIXING in extension
        padding: 1px; // FIXING in extension
        a {
            cursor: normal;
            color: #eef;
        }
    }
    a {
        color: #007;
    }
    li {
        .part-of-speech {
            position: relative;
            left: 0px;
        }
        @include fonts;
        margin: 0 !important;
        margin-left: -18px !important;
        margin-top: 5px;
        line-height: 1.35 !important;
        padding: 0 !important;
    }
    .ol, .definition {
        margin: 0 !important;
        padding: 0 !important;
    }
    .entry {
        padding-left: 10px; // FIXING in extension
        border-bottom: none;
        font-size: 80%;
    }
    min-width: 300px;
    width: 300px;
    overflow: hidden;
    word-break: break-all;
    .bopomofo {
        margin: 0px;
        padding: 0px;
        font-size: 75%;
    }
    .title {
        margin: 0;
        padding: 0;
        font-size: 130%;
        line-height: 120%;
        .playAudio { display: none !important }
    }
    .example {
        display: none;
    }
    .quote, .antonyms, .synonyms, .variants, .radical {
        display: none;
    }
    // FIXING in exntion. copy from moedict-webkit L400 ".result a"
    & a {
        color: #000;
        text-decoration: none;
        &:hover, &:focus {
            background: #ddd;
            background-image: #ddd !important;
            color: #0070A3;
            outline: 1px solid hsl(197,96%,70%);
        }
        &.erase:hover, &.lang:hover {
            background: #ddd;
            outline: none !important;
            border: none;
            border-radius: 30px;
        }
    }
}