shortcake: Updates Tab Style

    /*    updates tab    */
    /* installation tutorial: http://felinum.tumblr.com/post/147202359116/ */

    #updates_navicon {
        position:fixed;
        z-index:9999999999999999999;
        {block:ifUpdatesTabTopLeft}left:20px; top:20px;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}right:20px; top:35px;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}left:20px; bottom:20px;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}right:20px; bottom:20px;{/block:ifUpdatesTabBottomRight}
    }

    #updates {
        position:fixed;
        {block:ifUpdatesTabTopLeft}left:35px; top:35px;{/block:ifUpdatesTabTopLeft}
        {block:ifUpdatesTabTopRight}right:35px; top:50px;{/block:ifUpdatesTabTopRight}
        {block:ifUpdatesTabBottomLeft}left:35px; bottom:35px;{/block:ifUpdatesTabBottomLeft}
        {block:ifUpdatesTabBottomRight}right:35px; bottom:35px;{/block:ifUpdatesTabBottomRight}
        width:180px;
        height:auto;
        padding:5px 8px 5px 5px;
        text-align:justify;
        z-index:9999999999999999999;
        border:1px solid {color:Updates Tab Border};
        background-color:{color:Updates Tab BG};
        {block:ifRevealUpdatesTabonclick}display:none;{/block:ifRevealUpdatesTabonclick}
    }

    #updates a, #updates a:visited {
        color:{color:Updates Tab Link};
        text-decoration:none;
        border-bottom:1px solid {color:Updates Tab Link Border};
        -webkit-transition-duration: .5s;
           -moz-transition-duration: .5s;
             -o-transition-duration: .5s;
                transition-duration: .5s;
    }

    #updates a:hover {
        color:{color:Updates Tab Link Hover};
        text-decoration:none;
        -webkit-transition-duration: .5s;
           -moz-transition-duration: .5s;
             -o-transition-duration: .5s;
                transition-duration: .5s;
    }

    #updates ul {list-style-type:none; margin:0 0 0 -40px;}

    #updates ul > li:before {content:'—'; margin-right:5px;}

    #updates ul > li li:before {margin-left:10px;}

    .ui {display:inline-block;}

    .updates_icon {text-align:center; display:table;}

    @keyframes spin {to{transform:rotateZ(720deg)}}

    .iconwrap:hover > i {animation:spin 3000ms;}

    .iconspin {display:inline-block; transform-origin:50% 50%;}

    #updates .fa:not(.fa-navicon) {
        display:table-cell;
        vertical-align:middle;
        width:10px;
        height:10px;
        background-color:{color:Updates Tab Accent};
        padding:8px;
        color:{color:Updates Tab Icons};
        font-size:10px;
        -webkit-border-radius:20px;
           -moz-border-radius:20px;
                border-radius:20px;
    }

    #updates_navicon .fa-navicon {font-size:10px;}

    .updates_title {
        display:inline-block;
        margin-left:-6px;
        margin-top:4px;
        width:80%;
        padding-left:8px;
        vertical-align:top;
        font:bold 13px {select:Updates Tab Font};
        letter-spacing:1px;
        text-transform:lowercase;
        border-bottom:1px solid {color:Updates Tab Accent};
        color:{color:Updates Tab Title};
    }

    .updates_title:after, .container_content:last-of-type:after {
        content:'';
        width:6px;
        height:6px;
        background-color:{color:Updates Tab Accent};
        -webkit-border-radius:20px;
           -moz-border-radius:20px;
                border-radius:20px;
    }

    .updates_title:after {
        position:absolute;
        right:0;
        margin:13px 10px 0 0;
    }

    .container_content {
        display:block;
        border-left:1px solid {color:Updates Tab Accent};
        margin-left:12px;
        margin-top:-6px;
        padding:0 2px;
    }

    .container_content:last-of-type {margin-bottom:-2px;}

    .container_content:last-of-type:after {
        display:block;
        margin-left:-5px;
        margin-top:-9px;
    }

    .updates_content {
        padding:8px 2px 10px 7px;
        font:8px {select:Updates Tab Font};
        text-transform:uppercase;
        letter-spacing:1px;
        color:{color:Updates Tab Content};
    }