el psy ko: Updates Tab Style

 /*    updates tab    */

    #updates {
        position:fixed;
        width:200px;
        {block:ifUpdatesTabTopLeft}top:10px; left:15px; text-align:justify;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}top:10px; right:15px; text-align:right;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}bottom:30px; left:15px; text-align:justify;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}bottom:30px; right:15px; text-align:right;{/block:ifUpdatesTabBottomRight}
        padding:5px;
        z-index:99999999999;
        font-family:{select:Updates Tab Font Family};
        font-size:10px;
    }

    #updates a {text-decoration:none;}
    #updates a, #updates a:hover, .ui:hover ~ .lino:after, .ui:hover ~ .lino, .lino, #updates .lnr:hover, #updates .lnr {transition-duration: .5s;}
    #updates a:link, #updates a:visited {color:{color:Updates Tab Link}; border-bottom:1px solid {color:Updates Tab Link Border};}
    #updates a:hover {color:{color:Updates Tab Link Hover};}

    .uparent {padding-top:5px;}

    .ui {display:inline-block; padding:5px 0; vertical-align:middle;}

    .ui .lnr {
        padding:6px;
        font-size:10px;
        color:{color:Updates Tab Icons};
        background:{color:Updates Tab Icons BG};
        border-radius:40px;
    }

    .ui .lnr:hover {color:{color:Updates Tab Icons Hover}; background:{color:Updates Tab Icons BG Hover};}

    .ui:hover ~ .lino {border-bottom:1px solid {color:Updates Tab Icons BG Hover};}
    .ui:hover ~ .lino:after {background-color:{color:Updates Tab Icons BG Hover};}

    .lino {
        display:inline-block;
        position:relative;
        top:-2px;
        width:170px;
        {block:ifUpdatesTabTopLeft}left:-2px;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}right:-2px;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}left:-2px;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}right:-2px;{/block:ifUpdatesTabBottomRight}
        {block:ifRevealUpdatesOnClick}width:0px;{/block:ifRevealUpdatesOnClick}
        height:1px;
        border-bottom:1px solid {color:Updates Tab Icons BG};
    }

    .lino:after {
        position:absolute;
        {block:ifUpdatesTabTopLeft}right:0;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}left:0;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}right:0;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}left:0;{/block:ifUpdatesTabBottomRight}
        top:-2px;
        content:'';
        width:6px;
        height:6px;
        background-color:{color:Updates Tab Icons BG};
        border-radius:20px;
    }

    .updates_title {
        margin-top:-3px;
        padding-bottom:5px;
        text-transform:lowercase;
        font-weight:bold;
        font-size:12px;
        color:{color:Updates Tab Title};
        clear:both;
    }

    .container_content {
        display:block;
        margin-left:14px;
        {block:ifUpdatesTabTopLeft}margin-top:-6px;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}margin-right:15px;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}margin-top:-6px;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}margin-right:15px;{/block:ifUpdatesTabBottomRight}
        padding:8px 6px 2px 7px;
        color:{color:Updates Tab Content};
    }

    .container_content ul {margin:0 0 0 -40px!important; list-style-type:none!important;}
    .container_content ol {margin-left:-25px!important;}
    .container_content ul li:before {content:'—'!important; margin-right:5px;!important;}

    .container_content .lnr-star {
        background:none;
        padding:0;
        font-size:8px;
        color:{color:Updates Tab Stars};
    }