alydae

update tab i - right css

Feb 21st, 2016 (edited)
2,102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.38 KB | None | 0 0
  1. /* --
  2.  
  3. UPDATE TAB I
  4. by alydae
  5.  
  6. released: february 26, 2016
  7.  
  8. - do not steal any part of this code
  9. - direct questions to enchantedthemes.tumblr.com
  10.  
  11. thank you for using!!!
  12.  
  13. -- */
  14.  
  15. .updates {
  16. position:fixed;
  17. right:30px;
  18. top:30px;
  19. font-size:9.5px;
  20. line-height:170%;
  21. text-align:justify;
  22. -webkit-font-smoothing:antialiased;
  23. -moz-osx-font-smoothing: grayscale;
  24. }
  25.  
  26. .updtitle {
  27. font-size:11px;
  28. font-weight:600;
  29. letter-spacing:.5px;
  30. text-transform:uppercase;
  31. text-align:right;
  32. padding-bottom:8px;
  33. }
  34.  
  35. .updbox {
  36. margin-bottom:8px;
  37. height:10px;
  38. width:10px;
  39. background-color:#000;
  40. -webkit-transition: all 0.6s ease-in-out;
  41. -moz-transition: all 0.6s ease-in-out;
  42. -o-transition: all 0.6s ease-in-out;
  43. }
  44.  
  45. .updtext {
  46. padding-right:0px;
  47. margin-left:-175px;
  48. visibility:hidden;
  49. opacity:0;
  50. width:125px;
  51. -webkit-transition: all 0.6s ease-in-out;
  52. -moz-transition: all 0.6s ease-in-out;
  53. -o-transition: all 0.6s ease-in-out;
  54. }
  55.  
  56. .updbox:hover .updtext {
  57. visibility:visible;
  58. opacity:1;
  59. padding:0px 30px;
  60. width:125px;
  61. -webkit-transition: all 0.6s ease-in-out;
  62. -moz-transition: all 0.6s ease-in-out;
  63. -o-transition: all 0.6s ease-in-out;
  64. }
  65.  
  66. /* end updates tabs */
Advertisement
Add Comment
Please, Sign In to add comment