Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #updatesbox {/*the styling of the whole updates box*/
- line-height:100%;/*don't change this!*/
- display:block;/*don't change this either lol*/
- border:1px solid #eee;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
- height:12px;/*the height of the box before hover*/
- width:30px;/*the width of the box before hover*/
- padding:0px 5px 5px 5px;/*don't change this!*/
- z-index:0;/*don't change this!*/
- top:15px;/*distance from top of page*/
- left:15px;/*distance from left of page*/
- color:#999;/*color of text*/
- position:fixed;/*don't change this!*/
- background:#fff;/*background color of updates box*/
- overflow:hidden;/*don't change this!*/
- text-align:center;/*text alignment of everything in updates box*/
- -moz-transition-duration:0.6s;
- -webkit-transition-duration:0.6s;
- -o-transition-duration:0.6s;
- }
- #updatesbox:hover {/*the updates box after hover*/
- height:150px;/*the height of the box after hover*/
- width:90px;/*the width of the box after hover*/
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
- }
- /*tutorial by meem.co.vu; please don't remove this note*/
- #updatestitle {/*the title of the updates box*/
- line-height:17px;/*don't change this!*/
- font-family:calibri;/*the font of the updates title*/
- text-transform:uppercase;/*can be uppercase, lowercase, none*/
- font-size:8px;/*font size of updates title*/
- }
- #inside {/*the actual updates*/
- font-size:9px;/*the font size of the actual updates*/
- font-family:baskerville;/*the font of the actual updates*/
- width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
- line-height:10px;/*don't change this!*/
- -moz-transition-duration:0.5s;
- -webkit-transition-duration:0.5s;
- -o-transition-duration:0.5s;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement