Advertisement
Mikaela

Updates 1

Dec 11th, 2013
237
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.00 KB | None | 0 0
  1. #updatesbox {/*the styling of the whole updates box*/
  2. line-height:100%;/*don't change this!*/
  3. display:block;/*don't change this either lol*/
  4. 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)*/
  5. height:12px;/*the height of the box before hover*/
  6. width:30px;/*the width of the box before hover*/
  7. padding:0px 5px 5px 5px;/*don't change this!*/
  8. z-index:99999999;/*don't change this!*/
  9. top:45px;/*distance from top of page*/
  10. left:15px;/*distance from left of page*/
  11. color:#999;/*color of text*/
  12. position:fixed;/*don't change this!*/
  13. background:#fff;/*background color of updates box*/
  14. overflow:hidden;/*don't change this!*/
  15. text-align:center;/*text alignment of everything in updates box*/
  16. -moz-transition-duration:0.6s;
  17. -webkit-transition-duration:0.6s;
  18. -o-transition-duration:0.6s;
  19. }
  20.  
  21. #updatesbox:hover {/*the updates box after hover*/
  22. height:170px;/*the height of the box after hover*/
  23. width:240px;/*the width of the box after hover*/
  24. -moz-transition-duration:0.5s;
  25. -webkit-transition-duration:0.5s;
  26. -o-transition-duration:0.5s;
  27. }
  28.  
  29. #updatestitle {/*the title of the updates box*/
  30. line-height:17px;/*don't change this!*/
  31. font-family:calibri;/*the font of the updates title*/
  32. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  33. font-size:8px;/*font size of updates title*/
  34. }
  35.  
  36. #inside {/*the actual updates*/
  37. font-size:9px;/*the font size of the actual updates*/
  38. font-family:georgia;/*the font of the actual updates*/
  39. width:240px;/*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*/
  40. line-height:10px;/*don't change this!*/
  41. -moz-transition-duration:0.5s;
  42. -webkit-transition-duration:0.5s;
  43. -o-transition-duration:0.5s;
  44. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement