xmoonlight

<style type="text/css">
        .gradientEllipsis {
            position: relative;
            white-space: nowrap;
            overflow-x: hidden;
        }
        .gradientEllipsis:after {
            display: block;
            position: absolute;
            right: 0;
            top: 0;
            bottom: 0;
            width: 50px;
            background: linear-gradient(left center, rgba(255, 255, 255, 0), #FFFFFF);
            content: "";
        }
    </style>
    <div class="gradientEllipsis" style="width: 150px">
        Foo, bar, and lorem ipsum.
    </div>

.type li.active {
box-shadow: 0 0 0 2px #fdb913 inset;