Updates Tab 4 (from my Shuffle Theme) - by Chloe

Paste this below <head> with your meta tags:

<meta name="color:Updates Tab" content="blue" />
<meta name="color:Networks Tab" content="red" />
<meta name="color:Currently Tab" content="yellow" />
<meta name="text:Updates Tab Content" content="" />
<meta name="text:Networks Tab Content" content="" />
<meta name="text:Currently Tab Content" content="" />

Paste this above </style>

/*-----UpdatesTabByChloe|@dontbrag----*/
#updates {
        position: fixed;
        top:20px;
        left:20px;
        width: 25px;
        height: 25px;
        border: 2px solid {color:Updates Tab};
        border-radius: 100%;
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#updates:hover {
        background: {color:Updates Tab};
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#upinfo {
        width: 120px;
        position: fixed;
        left: 55px;
        top: 55px;
        border: 2px solid {color:Updates Tab};
        border-radius: 5px;
        color: black;
        opacity: 0;
        visibility: hidden;
        height: auto;
        padding: 0px 5px;
        overflow: hidden;
        font-size: 10px;
        background: rgba(255,255,255,0.5);
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                    transition: all 0.3s ease;
}
#updates:hover #upinfo {
        opacity: 1;
        visibility: visible;
        padding: 5px;
        -webkit-transition: all 0.5s ease 0.3s;
           -moz-transition: all 0.5s ease 0.3s;
             -o-transition: all 0.5s ease 0.3s;
                    transition: all 0.5s ease 0.3s;
}
#networks {
        position: fixed;
        top:20px;
        left:65px;
        width: 25px;
        height: 25px;
        border: 2px solid {color:Networks Tab};
        border-radius: 100%;
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#networks:hover {
        background: {color:Networks Tab};
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#netinfo {
        width: 120px;
        position: fixed;
        left: 55px;
        top: 55px;
        border: 2px solid {color:Networks Tab};
        border-radius: 5px;
        color: black;
        opacity: 0;
        visibility: hidden;
        height: auto;
        padding: 0px 5px;
        overflow: hidden;
        font-size: 10px;
        background: rgba(255,255,255,0.5);
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                    transition: all 0.3s ease;
}
#networks:hover #netinfo {
        opacity: 1;
        visibility: visible;
        padding: 5px;
        -webkit-transition: all 0.5s ease 0.3s;
           -moz-transition: all 0.5s ease 0.3s;
             -o-transition: all 0.5s ease 0.3s;
                    transition: all 0.5s ease 0.3s;
}
#netinfo img {
    height:50px;
}
#currently {
        position: fixed;
        top:65px;
        left:20px;
        width: 25px;
        height: 25px;
        border: 2px solid {color:Currently Tab};
        border-radius: 100%;
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#currently:hover {
        background: {color:Currently Tab};
        -webkit-transition: all 0.5s ease;
           -moz-transition: all 0.5s ease;
             -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
}
#curinfo {
        width: 120px;
        position: fixed;
        left: 55px;
        top: 55px;
        border: 2px solid {color:Currently Tab};
        border-radius: 5px;
        color: black;
        opacity: 0;
        visibility: hidden;
        height: auto;
        padding: 0px 5px;
        overflow: hidden;
        font-size: 10px;
        background: rgba(255,255,255,0.5);
        -webkit-transition: all 0.3s ease;
           -moz-transition: all 0.3s ease;
             -o-transition: all 0.3s ease;
                    transition: all 0.3s ease;
}
#currently:hover #curinfo {
        opacity: 1;
        visibility: visible;
        padding: 5px;
        -webkit-transition: all 0.5s ease 0.3s;
           -moz-transition: all 0.5s ease 0.3s;
             -o-transition: all 0.5s ease 0.3s;
                    transition: all 0.5s ease 0.3s;
}
/*-----UpdatesTabByChloe|@dontbrag----*/

Paste this below <body>

<!--Updates Tab By Chloe | @dontbrag-->
<div id="updates">
        <div id="upinfo">
            Updates:
            <br>{Text:Updates Tab Content}
        </div>
</div>
<div id="networks">
        <div id="netinfo">
            Networks:
            <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();"><br>{Text:Networks Tab Content}</marquee>
        </div>
</div>
<div id="currently">
        <div id="curinfo">
            Currently:
            <br>{Text:Currently Tab Content}
        </div>
</div>
<!--Updates Tab By Chloe | @dontbrag-->