Advertisement
micsco987

updates css

Aug 31st, 2015
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.09 KB | None | 0 0
  1. /*----------------------------------------
  2. Update Tab #1 (CSS Left) by Incedo
  3. http://incedothemes.tumblr.com
  4. Please do not remove the credit.
  5. Instructions @ http://incedothenes.tumblr.com/tab
  6. Updated 8/7/14
  7. ------------------------------------------*/
  8.  
  9. #updatetab {
  10. font-family: helvetica; /*this is the font*/
  11. color: #cccccc;} /*this is the font color*/
  12. #tabtitle, #dropdown, #dropdown p {
  13. background-color:transparent; /*this is the background color*/
  14. border-color: transparent; /*this is the border color*/
  15.  
  16. }
  17.  
  18. #updatetab {
  19. width:100px;
  20. position:fixed;
  21. top:175px; /*this is where you move the WHOLE TAB up & down*/
  22. left:210px;/*this is where you move the WHOLE TAB left & right*/
  23. }
  24.  
  25. #tabtitle {
  26. margin-left:0px;
  27. margin-top:50px;
  28. -ms-transform: rotate(90deg); /* IE 9 */
  29. -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  30. transform: rotate(90deg);/*rotation of the word "updates" ; make sure they're all the same number!*/
  31. text-align:center;
  32. padding:1px 3px;
  33. letter-spacing:2px;
  34. font-size:9px;
  35. text-transform:uppercase;
  36. border-width:1px;
  37. border-style:solid;
  38. border-radius: 2px;
  39. -moz-border-radius: 2px;
  40. -webkit-border-radius: 2px;
  41.  
  42. }
  43.  
  44. #dropdown {
  45. background-color:transparent; /*background of CONTENT*/
  46. font-size:11px;
  47. text-align:center;
  48. width:100px; /*width of the CONTENT, adjust if you have a lot text*/
  49. margin-top:-155px;/*move just the CONTENT up & down*/
  50. margin-left:60px; /*move just the CONTENT left & right*/
  51. padding:2px;
  52. padding-top:0px;
  53. opacity:0;
  54. -webkit-transition: all 0.5s ease-in-out;
  55. -moz-transition: all 0.5s ease-in-out;
  56. -o-transition: all 0.5s ease-in-out;
  57. -ms-transition: all 0.5s ease-in-out;
  58. transition: all 0.5s ease-in-out;
  59.  
  60. }
  61.  
  62. #updatetab:hover #dropdown {
  63. opacity:1;
  64. -webkit-transition: all 0.5s ease-in-out;
  65. -moz-transition: all 0.5s ease-in-out;
  66. -o-transition: all 0.5s ease-in-out;
  67. -ms-transition: all 0.5s ease-in-out;
  68. transition: all 0.5s ease-in-out;}
  69.  
  70. #c {
  71. position:fixed;
  72. bottom:4px;
  73. right:4px;
  74. font-size:13px;
  75. font-family:helvetica;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement