Advertisement
cironmonger

Cas tie update tab - head section

Aug 10th, 2013
3,035
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.63 KB | None | 0 0
  1. /* -------------------------------------- Beginning of Update tab place this in the Head section, put it directly after <style type="text/css> ---------------------------------------------------------------------------------- */
  2.  
  3. #update {
  4. position:fixed;
  5. width: 150px;
  6. height:100%;
  7. right:0px;
  8. top:0px;
  9. text-decoration:none;
  10. -webkit-transition:opacity 0.8s linear;
  11. -webkit-transition:all 0.5s ease-out;
  12. -moz-transition:all 0.5s ease-out;
  13. transition:all 0.5s ease-out;
  14. background-color:transparent;
  15. text-align:center;
  16. }
  17.  
  18. #updatetext{
  19. top:150px;
  20. opacity:0;
  21. position:fixed;
  22. right:-180px;
  23. width:100px;
  24. visibility:hidden;
  25. -webkit-transition:opacity 0.8s linear;
  26. -webkit-transition:all 0.5s ease-out;
  27. -moz-transition:all 0.5s ease-out;
  28. transition:all 0.5s ease-out;
  29. line-height:10px;
  30. }
  31.  
  32. #updatetext a{
  33. display:inline-block;
  34. font-size:11px;
  35. font-family:calibri;
  36. /* ----------------------- Change color of your text below ------------- */
  37. color:black;
  38. /*-----------------------------------------------------------------------*/
  39. letter-spacing:0px;
  40. line-height:9px;
  41. }
  42.  
  43. #update:hover #updatetext{
  44. opacity:1;
  45. right:25px;
  46. visibility: visible;
  47. -webkit-transition:opacity 0.8s linear;
  48. -webkit-transition:all 0.5s ease-out;
  49. -moz-transition:all 0.5s ease-out;
  50. transition:all 0.5s ease-out;
  51. }
  52.  
  53.  
  54. #updateimage{
  55. position:relative;
  56. left:0px;
  57. top:30px;
  58. height:150px;
  59. width:150px;
  60. /*------------------------- Change image here, just change the link to the image you'd like! --------------------------------------------------*/
  61. background-image:URL('http://static.tumblr.com/yf7iedv/1ymmqvegk/castie2.png');
  62. /* ------------------------------------------------------------------*/
  63. background-size:100px;
  64. background-position: top 25px right 25px;
  65. background-repeat: no-repeat;
  66. -webkit-transition:opacity 0.8s linear;
  67. -webkit-transition:all 0.5s ease-out;
  68. -moz-transition:all 0.5s ease-out;
  69. transition:all 0.5s ease-out;
  70. }
  71.  
  72. #updateimage b{
  73. visibility:visible;
  74. text-decoration:none;
  75. font-size:12px;
  76. font-family:calibri;
  77. text-align:center;
  78. color:{color:Updatetext};
  79. line-height: 10px;
  80. text-transform:uppercase;
  81. -webkit-transition:opacity 0.8s linear;
  82. -webkit-transition:all 0.5s ease-out;
  83. -moz-transition:all 0.5s ease-out;
  84. transition:all 0.5s ease-out;
  85. }
  86.  
  87. /* -------------------------------------- End of Update tab head section --------------------------------- */
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement