Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* -------------------------------------- Beginning of Update tab place this in the Head section, put it directly after <style type="text/css> ---------------------------------------------------------------------------------- */
- #update {
- position:fixed;
- width: 150px;
- height:100%;
- right:0px;
- top:0px;
- text-decoration:none;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- background-color:transparent;
- text-align:center;
- }
- #updatetext{
- top:150px;
- opacity:0;
- position:fixed;
- right:-180px;
- width:100px;
- visibility:hidden;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- line-height:10px;
- }
- #updatetext a{
- display:inline-block;
- font-size:11px;
- font-family:calibri;
- /* ----------------------- Change color of your text below ------------- */
- color:black;
- /*-----------------------------------------------------------------------*/
- letter-spacing:0px;
- line-height:9px;
- }
- #update:hover #updatetext{
- opacity:1;
- right:25px;
- visibility: visible;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #updateimage{
- position:relative;
- left:0px;
- top:30px;
- height:150px;
- width:150px;
- /*------------------------- Change image here, just change the link to the image you'd like! --------------------------------------------------*/
- background-image:URL('http://static.tumblr.com/yf7iedv/1ymmqvegk/castie2.png');
- /* ------------------------------------------------------------------*/
- background-size:100px;
- background-position: top 25px right 25px;
- background-repeat: no-repeat;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- #updateimage b{
- visibility:visible;
- text-decoration:none;
- font-size:12px;
- font-family:calibri;
- text-align:center;
- color:{color:Updatetext};
- line-height: 10px;
- text-transform:uppercase;
- -webkit-transition:opacity 0.8s linear;
- -webkit-transition:all 0.5s ease-out;
- -moz-transition:all 0.5s ease-out;
- transition:all 0.5s ease-out;
- }
- /* -------------------------------------- End of Update tab head section --------------------------------- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement